From fd9cd1800bd6e2106d6627f94dfc761187dc66da Mon Sep 17 00:00:00 2001 From: Simone Vittori Date: Mon, 20 May 2024 15:58:59 +0100 Subject: [PATCH] `npm run build build:v8 build:fallbacks build:figma` --- dist/css/base/size/size.css | 2 + dist/css/functional/size/size-coarse.css | 7 - dist/css/functional/size/size-fine.css | 7 - dist/css/functional/size/size.css | 1 + .../css/functional/themes/dark-colorblind.css | 872 +- dist/css/functional/themes/dark-dimmed.css | 864 +- .../functional/themes/dark-high-contrast.css | 816 +- .../css/functional/themes/dark-tritanopia.css | 872 +- dist/css/functional/themes/dark.css | 880 +- .../functional/themes/light-colorblind.css | 764 +- .../functional/themes/light-high-contrast.css | 812 +- .../functional/themes/light-tritanopia.css | 764 +- dist/css/functional/themes/light.css | 824 +- dist/css/functional/typography/typography.css | 26 +- dist/deprecated/colors.json | 7 - dist/docs/base/size/size.json | 50 + dist/docs/base/typography/typography.json | 56 +- dist/docs/functional/size/size.json | 37 + .../functional/themes/dark-colorblind.json | 13764 ++++++++++----- dist/docs/functional/themes/dark-dimmed.json | 13782 ++++++++++----- .../functional/themes/dark-high-contrast.json | 13822 +++++++++++----- .../functional/themes/dark-tritanopia.json | 13764 ++++++++++----- dist/docs/functional/themes/dark.json | 13778 ++++++++++----- .../functional/themes/light-colorblind.json | 13476 ++++++++++----- .../themes/light-high-contrast.json | 13522 ++++++++++----- .../functional/themes/light-tritanopia.json | 13506 ++++++++++----- dist/docs/functional/themes/light.json | 13462 ++++++++++----- .../functional/typography/typography.json | 550 +- dist/fallbacks/base/size/size.json | 2 + dist/fallbacks/functional/size/size.json | 3 +- .../functional/typography/typography.json | 2 +- dist/figma/dimension/dimension.json | 30 + dist/figma/figma.json | 77 +- dist/figma/scales/dark.json | 50 +- dist/figma/scales/light.json | 280 +- dist/figma/themes/dark.json | 8327 ++++++++-- dist/figma/themes/light.json | 8121 +++++++-- dist/js/colors/index.d.ts | 530 - dist/js/colors/index.js | 7 - dist/js/colors/light.d.ts | 528 - dist/js/colors/light.js | 650 - dist/js/index.d.ts | 547 - dist/js/index.js | 9 - dist/js/spacing/index.d.ts | 6 - dist/js/spacing/index.js | 7 - dist/js/spacing/normal.d.ts | 4 - dist/js/spacing/normal.js | 13 - dist/js/typography/index.d.ts | 11 - dist/js/typography/index.js | 7 - dist/js/typography/normal.d.ts | 9 - dist/js/typography/normal.js | 19 - dist/json/colors/light.json | 648 - dist/json/spacing/normal.json | 11 - dist/json/typography/normal.json | 17 - dist/removed/colors.json | 432 - dist/scss/base/size/size.scss | 17 - dist/scss/base/typography/typography.scss | 4 - dist/scss/colors/_light.scss | 478 - dist/scss/functional/motion/motion.scss | 3 - dist/scss/functional/size/border.scss | 12 - dist/scss/functional/size/breakpoints.scss | 6 - dist/scss/functional/size/size-coarse.scss | 3 - dist/scss/functional/size/size-fine.scss | 3 - dist/scss/functional/size/size.scss | 71 - dist/scss/functional/size/viewport.scss | 6 - .../functional/themes/dark-colorblind.scss | 405 - dist/scss/functional/themes/dark-dimmed.scss | 405 - .../functional/themes/dark-high-contrast.scss | 405 - .../functional/themes/dark-tritanopia.scss | 405 - dist/scss/functional/themes/dark.scss | 405 - .../functional/themes/light-colorblind.scss | 405 - .../themes/light-high-contrast.scss | 405 - .../functional/themes/light-tritanopia.scss | 405 - dist/scss/functional/themes/light.scss | 405 - .../functional/typography/typography.scss | 45 - dist/scss/spacing/_normal.scss | 11 - dist/scss/typography/_normal.scss | 15 - dist/ts/colors/index.ts | 2 - dist/ts/colors/light.ts | 648 - dist/ts/index.ts | 4 - dist/ts/spacing/index.ts | 2 - dist/ts/spacing/normal.ts | 11 - dist/ts/typography/index.ts | 2 - dist/ts/typography/normal.ts | 17 - 84 files changed, 107955 insertions(+), 48484 deletions(-) delete mode 100644 dist/deprecated/colors.json delete mode 100644 dist/js/colors/index.d.ts delete mode 100644 dist/js/colors/index.js delete mode 100644 dist/js/colors/light.d.ts delete mode 100644 dist/js/colors/light.js delete mode 100644 dist/js/index.d.ts delete mode 100644 dist/js/index.js delete mode 100644 dist/js/spacing/index.d.ts delete mode 100644 dist/js/spacing/index.js delete mode 100644 dist/js/spacing/normal.d.ts delete mode 100644 dist/js/spacing/normal.js delete mode 100644 dist/js/typography/index.d.ts delete mode 100644 dist/js/typography/index.js delete mode 100644 dist/js/typography/normal.d.ts delete mode 100644 dist/js/typography/normal.js delete mode 100644 dist/json/colors/light.json delete mode 100644 dist/json/spacing/normal.json delete mode 100644 dist/json/typography/normal.json delete mode 100644 dist/removed/colors.json delete mode 100644 dist/scss/base/size/size.scss delete mode 100644 dist/scss/base/typography/typography.scss delete mode 100644 dist/scss/colors/_light.scss delete mode 100644 dist/scss/functional/motion/motion.scss delete mode 100644 dist/scss/functional/size/border.scss delete mode 100644 dist/scss/functional/size/breakpoints.scss delete mode 100644 dist/scss/functional/size/size-coarse.scss delete mode 100644 dist/scss/functional/size/size-fine.scss delete mode 100644 dist/scss/functional/size/size.scss delete mode 100644 dist/scss/functional/size/viewport.scss delete mode 100644 dist/scss/functional/themes/dark-colorblind.scss delete mode 100644 dist/scss/functional/themes/dark-dimmed.scss delete mode 100644 dist/scss/functional/themes/dark-high-contrast.scss delete mode 100644 dist/scss/functional/themes/dark-tritanopia.scss delete mode 100644 dist/scss/functional/themes/dark.scss delete mode 100644 dist/scss/functional/themes/light-colorblind.scss delete mode 100644 dist/scss/functional/themes/light-high-contrast.scss delete mode 100644 dist/scss/functional/themes/light-tritanopia.scss delete mode 100644 dist/scss/functional/themes/light.scss delete mode 100644 dist/scss/functional/typography/typography.scss delete mode 100644 dist/scss/spacing/_normal.scss delete mode 100644 dist/scss/typography/_normal.scss delete mode 100644 dist/ts/colors/index.ts delete mode 100644 dist/ts/colors/light.ts delete mode 100644 dist/ts/index.ts delete mode 100644 dist/ts/spacing/index.ts delete mode 100644 dist/ts/spacing/normal.ts delete mode 100644 dist/ts/typography/index.ts delete mode 100644 dist/ts/typography/normal.ts diff --git a/dist/css/base/size/size.css b/dist/css/base/size/size.css index b0746288b..4cd92d7f3 100644 --- a/dist/css/base/size/size.css +++ b/dist/css/base/size/size.css @@ -1,5 +1,7 @@ :root { + --base-size-2: 0.125rem; --base-size-4: 0.25rem; + --base-size-6: 0.375rem; --base-size-8: 0.5rem; --base-size-12: 0.75rem; --base-size-16: 1rem; diff --git a/dist/css/functional/size/size-coarse.css b/dist/css/functional/size/size-coarse.css index fb10805cc..e69de29bb 100644 --- a/dist/css/functional/size/size-coarse.css +++ b/dist/css/functional/size/size-coarse.css @@ -1,7 +0,0 @@ -@media (pointer: coarse) { - :root { - --control-minTarget-auto: 2.75rem; - --controlStack-small-gap-auto: 1rem; - --controlStack-medium-gap-auto: 0.75rem; - } -} diff --git a/dist/css/functional/size/size-fine.css b/dist/css/functional/size/size-fine.css index cdcf875b5..e69de29bb 100644 --- a/dist/css/functional/size/size-fine.css +++ b/dist/css/functional/size/size-fine.css @@ -1,7 +0,0 @@ -@media (pointer: fine) { - :root { - --control-minTarget-auto: 1rem; - --controlStack-small-gap-auto: 0.5rem; - --controlStack-medium-gap-auto: 0.5rem; - } -} diff --git a/dist/css/functional/size/size.css b/dist/css/functional/size/size.css index 059344e63..06e55ca6a 100644 --- a/dist/css/functional/size/size.css +++ b/dist/css/functional/size/size.css @@ -70,4 +70,5 @@ --overlay-paddingBlock-condensed: 0.25rem; --overlay-paddingBlock-normal: 0.75rem; --overlay-borderRadius: 0.375rem; + --overlay-offset: 0.25rem; } diff --git a/dist/css/functional/themes/dark-colorblind.css b/dist/css/functional/themes/dark-colorblind.css index 9ed99116a..2d1a4ca89 100644 --- a/dist/css/functional/themes/dark-colorblind.css +++ b/dist/css/functional/themes/dark-colorblind.css @@ -16,13 +16,13 @@ --diffBlob-deletion-bgColor-line: #db6d2826; --diffBlob-deletion-bgColor-word: #db6d2866; --diffBlob-hunk-bgColor-num: #388bfd66; - --diffBlob-expander-iconColor: #848d97; + --diffBlob-expander-iconColor: #8d96a0; --codeMirror-fgColor: #e6edf3; --codeMirror-bgColor: #0d1117; --codeMirror-gutters-bgColor: #0d1117; --codeMirror-gutterMarker-fgColor-default: #0d1117; - --codeMirror-gutterMarker-fgColor-muted: #848d97; - --codeMirror-lineNumber-fgColor: #848d97; + --codeMirror-gutterMarker-fgColor-muted: #8d96a0; + --codeMirror-lineNumber-fgColor: #8d96a0; --codeMirror-cursor-fgColor: #e6edf3; --codeMirror-selection-bgColor: #388bfd66; --codeMirror-activeline-bgColor: #6e768166; @@ -42,31 +42,146 @@ --header-borderColor-divider: #8b949e; --headerSearch-bgColor: #0d1117; --headerSearch-borderColor: #30363d; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #ffffff1a; - --avatar-borderColor: #30363d80; + --avatar-borderColor: #ffffff26; --avatar-shadow: 0px 0px 0px 2px #0d1117; --avatarStack-fade-bgColor-default: #30363d; --avatarStack-fade-bgColor-muted: #21262d; --control-bgColor-rest: #21262d; --control-bgColor-hover: #292e36; --control-bgColor-active: #31363e; - --control-bgColor-disabled: #161b22; + --control-bgColor-disabled: #21262db3; --control-bgColor-selected: #161b22; --control-fgColor-rest: #c9d1d9; --control-fgColor-placeholder: #484f58; - --control-fgColor-disabled: #8b949e; + --control-fgColor-disabled: #6e7681; --control-borderColor-rest: #30363d; --control-borderColor-emphasis: #666e79; - --control-borderColor-disabled: #161b22; + --control-borderColor-disabled: #21262db3; --control-borderColor-selected: #f0f6fc; --control-borderColor-success: #1f6feb; --control-borderColor-danger: #bd561d; --control-borderColor-warning: #9e6a03; - --control-iconColor-rest: #848d97; + --control-iconColor-rest: #8d96a0; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #b1bac41f; --control-transparent-bgColor-active: #b1bac433; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #21262db3; --control-transparent-bgColor-selected: #b1bac414; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; @@ -78,26 +193,26 @@ --control-checked-bgColor-rest: #1f6feb; --control-checked-bgColor-hover: #2a7aef; --control-checked-bgColor-active: #3685f3; - --control-checked-bgColor-disabled: #8b949e; + --control-checked-bgColor-disabled: #6e7681; --control-checked-fgColor-rest: #ffffff; --control-checked-fgColor-disabled: #010409; --control-checked-borderColor-rest: #1f6feb; --control-checked-borderColor-hover: #2a7aef; --control-checked-borderColor-active: #3685f3; - --control-checked-borderColor-disabled: #8b949e; + --control-checked-borderColor-disabled: #6e7681; --controlTrack-bgColor-rest: #21262d; --controlTrack-bgColor-hover: #292e36; --controlTrack-bgColor-active: #31363e; - --controlTrack-bgColor-disabled: #8b949e; - --controlTrack-fgColor-rest: #848d97; + --controlTrack-bgColor-disabled: #6e7681; + --controlTrack-fgColor-rest: #8d96a0; --controlTrack-fgColor-disabled: #ffffff; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #8b949e; + --controlTrack-borderColor-disabled: #6e7681; --controlKnob-bgColor-rest: #010409; - --controlKnob-bgColor-disabled: #161b22; + --controlKnob-bgColor-disabled: #21262db3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #666e79; - --controlKnob-borderColor-disabled: #161b22; + --controlKnob-borderColor-disabled: #21262db3; --controlKnob-borderColor-checked: #1f6feb; --counter-borderColor: #00000000; --button-default-fgColor-rest: #c9d1d9; @@ -105,14 +220,14 @@ --button-default-bgColor-hover: #292e36; --button-default-bgColor-active: #31363e; --button-default-bgColor-selected: #31363e; - --button-default-bgColor-disabled: #161b22; + --button-default-bgColor-disabled: #21262db3; --button-default-borderColor-rest: #30363d; --button-default-borderColor-hover: #30363d; --button-default-borderColor-active: #30363d; - --button-default-borderColor-disabled: #161b22; + --button-default-borderColor-disabled: #21262db3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; --button-primary-fgColor-rest: #ffffff; - --button-primary-fgColor-disabled: #ffffff80; + --button-primary-fgColor-disabled: #ffffff66; --button-primary-iconColor-rest: #ffffff; --button-primary-bgColor-rest: #1f6feb; --button-primary-bgColor-hover: #2a7aef; @@ -123,23 +238,23 @@ --button-primary-borderColor-active: #f0f6fc1a; --button-primary-borderColor-disabled: #1158c7; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #2f81f7; + --button-invisible-fgColor-rest: #4493f8; --button-invisible-fgColor-hover: #58a6ff; - --button-invisible-fgColor-disabled: #8b949e; - --button-invisible-iconColor-rest: #848d97; + --button-invisible-fgColor-disabled: #6e7681; + --button-invisible-iconColor-rest: #8d96a0; --button-invisible-iconColor-hover: #e6edf3; - --button-invisible-iconColor-disabled: #8b949e; + --button-invisible-iconColor-disabled: #6e7681; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #b1bac41f; --button-invisible-bgColor-active: #b1bac433; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #21262db3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; - --button-invisible-borderColor-disabled: #161b22; + --button-invisible-borderColor-disabled: #21262db3; --button-outline-fgColor-rest: #388bfd; --button-outline-fgColor-hover: #58a6ff; --button-outline-fgColor-active: #ffffff; - --button-outline-fgColor-disabled: #2f81f780; + --button-outline-fgColor-disabled: #4493f880; --button-outline-bgColor-rest: #f0f6fc; --button-outline-bgColor-hover: #30363d; --button-outline-bgColor-active: #0d419d; @@ -156,13 +271,14 @@ --button-danger-bgColor-rest: #21262d; --button-danger-bgColor-hover: #9b4215; --button-danger-bgColor-active: #b5531d; - --button-danger-bgColor-disabled: #161b22; + --button-danger-bgColor-disabled: #21262db3; --button-danger-borderColor-rest: #30363d; --button-danger-borderColor-hover: #f0f6fc1a; --button-danger-borderColor-active: #f0f6fc1a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #8b949e; - --button-inactive-bgColor-rest: #21262d; + --button-inactive-fgColor: #8b949e; + --button-inactive-bgColor: #21262d; + --button-star-iconColor: #e3b341; --buttonCounter-default-bgColor-rest: #30363d; --buttonCounter-invisible-bgColor-rest: #30363d; --buttonCounter-primary-bgColor-rest: #04260f33; @@ -171,47 +287,173 @@ --buttonCounter-outline-bgColor-disabled: #1f6feb0d; --buttonCounter-outline-fgColor-rest: #388bfd; --buttonCounter-outline-fgColor-hover: #58a6ff; - --buttonCounter-outline-fgColor-disabled: #2f81f780; + --buttonCounter-outline-fgColor-disabled: #4493f880; --buttonCounter-danger-bgColor-hover: #ffffff33; --buttonCounter-danger-bgColor-disabled: #bd561d0d; --buttonCounter-danger-bgColor-rest: #49020233; --buttonCounter-danger-fgColor-rest: #db6d28; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #db6d2880; + --reactionButton-selected-bgColor-rest: #388bfd33; + --reactionButton-selected-bgColor-hover: #3a8cfd5c; + --reactionButton-selected-fgColor-rest: #4493f8; + --reactionButton-selected-fgColor-hover: #79c0ff; --focus-outlineColor: #1f6feb; --menu-bgColor-active: #161b22; --overlay-bgColor: #161b22; + --overlay-borderColor: #30363db3; --overlay-backdrop-bgColor: #161b2266; --selectMenu-borderColor: #484f58; --selectMenu-bgColor-active: #0c2d6b; --sideNav-bgColor-selected: #21262d; --skeletonLoader-bgColor: #161b22; --timelineBadge-bgColor: #21262d; - --treeViewItem-leadingVisual-iconColor-rest: #848d97; + --treeViewItem-leadingVisual-iconColor-rest: #8d96a0; --underlineNav-borderColor-active: #f78166; --underlineNav-borderColor-hover: #6e768166; - --underlineNav-iconColor-rest: #848d97; + --underlineNav-iconColor-rest: #8d96a0; + --selection-bgColor: #1f6febb3; + --card-bgColor: #161b22; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #e6edf3; - --fgColor-muted: #848d97; + --fgColor-muted: #8d96a0; --fgColor-onEmphasis: #ffffff; - --fgColor-disabled: #8b949e; - --fgColor-link: #2f81f7; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #6e7681; + --fgColor-link: #4493f8; --fgColor-neutral: #6e7681; - --fgColor-accent: #2f81f7; + --fgColor-accent: #4493f8; --fgColor-success: #58a6ff; --fgColor-attention: #d29922; --fgColor-severe: #db6d28; --fgColor-danger: #db6d28; --fgColor-open: #f0883e; --fgColor-closed: #8b949e; - --fgColor-done: #a371f7; + --fgColor-done: #ab7df8; + --fgColor-upsell: #ab7df8; --fgColor-sponsors: #db61a2; --bgColor-default: #0d1117; --bgColor-muted: #161b22; --bgColor-inset: #010409; --bgColor-emphasis: #6e7681; --bgColor-inverse: #ffffff; - --bgColor-disabled: #161b22; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #21262db3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #6e768166; --bgColor-neutral-emphasis: #6e7681; @@ -229,14 +471,16 @@ --bgColor-open-emphasis: #bd561d; --bgColor-closed-muted: #6e768166; --bgColor-closed-emphasis: #6e7681; - --bgColor-done-muted: #a371f726; + --bgColor-done-muted: #ab7df826; --bgColor-done-emphasis: #8957e5; + --bgColor-upsell-muted: #ab7df826; + --bgColor-upsell-emphasis: #8957e5; --bgColor-sponsors-muted: #db61a21a; --bgColor-sponsors-emphasis: #bf4b8a; --borderColor-default: #30363d; - --borderColor-muted: #30363d80; + --borderColor-muted: #30363db3; --borderColor-emphasis: #484f58; - --borderColor-disabled: #161b22; + --borderColor-disabled: #21262db3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #6e768166; --borderColor-neutral-emphasis: #6e7681; @@ -254,8 +498,10 @@ --borderColor-open-emphasis: #db6d28; --borderColor-closed-muted: #6e768166; --borderColor-closed-emphasis: #6e7681; - --borderColor-done-muted: #a371f766; + --borderColor-done-muted: #ab7df866; --borderColor-done-emphasis: #8957e5; + --borderColor-upsell-muted: #ab7df866; + --borderColor-upsell-emphasis: #8957e5; --borderColor-sponsors-muted: #db61a266; --borderColor-sponsors-emphasis: #bf4b8a; --color-ansi-black: #484f58; @@ -271,7 +517,7 @@ --color-ansi-yellow-bright: #e3b341; --color-ansi-blue: #58a6ff; --color-ansi-blue-bright: #79c0ff; - --color-ansi-magenta: #bc8cff; + --color-ansi-magenta: #be8fff; --color-ansi-magenta-bright: #d2a8ff; --color-ansi-cyan: #39c5cf; --color-ansi-cyan-bright: #56d4dd; @@ -305,107 +551,15 @@ --color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-meta-diff-range: #d2a8ff; --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; - --color-scale-black: #010409; - --color-scale-transparent: #00000000; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f0f6fc; - --color-scale-gray-1: #c9d1d9; - --color-scale-gray-2: #b1bac4; - --color-scale-gray-3: #8b949e; - --color-scale-gray-4: #6e7681; - --color-scale-gray-5: #484f58; - --color-scale-gray-6: #30363d; - --color-scale-gray-7: #21262d; - --color-scale-gray-8: #161b22; - --color-scale-gray-9: #0d1117; - --color-scale-blue-0: #cae8ff; - --color-scale-blue-1: #a5d6ff; - --color-scale-blue-2: #79c0ff; - --color-scale-blue-3: #58a6ff; - --color-scale-blue-4: #388bfd; - --color-scale-blue-5: #1f6feb; - --color-scale-blue-6: #1158c7; - --color-scale-blue-7: #0d419d; - --color-scale-blue-8: #0c2d6b; - --color-scale-blue-9: #051d4d; - --color-scale-green-0: #cae8ff; - --color-scale-green-1: #a5d6ff; - --color-scale-green-2: #79c0ff; - --color-scale-green-3: #58a6ff; - --color-scale-green-4: #388bfd; - --color-scale-green-5: #1f6feb; - --color-scale-green-6: #1158c7; - --color-scale-green-7: #0d419d; - --color-scale-green-8: #0c2d6b; - --color-scale-green-9: #051d4d; - --color-scale-yellow-0: #f8e3a1; - --color-scale-yellow-1: #f2cc60; - --color-scale-yellow-2: #e3b341; - --color-scale-yellow-3: #d29922; - --color-scale-yellow-4: #bb8009; - --color-scale-yellow-5: #9e6a03; - --color-scale-yellow-6: #845306; - --color-scale-yellow-7: #693e00; - --color-scale-yellow-8: #4b2900; - --color-scale-yellow-9: #341a00; - --color-scale-orange-0: #ffdfb6; - --color-scale-orange-1: #ffc680; - --color-scale-orange-2: #ffa657; - --color-scale-orange-3: #f0883e; - --color-scale-orange-4: #db6d28; - --color-scale-orange-5: #bd561d; - --color-scale-orange-6: #9b4215; - --color-scale-orange-7: #762d0a; - --color-scale-orange-8: #5a1e02; - --color-scale-orange-9: #3d1300; - --color-scale-red-0: #ffdfb6; - --color-scale-red-1: #ffc680; - --color-scale-red-2: #ffa657; - --color-scale-red-3: #f0883e; - --color-scale-red-4: #db6d28; - --color-scale-red-5: #bd561d; - --color-scale-red-6: #9b4215; - --color-scale-red-7: #762d0a; - --color-scale-red-8: #5a1e02; - --color-scale-red-9: #3d1300; - --color-scale-purple-0: #eddeff; - --color-scale-purple-1: #e2c5ff; - --color-scale-purple-2: #d2a8ff; - --color-scale-purple-3: #bc8cff; - --color-scale-purple-4: #a371f7; - --color-scale-purple-5: #8957e5; - --color-scale-purple-6: #6e40c9; - --color-scale-purple-7: #553098; - --color-scale-purple-8: #3c1e70; - --color-scale-purple-9: #271052; - --color-scale-pink-0: #ffdaec; - --color-scale-pink-1: #ffbedd; - --color-scale-pink-2: #ff9bce; - --color-scale-pink-3: #f778ba; - --color-scale-pink-4: #db61a2; - --color-scale-pink-5: #bf4b8a; - --color-scale-pink-6: #9e3670; - --color-scale-pink-7: #7d2457; - --color-scale-pink-8: #5e103e; - --color-scale-pink-9: #42062a; - --color-scale-coral-0: #ffddd2; - --color-scale-coral-1: #ffc2b2; - --color-scale-coral-2: #ffa28b; - --color-scale-coral-3: #f78166; - --color-scale-coral-4: #ea6045; - --color-scale-coral-5: #cf462d; - --color-scale-coral-6: #ac3220; - --color-scale-coral-7: #872012; - --color-scale-coral-8: #640d04; - --color-scale-coral-9: #460701; --shadow-inset: inset 0px 1px 0px 0px #0104093d; --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; - --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; + --shadow-resting-small: 0px 1px 0px 0px #01040966; --shadow-resting-medium: 0px 3px 6px 0px #010409cc; - --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; - --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; - --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409; - --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409; + --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; + --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; + --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409; + --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409; + --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; --outline-focus: #1f6feb solid 2px; } @media (prefers-color-scheme: dark) { @@ -425,13 +579,13 @@ --diffBlob-deletion-bgColor-line: #db6d2826; --diffBlob-deletion-bgColor-word: #db6d2866; --diffBlob-hunk-bgColor-num: #388bfd66; - --diffBlob-expander-iconColor: #848d97; + --diffBlob-expander-iconColor: #8d96a0; --codeMirror-fgColor: #e6edf3; --codeMirror-bgColor: #0d1117; --codeMirror-gutters-bgColor: #0d1117; --codeMirror-gutterMarker-fgColor-default: #0d1117; - --codeMirror-gutterMarker-fgColor-muted: #848d97; - --codeMirror-lineNumber-fgColor: #848d97; + --codeMirror-gutterMarker-fgColor-muted: #8d96a0; + --codeMirror-lineNumber-fgColor: #8d96a0; --codeMirror-cursor-fgColor: #e6edf3; --codeMirror-selection-bgColor: #388bfd66; --codeMirror-activeline-bgColor: #6e768166; @@ -451,31 +605,146 @@ --header-borderColor-divider: #8b949e; --headerSearch-bgColor: #0d1117; --headerSearch-borderColor: #30363d; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #ffffff1a; - --avatar-borderColor: #30363d80; + --avatar-borderColor: #ffffff26; --avatar-shadow: 0px 0px 0px 2px #0d1117; --avatarStack-fade-bgColor-default: #30363d; --avatarStack-fade-bgColor-muted: #21262d; --control-bgColor-rest: #21262d; --control-bgColor-hover: #292e36; --control-bgColor-active: #31363e; - --control-bgColor-disabled: #161b22; + --control-bgColor-disabled: #21262db3; --control-bgColor-selected: #161b22; --control-fgColor-rest: #c9d1d9; --control-fgColor-placeholder: #484f58; - --control-fgColor-disabled: #8b949e; + --control-fgColor-disabled: #6e7681; --control-borderColor-rest: #30363d; --control-borderColor-emphasis: #666e79; - --control-borderColor-disabled: #161b22; + --control-borderColor-disabled: #21262db3; --control-borderColor-selected: #f0f6fc; --control-borderColor-success: #1f6feb; --control-borderColor-danger: #bd561d; --control-borderColor-warning: #9e6a03; - --control-iconColor-rest: #848d97; + --control-iconColor-rest: #8d96a0; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #b1bac41f; --control-transparent-bgColor-active: #b1bac433; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #21262db3; --control-transparent-bgColor-selected: #b1bac414; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; @@ -487,26 +756,26 @@ --control-checked-bgColor-rest: #1f6feb; --control-checked-bgColor-hover: #2a7aef; --control-checked-bgColor-active: #3685f3; - --control-checked-bgColor-disabled: #8b949e; + --control-checked-bgColor-disabled: #6e7681; --control-checked-fgColor-rest: #ffffff; --control-checked-fgColor-disabled: #010409; --control-checked-borderColor-rest: #1f6feb; --control-checked-borderColor-hover: #2a7aef; --control-checked-borderColor-active: #3685f3; - --control-checked-borderColor-disabled: #8b949e; + --control-checked-borderColor-disabled: #6e7681; --controlTrack-bgColor-rest: #21262d; --controlTrack-bgColor-hover: #292e36; --controlTrack-bgColor-active: #31363e; - --controlTrack-bgColor-disabled: #8b949e; - --controlTrack-fgColor-rest: #848d97; + --controlTrack-bgColor-disabled: #6e7681; + --controlTrack-fgColor-rest: #8d96a0; --controlTrack-fgColor-disabled: #ffffff; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #8b949e; + --controlTrack-borderColor-disabled: #6e7681; --controlKnob-bgColor-rest: #010409; - --controlKnob-bgColor-disabled: #161b22; + --controlKnob-bgColor-disabled: #21262db3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #666e79; - --controlKnob-borderColor-disabled: #161b22; + --controlKnob-borderColor-disabled: #21262db3; --controlKnob-borderColor-checked: #1f6feb; --counter-borderColor: #00000000; --button-default-fgColor-rest: #c9d1d9; @@ -514,14 +783,14 @@ --button-default-bgColor-hover: #292e36; --button-default-bgColor-active: #31363e; --button-default-bgColor-selected: #31363e; - --button-default-bgColor-disabled: #161b22; + --button-default-bgColor-disabled: #21262db3; --button-default-borderColor-rest: #30363d; --button-default-borderColor-hover: #30363d; --button-default-borderColor-active: #30363d; - --button-default-borderColor-disabled: #161b22; + --button-default-borderColor-disabled: #21262db3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; --button-primary-fgColor-rest: #ffffff; - --button-primary-fgColor-disabled: #ffffff80; + --button-primary-fgColor-disabled: #ffffff66; --button-primary-iconColor-rest: #ffffff; --button-primary-bgColor-rest: #1f6feb; --button-primary-bgColor-hover: #2a7aef; @@ -532,23 +801,23 @@ --button-primary-borderColor-active: #f0f6fc1a; --button-primary-borderColor-disabled: #1158c7; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #2f81f7; + --button-invisible-fgColor-rest: #4493f8; --button-invisible-fgColor-hover: #58a6ff; - --button-invisible-fgColor-disabled: #8b949e; - --button-invisible-iconColor-rest: #848d97; + --button-invisible-fgColor-disabled: #6e7681; + --button-invisible-iconColor-rest: #8d96a0; --button-invisible-iconColor-hover: #e6edf3; - --button-invisible-iconColor-disabled: #8b949e; + --button-invisible-iconColor-disabled: #6e7681; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #b1bac41f; --button-invisible-bgColor-active: #b1bac433; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #21262db3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; - --button-invisible-borderColor-disabled: #161b22; + --button-invisible-borderColor-disabled: #21262db3; --button-outline-fgColor-rest: #388bfd; --button-outline-fgColor-hover: #58a6ff; --button-outline-fgColor-active: #ffffff; - --button-outline-fgColor-disabled: #2f81f780; + --button-outline-fgColor-disabled: #4493f880; --button-outline-bgColor-rest: #f0f6fc; --button-outline-bgColor-hover: #30363d; --button-outline-bgColor-active: #0d419d; @@ -565,13 +834,14 @@ --button-danger-bgColor-rest: #21262d; --button-danger-bgColor-hover: #9b4215; --button-danger-bgColor-active: #b5531d; - --button-danger-bgColor-disabled: #161b22; + --button-danger-bgColor-disabled: #21262db3; --button-danger-borderColor-rest: #30363d; --button-danger-borderColor-hover: #f0f6fc1a; --button-danger-borderColor-active: #f0f6fc1a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #8b949e; - --button-inactive-bgColor-rest: #21262d; + --button-inactive-fgColor: #8b949e; + --button-inactive-bgColor: #21262d; + --button-star-iconColor: #e3b341; --buttonCounter-default-bgColor-rest: #30363d; --buttonCounter-invisible-bgColor-rest: #30363d; --buttonCounter-primary-bgColor-rest: #04260f33; @@ -580,47 +850,173 @@ --buttonCounter-outline-bgColor-disabled: #1f6feb0d; --buttonCounter-outline-fgColor-rest: #388bfd; --buttonCounter-outline-fgColor-hover: #58a6ff; - --buttonCounter-outline-fgColor-disabled: #2f81f780; + --buttonCounter-outline-fgColor-disabled: #4493f880; --buttonCounter-danger-bgColor-hover: #ffffff33; --buttonCounter-danger-bgColor-disabled: #bd561d0d; --buttonCounter-danger-bgColor-rest: #49020233; --buttonCounter-danger-fgColor-rest: #db6d28; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #db6d2880; + --reactionButton-selected-bgColor-rest: #388bfd33; + --reactionButton-selected-bgColor-hover: #3a8cfd5c; + --reactionButton-selected-fgColor-rest: #4493f8; + --reactionButton-selected-fgColor-hover: #79c0ff; --focus-outlineColor: #1f6feb; --menu-bgColor-active: #161b22; --overlay-bgColor: #161b22; + --overlay-borderColor: #30363db3; --overlay-backdrop-bgColor: #161b2266; --selectMenu-borderColor: #484f58; --selectMenu-bgColor-active: #0c2d6b; --sideNav-bgColor-selected: #21262d; --skeletonLoader-bgColor: #161b22; --timelineBadge-bgColor: #21262d; - --treeViewItem-leadingVisual-iconColor-rest: #848d97; + --treeViewItem-leadingVisual-iconColor-rest: #8d96a0; --underlineNav-borderColor-active: #f78166; --underlineNav-borderColor-hover: #6e768166; - --underlineNav-iconColor-rest: #848d97; + --underlineNav-iconColor-rest: #8d96a0; + --selection-bgColor: #1f6febb3; + --card-bgColor: #161b22; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #e6edf3; - --fgColor-muted: #848d97; + --fgColor-muted: #8d96a0; --fgColor-onEmphasis: #ffffff; - --fgColor-disabled: #8b949e; - --fgColor-link: #2f81f7; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #6e7681; + --fgColor-link: #4493f8; --fgColor-neutral: #6e7681; - --fgColor-accent: #2f81f7; + --fgColor-accent: #4493f8; --fgColor-success: #58a6ff; --fgColor-attention: #d29922; --fgColor-severe: #db6d28; --fgColor-danger: #db6d28; --fgColor-open: #f0883e; --fgColor-closed: #8b949e; - --fgColor-done: #a371f7; + --fgColor-done: #ab7df8; + --fgColor-upsell: #ab7df8; --fgColor-sponsors: #db61a2; --bgColor-default: #0d1117; --bgColor-muted: #161b22; --bgColor-inset: #010409; --bgColor-emphasis: #6e7681; --bgColor-inverse: #ffffff; - --bgColor-disabled: #161b22; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #21262db3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #6e768166; --bgColor-neutral-emphasis: #6e7681; @@ -638,14 +1034,16 @@ --bgColor-open-emphasis: #bd561d; --bgColor-closed-muted: #6e768166; --bgColor-closed-emphasis: #6e7681; - --bgColor-done-muted: #a371f726; + --bgColor-done-muted: #ab7df826; --bgColor-done-emphasis: #8957e5; + --bgColor-upsell-muted: #ab7df826; + --bgColor-upsell-emphasis: #8957e5; --bgColor-sponsors-muted: #db61a21a; --bgColor-sponsors-emphasis: #bf4b8a; --borderColor-default: #30363d; - --borderColor-muted: #30363d80; + --borderColor-muted: #30363db3; --borderColor-emphasis: #484f58; - --borderColor-disabled: #161b22; + --borderColor-disabled: #21262db3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #6e768166; --borderColor-neutral-emphasis: #6e7681; @@ -663,8 +1061,10 @@ --borderColor-open-emphasis: #db6d28; --borderColor-closed-muted: #6e768166; --borderColor-closed-emphasis: #6e7681; - --borderColor-done-muted: #a371f766; + --borderColor-done-muted: #ab7df866; --borderColor-done-emphasis: #8957e5; + --borderColor-upsell-muted: #ab7df866; + --borderColor-upsell-emphasis: #8957e5; --borderColor-sponsors-muted: #db61a266; --borderColor-sponsors-emphasis: #bf4b8a; --color-ansi-black: #484f58; @@ -680,7 +1080,7 @@ --color-ansi-yellow-bright: #e3b341; --color-ansi-blue: #58a6ff; --color-ansi-blue-bright: #79c0ff; - --color-ansi-magenta: #bc8cff; + --color-ansi-magenta: #be8fff; --color-ansi-magenta-bright: #d2a8ff; --color-ansi-cyan: #39c5cf; --color-ansi-cyan-bright: #56d4dd; @@ -714,107 +1114,15 @@ --color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-meta-diff-range: #d2a8ff; --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; - --color-scale-black: #010409; - --color-scale-transparent: #00000000; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f0f6fc; - --color-scale-gray-1: #c9d1d9; - --color-scale-gray-2: #b1bac4; - --color-scale-gray-3: #8b949e; - --color-scale-gray-4: #6e7681; - --color-scale-gray-5: #484f58; - --color-scale-gray-6: #30363d; - --color-scale-gray-7: #21262d; - --color-scale-gray-8: #161b22; - --color-scale-gray-9: #0d1117; - --color-scale-blue-0: #cae8ff; - --color-scale-blue-1: #a5d6ff; - --color-scale-blue-2: #79c0ff; - --color-scale-blue-3: #58a6ff; - --color-scale-blue-4: #388bfd; - --color-scale-blue-5: #1f6feb; - --color-scale-blue-6: #1158c7; - --color-scale-blue-7: #0d419d; - --color-scale-blue-8: #0c2d6b; - --color-scale-blue-9: #051d4d; - --color-scale-green-0: #cae8ff; - --color-scale-green-1: #a5d6ff; - --color-scale-green-2: #79c0ff; - --color-scale-green-3: #58a6ff; - --color-scale-green-4: #388bfd; - --color-scale-green-5: #1f6feb; - --color-scale-green-6: #1158c7; - --color-scale-green-7: #0d419d; - --color-scale-green-8: #0c2d6b; - --color-scale-green-9: #051d4d; - --color-scale-yellow-0: #f8e3a1; - --color-scale-yellow-1: #f2cc60; - --color-scale-yellow-2: #e3b341; - --color-scale-yellow-3: #d29922; - --color-scale-yellow-4: #bb8009; - --color-scale-yellow-5: #9e6a03; - --color-scale-yellow-6: #845306; - --color-scale-yellow-7: #693e00; - --color-scale-yellow-8: #4b2900; - --color-scale-yellow-9: #341a00; - --color-scale-orange-0: #ffdfb6; - --color-scale-orange-1: #ffc680; - --color-scale-orange-2: #ffa657; - --color-scale-orange-3: #f0883e; - --color-scale-orange-4: #db6d28; - --color-scale-orange-5: #bd561d; - --color-scale-orange-6: #9b4215; - --color-scale-orange-7: #762d0a; - --color-scale-orange-8: #5a1e02; - --color-scale-orange-9: #3d1300; - --color-scale-red-0: #ffdfb6; - --color-scale-red-1: #ffc680; - --color-scale-red-2: #ffa657; - --color-scale-red-3: #f0883e; - --color-scale-red-4: #db6d28; - --color-scale-red-5: #bd561d; - --color-scale-red-6: #9b4215; - --color-scale-red-7: #762d0a; - --color-scale-red-8: #5a1e02; - --color-scale-red-9: #3d1300; - --color-scale-purple-0: #eddeff; - --color-scale-purple-1: #e2c5ff; - --color-scale-purple-2: #d2a8ff; - --color-scale-purple-3: #bc8cff; - --color-scale-purple-4: #a371f7; - --color-scale-purple-5: #8957e5; - --color-scale-purple-6: #6e40c9; - --color-scale-purple-7: #553098; - --color-scale-purple-8: #3c1e70; - --color-scale-purple-9: #271052; - --color-scale-pink-0: #ffdaec; - --color-scale-pink-1: #ffbedd; - --color-scale-pink-2: #ff9bce; - --color-scale-pink-3: #f778ba; - --color-scale-pink-4: #db61a2; - --color-scale-pink-5: #bf4b8a; - --color-scale-pink-6: #9e3670; - --color-scale-pink-7: #7d2457; - --color-scale-pink-8: #5e103e; - --color-scale-pink-9: #42062a; - --color-scale-coral-0: #ffddd2; - --color-scale-coral-1: #ffc2b2; - --color-scale-coral-2: #ffa28b; - --color-scale-coral-3: #f78166; - --color-scale-coral-4: #ea6045; - --color-scale-coral-5: #cf462d; - --color-scale-coral-6: #ac3220; - --color-scale-coral-7: #872012; - --color-scale-coral-8: #640d04; - --color-scale-coral-9: #460701; --shadow-inset: inset 0px 1px 0px 0px #0104093d; --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; - --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; + --shadow-resting-small: 0px 1px 0px 0px #01040966; --shadow-resting-medium: 0px 3px 6px 0px #010409cc; - --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; - --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; - --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409; - --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409; + --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; + --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; + --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409; + --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409; + --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; --outline-focus: #1f6feb solid 2px; } } diff --git a/dist/css/functional/themes/dark-dimmed.css b/dist/css/functional/themes/dark-dimmed.css index ece20cf39..3ef777790 100644 --- a/dist/css/functional/themes/dark-dimmed.css +++ b/dist/css/functional/themes/dark-dimmed.css @@ -21,8 +21,8 @@ --codeMirror-bgColor: #22272e; --codeMirror-gutters-bgColor: #22272e; --codeMirror-gutterMarker-fgColor-default: #22272e; - --codeMirror-gutterMarker-fgColor-muted: #717e8b; - --codeMirror-lineNumber-fgColor: #717e8b; + --codeMirror-gutterMarker-fgColor-muted: #778491; + --codeMirror-lineNumber-fgColor: #778491; --codeMirror-cursor-fgColor: #c5d1de; --codeMirror-selection-bgColor: #4184e466; --codeMirror-activeline-bgColor: #636e7b66; @@ -42,31 +42,146 @@ --header-borderColor-divider: #768390; --headerSearch-bgColor: #22272e; --headerSearch-borderColor: #444c56; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #cdd9e51a; - --avatar-borderColor: #444c5680; + --avatar-borderColor: #cdd9e526; --avatar-shadow: 0px 0px 0px 2px #22272e; --avatarStack-fade-bgColor-default: #444c56; --avatarStack-fade-bgColor-muted: #373e47; --control-bgColor-rest: #373e47; --control-bgColor-hover: #3d444e; --control-bgColor-active: #434a54; - --control-bgColor-disabled: #2d333b; + --control-bgColor-disabled: #373e47b3; --control-bgColor-selected: #2d333b; --control-fgColor-rest: #adbac7; --control-fgColor-placeholder: #545d68; - --control-fgColor-disabled: #768390; + --control-fgColor-disabled: #636e7b; --control-borderColor-rest: #444c56; --control-borderColor-emphasis: #606b77; - --control-borderColor-disabled: #2d333b; + --control-borderColor-disabled: #373e47b3; --control-borderColor-selected: #cdd9e5; --control-borderColor-success: #347d39; --control-borderColor-danger: #c93c37; --control-borderColor-warning: #966600; - --control-iconColor-rest: #717e8b; + --control-iconColor-rest: #778491; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #909dab1f; --control-transparent-bgColor-active: #909dab33; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #373e47b3; --control-transparent-bgColor-selected: #909dab14; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; @@ -78,26 +193,26 @@ --control-checked-bgColor-rest: #316dca; --control-checked-bgColor-hover: #3876d3; --control-checked-bgColor-active: #3f7fdb; - --control-checked-bgColor-disabled: #768390; + --control-checked-bgColor-disabled: #636e7b; --control-checked-fgColor-rest: #cdd9e5; --control-checked-fgColor-disabled: #1c2128; --control-checked-borderColor-rest: #316dca; --control-checked-borderColor-hover: #3876d3; --control-checked-borderColor-active: #3f7fdb; - --control-checked-borderColor-disabled: #768390; + --control-checked-borderColor-disabled: #636e7b; --controlTrack-bgColor-rest: #373e47; --controlTrack-bgColor-hover: #3d444e; --controlTrack-bgColor-active: #434a54; - --controlTrack-bgColor-disabled: #768390; - --controlTrack-fgColor-rest: #717e8b; + --controlTrack-bgColor-disabled: #636e7b; + --controlTrack-fgColor-rest: #778491; --controlTrack-fgColor-disabled: #cdd9e5; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #768390; + --controlTrack-borderColor-disabled: #636e7b; --controlKnob-bgColor-rest: #1c2128; - --controlKnob-bgColor-disabled: #2d333b; + --controlKnob-bgColor-disabled: #373e47b3; --controlKnob-bgColor-checked: #cdd9e5; --controlKnob-borderColor-rest: #606b77; - --controlKnob-borderColor-disabled: #2d333b; + --controlKnob-borderColor-disabled: #373e47b3; --controlKnob-borderColor-checked: #316dca; --counter-borderColor: #00000000; --button-default-fgColor-rest: #adbac7; @@ -105,15 +220,15 @@ --button-default-bgColor-hover: #3d444e; --button-default-bgColor-active: #434a54; --button-default-bgColor-selected: #434a54; - --button-default-bgColor-disabled: #2d333b; + --button-default-bgColor-disabled: #373e47b3; --button-default-borderColor-rest: #444c56; --button-default-borderColor-hover: #444c56; --button-default-borderColor-active: #444c56; - --button-default-borderColor-disabled: #2d333b; + --button-default-borderColor-disabled: #373e47b3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; - --button-primary-fgColor-rest: #cdd9e5; - --button-primary-fgColor-disabled: #cdd9e580; - --button-primary-iconColor-rest: #cdd9e5; + --button-primary-fgColor-rest: #ffffff; + --button-primary-fgColor-disabled: #cdd9e566; + --button-primary-iconColor-rest: #ffffff; --button-primary-bgColor-rest: #347d39; --button-primary-bgColor-hover: #3b8640; --button-primary-bgColor-active: #428f46; @@ -123,23 +238,23 @@ --button-primary-borderColor-active: #cdd9e51a; --button-primary-borderColor-disabled: #50a254; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #3b7cdb; + --button-invisible-fgColor-rest: #478be6; --button-invisible-fgColor-hover: #539bf5; - --button-invisible-fgColor-disabled: #768390; - --button-invisible-iconColor-rest: #717e8b; - --button-invisible-iconColor-hover: #717e8b; - --button-invisible-iconColor-disabled: #768390; + --button-invisible-fgColor-disabled: #636e7b; + --button-invisible-iconColor-rest: #778491; + --button-invisible-iconColor-hover: #778491; + --button-invisible-iconColor-disabled: #636e7b; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #909dab1f; --button-invisible-bgColor-active: #909dab33; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #373e47b3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; - --button-invisible-borderColor-disabled: #2d333b; + --button-invisible-borderColor-disabled: #373e47b3; --button-outline-fgColor-rest: #4184e4; --button-outline-fgColor-hover: #539bf5; --button-outline-fgColor-active: #cdd9e5; - --button-outline-fgColor-disabled: #3b7cdb80; + --button-outline-fgColor-disabled: #478be680; --button-outline-bgColor-rest: #cdd9e5; --button-outline-bgColor-hover: #444c56; --button-outline-bgColor-active: #1b4b91; @@ -156,13 +271,14 @@ --button-danger-bgColor-rest: #373e47; --button-danger-bgColor-hover: #ad2e2c; --button-danger-bgColor-active: #c33d38; - --button-danger-bgColor-disabled: #2d333b; + --button-danger-bgColor-disabled: #373e47b3; --button-danger-borderColor-rest: #444c56; --button-danger-borderColor-hover: #cdd9e51a; --button-danger-borderColor-active: #cdd9e51a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #768390; - --button-inactive-bgColor-rest: #373e47; + --button-inactive-fgColor: #768390; + --button-inactive-bgColor: #373e47; + --button-star-iconColor: #daaa3f; --buttonCounter-default-bgColor-rest: #444c56; --buttonCounter-invisible-bgColor-rest: #444c56; --buttonCounter-primary-bgColor-rest: #11341733; @@ -171,33 +287,156 @@ --buttonCounter-outline-bgColor-disabled: #316dca0d; --buttonCounter-outline-fgColor-rest: #4184e4; --buttonCounter-outline-fgColor-hover: #539bf5; - --buttonCounter-outline-fgColor-disabled: #3b7cdb80; + --buttonCounter-outline-fgColor-disabled: #478be680; --buttonCounter-danger-bgColor-hover: #cdd9e533; --buttonCounter-danger-bgColor-disabled: #c93c370d; --buttonCounter-danger-bgColor-rest: #5d0f1233; --buttonCounter-danger-fgColor-rest: #e5534b; --buttonCounter-danger-fgColor-hover: #cdd9e5; --buttonCounter-danger-fgColor-disabled: #e5534b80; + --reactionButton-selected-bgColor-rest: #4184e433; + --reactionButton-selected-bgColor-hover: #4285e55c; + --reactionButton-selected-fgColor-rest: #478be6; + --reactionButton-selected-fgColor-hover: #6cb6ff; --focus-outlineColor: #316dca; --menu-bgColor-active: #2d333b; --overlay-bgColor: #2d333b; + --overlay-borderColor: #444c56b3; --overlay-backdrop-bgColor: #2d333b66; --selectMenu-borderColor: #545d68; --selectMenu-bgColor-active: #143d79; --sideNav-bgColor-selected: #373e47; --skeletonLoader-bgColor: #2d333b; --timelineBadge-bgColor: #373e47; - --treeViewItem-leadingVisual-iconColor-rest: #717e8b; + --treeViewItem-leadingVisual-iconColor-rest: #778491; --underlineNav-borderColor-active: #ec775c; --underlineNav-borderColor-hover: #636e7b66; - --underlineNav-iconColor-rest: #717e8b; + --underlineNav-iconColor-rest: #778491; + --selection-bgColor: #316dcab3; + --card-bgColor: #2d333b; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #c5d1de; - --fgColor-muted: #717e8b; + --fgColor-muted: #778491; --fgColor-onEmphasis: #cdd9e5; - --fgColor-disabled: #768390; - --fgColor-link: #3b7cdb; + --fgColor-white: #cdd9e5; + --fgColor-black: #1c2128; + --fgColor-disabled: #636e7b; + --fgColor-link: #478be6; --fgColor-neutral: #636e7b; - --fgColor-accent: #3b7cdb; + --fgColor-accent: #478be6; --fgColor-success: #57ab5a; --fgColor-attention: #c69026; --fgColor-severe: #cc6b2c; @@ -205,13 +444,16 @@ --fgColor-open: #57ab5a; --fgColor-closed: #e5534b; --fgColor-done: #986ee2; + --fgColor-upsell: #986ee2; --fgColor-sponsors: #c96198; --bgColor-default: #22272e; --bgColor-muted: #2d333b; --bgColor-inset: #1c2128; --bgColor-emphasis: #636e7b; --bgColor-inverse: #cdd9e5; - --bgColor-disabled: #2d333b; + --bgColor-white: #cdd9e5; + --bgColor-black: #1c2128; + --bgColor-disabled: #373e47b3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #636e7b66; --bgColor-neutral-emphasis: #636e7b; @@ -231,12 +473,14 @@ --bgColor-closed-emphasis: #c93c37; --bgColor-done-muted: #986ee226; --bgColor-done-emphasis: #8256d0; + --bgColor-upsell-muted: #986ee226; + --bgColor-upsell-emphasis: #8256d0; --bgColor-sponsors-muted: #c961981a; --bgColor-sponsors-emphasis: #ae4c82; --borderColor-default: #444c56; - --borderColor-muted: #444c5680; + --borderColor-muted: #444c56b3; --borderColor-emphasis: #545d68; - --borderColor-disabled: #2d333b; + --borderColor-disabled: #373e47b3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #636e7b66; --borderColor-neutral-emphasis: #636e7b; @@ -256,6 +500,8 @@ --borderColor-closed-emphasis: #c93c37; --borderColor-done-muted: #986ee266; --borderColor-done-emphasis: #8256d0; + --borderColor-upsell-muted: #986ee266; + --borderColor-upsell-emphasis: #8256d0; --borderColor-sponsors-muted: #c9619866; --borderColor-sponsors-emphasis: #ae4c82; --color-ansi-black: #545d68; @@ -305,107 +551,15 @@ --color-prettylights-syntax-markup-ignored-bg: #255ab2; --color-prettylights-syntax-meta-diff-range: #dcbdfb; --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68; - --color-scale-black: #1c2128; - --color-scale-transparent: #00000000; - --color-scale-white: #cdd9e5; - --color-scale-gray-0: #cdd9e5; - --color-scale-gray-1: #adbac7; - --color-scale-gray-2: #909dab; - --color-scale-gray-3: #768390; - --color-scale-gray-4: #636e7b; - --color-scale-gray-5: #545d68; - --color-scale-gray-6: #444c56; - --color-scale-gray-7: #373e47; - --color-scale-gray-8: #2d333b; - --color-scale-gray-9: #22272e; - --color-scale-blue-0: #c6e6ff; - --color-scale-blue-1: #96d0ff; - --color-scale-blue-2: #6cb6ff; - --color-scale-blue-3: #539bf5; - --color-scale-blue-4: #4184e4; - --color-scale-blue-5: #316dca; - --color-scale-blue-6: #255ab2; - --color-scale-blue-7: #1b4b91; - --color-scale-blue-8: #143d79; - --color-scale-blue-9: #0f2d5c; - --color-scale-green-0: #b4f1b4; - --color-scale-green-1: #8ddb8c; - --color-scale-green-2: #6bc46d; - --color-scale-green-3: #57ab5a; - --color-scale-green-4: #46954a; - --color-scale-green-5: #347d39; - --color-scale-green-6: #2b6a30; - --color-scale-green-7: #245829; - --color-scale-green-8: #1b4721; - --color-scale-green-9: #113417; - --color-scale-yellow-0: #fbe090; - --color-scale-yellow-1: #eac55f; - --color-scale-yellow-2: #daaa3f; - --color-scale-yellow-3: #c69026; - --color-scale-yellow-4: #ae7c14; - --color-scale-yellow-5: #966600; - --color-scale-yellow-6: #805400; - --color-scale-yellow-7: #6c4400; - --color-scale-yellow-8: #593600; - --color-scale-yellow-9: #452700; - --color-scale-orange-0: #ffddb0; - --color-scale-orange-1: #ffbc6f; - --color-scale-orange-2: #f69d50; - --color-scale-orange-3: #e0823d; - --color-scale-orange-4: #cc6b2c; - --color-scale-orange-5: #ae5622; - --color-scale-orange-6: #94471b; - --color-scale-orange-7: #7f3913; - --color-scale-orange-8: #682d0f; - --color-scale-orange-9: #4d210c; - --color-scale-red-0: #ffd8d3; - --color-scale-red-1: #ffb8b0; - --color-scale-red-2: #ff938a; - --color-scale-red-3: #f47067; - --color-scale-red-4: #e5534b; - --color-scale-red-5: #c93c37; - --color-scale-red-6: #ad2e2c; - --color-scale-red-7: #922323; - --color-scale-red-8: #78191b; - --color-scale-red-9: #5d0f12; - --color-scale-purple-0: #eedcff; - --color-scale-purple-1: #dcbdfb; - --color-scale-purple-2: #dcbdfb; - --color-scale-purple-3: #b083f0; - --color-scale-purple-4: #986ee2; - --color-scale-purple-5: #8256d0; - --color-scale-purple-6: #6b44bc; - --color-scale-purple-7: #5936a2; - --color-scale-purple-8: #472c82; - --color-scale-purple-9: #352160; - --color-scale-pink-0: #ffd7eb; - --color-scale-pink-1: #ffb3d8; - --color-scale-pink-2: #fc8dc7; - --color-scale-pink-3: #e275ad; - --color-scale-pink-4: #c96198; - --color-scale-pink-5: #ae4c82; - --color-scale-pink-6: #983b6e; - --color-scale-pink-7: #7e325a; - --color-scale-pink-8: #69264a; - --color-scale-pink-9: #551639; - --color-scale-coral-0: #ffdacf; - --color-scale-coral-1: #ffb9a5; - --color-scale-coral-2: #f79981; - --color-scale-coral-3: #ec775c; - --color-scale-coral-4: #de5b41; - --color-scale-coral-5: #c2442d; - --color-scale-coral-6: #a93524; - --color-scale-coral-7: #8d291b; - --color-scale-coral-8: #771d13; - --color-scale-coral-9: #5d1008; --shadow-inset: inset 0px 1px 0px 0px #1c21283d; --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc; - --shadow-resting-small: 0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866; + --shadow-resting-small: 0px 1px 0px 0px #1c212866; --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc; - --shadow-floating-small: 0px 0px 0px 1px #2d333b, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866; - --shadow-floating-medium: 0px 0px 0px 1px #2d333b, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866; - --shadow-floating-large: 0px 0px 0px 1px #2d333b, 0px 24px 48px 0px #1c2128; - --shadow-floating-xlarge: 0px 0px 0px 1px #2d333b, 0px 32px 64px 0px #1c2128; + --shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866; + --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866; + --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128; + --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128; + --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866; --outline-focus: #316dca solid 2px; } @media (prefers-color-scheme: dark) { @@ -430,8 +584,8 @@ --codeMirror-bgColor: #22272e; --codeMirror-gutters-bgColor: #22272e; --codeMirror-gutterMarker-fgColor-default: #22272e; - --codeMirror-gutterMarker-fgColor-muted: #717e8b; - --codeMirror-lineNumber-fgColor: #717e8b; + --codeMirror-gutterMarker-fgColor-muted: #778491; + --codeMirror-lineNumber-fgColor: #778491; --codeMirror-cursor-fgColor: #c5d1de; --codeMirror-selection-bgColor: #4184e466; --codeMirror-activeline-bgColor: #636e7b66; @@ -451,31 +605,146 @@ --header-borderColor-divider: #768390; --headerSearch-bgColor: #22272e; --headerSearch-borderColor: #444c56; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #cdd9e51a; - --avatar-borderColor: #444c5680; + --avatar-borderColor: #cdd9e526; --avatar-shadow: 0px 0px 0px 2px #22272e; --avatarStack-fade-bgColor-default: #444c56; --avatarStack-fade-bgColor-muted: #373e47; --control-bgColor-rest: #373e47; --control-bgColor-hover: #3d444e; --control-bgColor-active: #434a54; - --control-bgColor-disabled: #2d333b; + --control-bgColor-disabled: #373e47b3; --control-bgColor-selected: #2d333b; --control-fgColor-rest: #adbac7; --control-fgColor-placeholder: #545d68; - --control-fgColor-disabled: #768390; + --control-fgColor-disabled: #636e7b; --control-borderColor-rest: #444c56; --control-borderColor-emphasis: #606b77; - --control-borderColor-disabled: #2d333b; + --control-borderColor-disabled: #373e47b3; --control-borderColor-selected: #cdd9e5; --control-borderColor-success: #347d39; --control-borderColor-danger: #c93c37; --control-borderColor-warning: #966600; - --control-iconColor-rest: #717e8b; + --control-iconColor-rest: #778491; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #909dab1f; --control-transparent-bgColor-active: #909dab33; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #373e47b3; --control-transparent-bgColor-selected: #909dab14; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; @@ -487,26 +756,26 @@ --control-checked-bgColor-rest: #316dca; --control-checked-bgColor-hover: #3876d3; --control-checked-bgColor-active: #3f7fdb; - --control-checked-bgColor-disabled: #768390; + --control-checked-bgColor-disabled: #636e7b; --control-checked-fgColor-rest: #cdd9e5; --control-checked-fgColor-disabled: #1c2128; --control-checked-borderColor-rest: #316dca; --control-checked-borderColor-hover: #3876d3; --control-checked-borderColor-active: #3f7fdb; - --control-checked-borderColor-disabled: #768390; + --control-checked-borderColor-disabled: #636e7b; --controlTrack-bgColor-rest: #373e47; --controlTrack-bgColor-hover: #3d444e; --controlTrack-bgColor-active: #434a54; - --controlTrack-bgColor-disabled: #768390; - --controlTrack-fgColor-rest: #717e8b; + --controlTrack-bgColor-disabled: #636e7b; + --controlTrack-fgColor-rest: #778491; --controlTrack-fgColor-disabled: #cdd9e5; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #768390; + --controlTrack-borderColor-disabled: #636e7b; --controlKnob-bgColor-rest: #1c2128; - --controlKnob-bgColor-disabled: #2d333b; + --controlKnob-bgColor-disabled: #373e47b3; --controlKnob-bgColor-checked: #cdd9e5; --controlKnob-borderColor-rest: #606b77; - --controlKnob-borderColor-disabled: #2d333b; + --controlKnob-borderColor-disabled: #373e47b3; --controlKnob-borderColor-checked: #316dca; --counter-borderColor: #00000000; --button-default-fgColor-rest: #adbac7; @@ -514,15 +783,15 @@ --button-default-bgColor-hover: #3d444e; --button-default-bgColor-active: #434a54; --button-default-bgColor-selected: #434a54; - --button-default-bgColor-disabled: #2d333b; + --button-default-bgColor-disabled: #373e47b3; --button-default-borderColor-rest: #444c56; --button-default-borderColor-hover: #444c56; --button-default-borderColor-active: #444c56; - --button-default-borderColor-disabled: #2d333b; + --button-default-borderColor-disabled: #373e47b3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; - --button-primary-fgColor-rest: #cdd9e5; - --button-primary-fgColor-disabled: #cdd9e580; - --button-primary-iconColor-rest: #cdd9e5; + --button-primary-fgColor-rest: #ffffff; + --button-primary-fgColor-disabled: #cdd9e566; + --button-primary-iconColor-rest: #ffffff; --button-primary-bgColor-rest: #347d39; --button-primary-bgColor-hover: #3b8640; --button-primary-bgColor-active: #428f46; @@ -532,23 +801,23 @@ --button-primary-borderColor-active: #cdd9e51a; --button-primary-borderColor-disabled: #50a254; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #3b7cdb; + --button-invisible-fgColor-rest: #478be6; --button-invisible-fgColor-hover: #539bf5; - --button-invisible-fgColor-disabled: #768390; - --button-invisible-iconColor-rest: #717e8b; - --button-invisible-iconColor-hover: #717e8b; - --button-invisible-iconColor-disabled: #768390; + --button-invisible-fgColor-disabled: #636e7b; + --button-invisible-iconColor-rest: #778491; + --button-invisible-iconColor-hover: #778491; + --button-invisible-iconColor-disabled: #636e7b; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #909dab1f; --button-invisible-bgColor-active: #909dab33; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #373e47b3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; - --button-invisible-borderColor-disabled: #2d333b; + --button-invisible-borderColor-disabled: #373e47b3; --button-outline-fgColor-rest: #4184e4; --button-outline-fgColor-hover: #539bf5; --button-outline-fgColor-active: #cdd9e5; - --button-outline-fgColor-disabled: #3b7cdb80; + --button-outline-fgColor-disabled: #478be680; --button-outline-bgColor-rest: #cdd9e5; --button-outline-bgColor-hover: #444c56; --button-outline-bgColor-active: #1b4b91; @@ -565,13 +834,14 @@ --button-danger-bgColor-rest: #373e47; --button-danger-bgColor-hover: #ad2e2c; --button-danger-bgColor-active: #c33d38; - --button-danger-bgColor-disabled: #2d333b; + --button-danger-bgColor-disabled: #373e47b3; --button-danger-borderColor-rest: #444c56; --button-danger-borderColor-hover: #cdd9e51a; --button-danger-borderColor-active: #cdd9e51a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #768390; - --button-inactive-bgColor-rest: #373e47; + --button-inactive-fgColor: #768390; + --button-inactive-bgColor: #373e47; + --button-star-iconColor: #daaa3f; --buttonCounter-default-bgColor-rest: #444c56; --buttonCounter-invisible-bgColor-rest: #444c56; --buttonCounter-primary-bgColor-rest: #11341733; @@ -580,33 +850,156 @@ --buttonCounter-outline-bgColor-disabled: #316dca0d; --buttonCounter-outline-fgColor-rest: #4184e4; --buttonCounter-outline-fgColor-hover: #539bf5; - --buttonCounter-outline-fgColor-disabled: #3b7cdb80; + --buttonCounter-outline-fgColor-disabled: #478be680; --buttonCounter-danger-bgColor-hover: #cdd9e533; --buttonCounter-danger-bgColor-disabled: #c93c370d; --buttonCounter-danger-bgColor-rest: #5d0f1233; --buttonCounter-danger-fgColor-rest: #e5534b; --buttonCounter-danger-fgColor-hover: #cdd9e5; --buttonCounter-danger-fgColor-disabled: #e5534b80; + --reactionButton-selected-bgColor-rest: #4184e433; + --reactionButton-selected-bgColor-hover: #4285e55c; + --reactionButton-selected-fgColor-rest: #478be6; + --reactionButton-selected-fgColor-hover: #6cb6ff; --focus-outlineColor: #316dca; --menu-bgColor-active: #2d333b; --overlay-bgColor: #2d333b; + --overlay-borderColor: #444c56b3; --overlay-backdrop-bgColor: #2d333b66; --selectMenu-borderColor: #545d68; --selectMenu-bgColor-active: #143d79; --sideNav-bgColor-selected: #373e47; --skeletonLoader-bgColor: #2d333b; --timelineBadge-bgColor: #373e47; - --treeViewItem-leadingVisual-iconColor-rest: #717e8b; + --treeViewItem-leadingVisual-iconColor-rest: #778491; --underlineNav-borderColor-active: #ec775c; --underlineNav-borderColor-hover: #636e7b66; - --underlineNav-iconColor-rest: #717e8b; + --underlineNav-iconColor-rest: #778491; + --selection-bgColor: #316dcab3; + --card-bgColor: #2d333b; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #c5d1de; - --fgColor-muted: #717e8b; + --fgColor-muted: #778491; --fgColor-onEmphasis: #cdd9e5; - --fgColor-disabled: #768390; - --fgColor-link: #3b7cdb; + --fgColor-white: #cdd9e5; + --fgColor-black: #1c2128; + --fgColor-disabled: #636e7b; + --fgColor-link: #478be6; --fgColor-neutral: #636e7b; - --fgColor-accent: #3b7cdb; + --fgColor-accent: #478be6; --fgColor-success: #57ab5a; --fgColor-attention: #c69026; --fgColor-severe: #cc6b2c; @@ -614,13 +1007,16 @@ --fgColor-open: #57ab5a; --fgColor-closed: #e5534b; --fgColor-done: #986ee2; + --fgColor-upsell: #986ee2; --fgColor-sponsors: #c96198; --bgColor-default: #22272e; --bgColor-muted: #2d333b; --bgColor-inset: #1c2128; --bgColor-emphasis: #636e7b; --bgColor-inverse: #cdd9e5; - --bgColor-disabled: #2d333b; + --bgColor-white: #cdd9e5; + --bgColor-black: #1c2128; + --bgColor-disabled: #373e47b3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #636e7b66; --bgColor-neutral-emphasis: #636e7b; @@ -640,12 +1036,14 @@ --bgColor-closed-emphasis: #c93c37; --bgColor-done-muted: #986ee226; --bgColor-done-emphasis: #8256d0; + --bgColor-upsell-muted: #986ee226; + --bgColor-upsell-emphasis: #8256d0; --bgColor-sponsors-muted: #c961981a; --bgColor-sponsors-emphasis: #ae4c82; --borderColor-default: #444c56; - --borderColor-muted: #444c5680; + --borderColor-muted: #444c56b3; --borderColor-emphasis: #545d68; - --borderColor-disabled: #2d333b; + --borderColor-disabled: #373e47b3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #636e7b66; --borderColor-neutral-emphasis: #636e7b; @@ -665,6 +1063,8 @@ --borderColor-closed-emphasis: #c93c37; --borderColor-done-muted: #986ee266; --borderColor-done-emphasis: #8256d0; + --borderColor-upsell-muted: #986ee266; + --borderColor-upsell-emphasis: #8256d0; --borderColor-sponsors-muted: #c9619866; --borderColor-sponsors-emphasis: #ae4c82; --color-ansi-black: #545d68; @@ -714,107 +1114,15 @@ --color-prettylights-syntax-markup-ignored-bg: #255ab2; --color-prettylights-syntax-meta-diff-range: #dcbdfb; --color-prettylights-syntax-sublimelinter-gutter-mark: #545d68; - --color-scale-black: #1c2128; - --color-scale-transparent: #00000000; - --color-scale-white: #cdd9e5; - --color-scale-gray-0: #cdd9e5; - --color-scale-gray-1: #adbac7; - --color-scale-gray-2: #909dab; - --color-scale-gray-3: #768390; - --color-scale-gray-4: #636e7b; - --color-scale-gray-5: #545d68; - --color-scale-gray-6: #444c56; - --color-scale-gray-7: #373e47; - --color-scale-gray-8: #2d333b; - --color-scale-gray-9: #22272e; - --color-scale-blue-0: #c6e6ff; - --color-scale-blue-1: #96d0ff; - --color-scale-blue-2: #6cb6ff; - --color-scale-blue-3: #539bf5; - --color-scale-blue-4: #4184e4; - --color-scale-blue-5: #316dca; - --color-scale-blue-6: #255ab2; - --color-scale-blue-7: #1b4b91; - --color-scale-blue-8: #143d79; - --color-scale-blue-9: #0f2d5c; - --color-scale-green-0: #b4f1b4; - --color-scale-green-1: #8ddb8c; - --color-scale-green-2: #6bc46d; - --color-scale-green-3: #57ab5a; - --color-scale-green-4: #46954a; - --color-scale-green-5: #347d39; - --color-scale-green-6: #2b6a30; - --color-scale-green-7: #245829; - --color-scale-green-8: #1b4721; - --color-scale-green-9: #113417; - --color-scale-yellow-0: #fbe090; - --color-scale-yellow-1: #eac55f; - --color-scale-yellow-2: #daaa3f; - --color-scale-yellow-3: #c69026; - --color-scale-yellow-4: #ae7c14; - --color-scale-yellow-5: #966600; - --color-scale-yellow-6: #805400; - --color-scale-yellow-7: #6c4400; - --color-scale-yellow-8: #593600; - --color-scale-yellow-9: #452700; - --color-scale-orange-0: #ffddb0; - --color-scale-orange-1: #ffbc6f; - --color-scale-orange-2: #f69d50; - --color-scale-orange-3: #e0823d; - --color-scale-orange-4: #cc6b2c; - --color-scale-orange-5: #ae5622; - --color-scale-orange-6: #94471b; - --color-scale-orange-7: #7f3913; - --color-scale-orange-8: #682d0f; - --color-scale-orange-9: #4d210c; - --color-scale-red-0: #ffd8d3; - --color-scale-red-1: #ffb8b0; - --color-scale-red-2: #ff938a; - --color-scale-red-3: #f47067; - --color-scale-red-4: #e5534b; - --color-scale-red-5: #c93c37; - --color-scale-red-6: #ad2e2c; - --color-scale-red-7: #922323; - --color-scale-red-8: #78191b; - --color-scale-red-9: #5d0f12; - --color-scale-purple-0: #eedcff; - --color-scale-purple-1: #dcbdfb; - --color-scale-purple-2: #dcbdfb; - --color-scale-purple-3: #b083f0; - --color-scale-purple-4: #986ee2; - --color-scale-purple-5: #8256d0; - --color-scale-purple-6: #6b44bc; - --color-scale-purple-7: #5936a2; - --color-scale-purple-8: #472c82; - --color-scale-purple-9: #352160; - --color-scale-pink-0: #ffd7eb; - --color-scale-pink-1: #ffb3d8; - --color-scale-pink-2: #fc8dc7; - --color-scale-pink-3: #e275ad; - --color-scale-pink-4: #c96198; - --color-scale-pink-5: #ae4c82; - --color-scale-pink-6: #983b6e; - --color-scale-pink-7: #7e325a; - --color-scale-pink-8: #69264a; - --color-scale-pink-9: #551639; - --color-scale-coral-0: #ffdacf; - --color-scale-coral-1: #ffb9a5; - --color-scale-coral-2: #f79981; - --color-scale-coral-3: #ec775c; - --color-scale-coral-4: #de5b41; - --color-scale-coral-5: #c2442d; - --color-scale-coral-6: #a93524; - --color-scale-coral-7: #8d291b; - --color-scale-coral-8: #771d13; - --color-scale-coral-9: #5d1008; --shadow-inset: inset 0px 1px 0px 0px #1c21283d; --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc; - --shadow-resting-small: 0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866; + --shadow-resting-small: 0px 1px 0px 0px #1c212866; --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc; - --shadow-floating-small: 0px 0px 0px 1px #2d333b, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866; - --shadow-floating-medium: 0px 0px 0px 1px #2d333b, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866; - --shadow-floating-large: 0px 0px 0px 1px #2d333b, 0px 24px 48px 0px #1c2128; - --shadow-floating-xlarge: 0px 0px 0px 1px #2d333b, 0px 32px 64px 0px #1c2128; + --shadow-floating-small: 0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866; + --shadow-floating-medium: 0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866; + --shadow-floating-large: 0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128; + --shadow-floating-xlarge: 0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128; + --shadow-floating-legacy: 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866; --outline-focus: #316dca solid 2px; } } diff --git a/dist/css/functional/themes/dark-high-contrast.css b/dist/css/functional/themes/dark-high-contrast.css index c525ccc60..b39271e11 100644 --- a/dist/css/functional/themes/dark-high-contrast.css +++ b/dist/css/functional/themes/dark-high-contrast.css @@ -42,6 +42,121 @@ --header-borderColor-divider: #bdc4cc; --headerSearch-bgColor: #0a0c10; --headerSearch-borderColor: #525964; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #ffffff1a; --avatar-borderColor: #ffffffe6; --avatar-shadow: 0px 0px 0px 2px #0a0c10; @@ -50,14 +165,14 @@ --control-bgColor-rest: #3d424d; --control-bgColor-hover: #494f5a; --control-bgColor-active: #555c67; - --control-bgColor-disabled: #272b33; + --control-bgColor-disabled: #3d424db3; --control-bgColor-selected: #525964; --control-fgColor-rest: #f0f3f6; --control-fgColor-placeholder: #7a828e; - --control-fgColor-disabled: #bdc4cc; + --control-fgColor-disabled: #9ea7b3; --control-borderColor-rest: #7a828e; --control-borderColor-emphasis: #7a828e; - --control-borderColor-disabled: #272b33; + --control-borderColor-disabled: #3d424db3; --control-borderColor-selected: #ffffff; --control-borderColor-success: #09b43a; --control-borderColor-danger: #ff6a69; @@ -66,7 +181,7 @@ --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #272b33; --control-transparent-bgColor-active: #525964; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #3d424db3; --control-transparent-bgColor-selected: #525964; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #7a828e; @@ -78,26 +193,26 @@ --control-checked-bgColor-rest: #409eff; --control-checked-bgColor-hover: #4aa3ff; --control-checked-bgColor-active: #54a8ff; - --control-checked-bgColor-disabled: #bdc4cc; + --control-checked-bgColor-disabled: #9ea7b3; --control-checked-fgColor-rest: #0a0c10; --control-checked-fgColor-disabled: #010409; --control-checked-borderColor-rest: #409eff; --control-checked-borderColor-hover: #4aa3ff; --control-checked-borderColor-active: #54a8ff; - --control-checked-borderColor-disabled: #bdc4cc; + --control-checked-borderColor-disabled: #9ea7b3; --controlTrack-bgColor-rest: #3d424d; --controlTrack-bgColor-hover: #494f5a; --controlTrack-bgColor-active: #555c67; - --controlTrack-bgColor-disabled: #bdc4cc; + --controlTrack-bgColor-disabled: #9ea7b3; --controlTrack-fgColor-rest: #fbfcfd; --controlTrack-fgColor-disabled: #0a0c10; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #bdc4cc; + --controlTrack-borderColor-disabled: #9ea7b3; --controlKnob-bgColor-rest: #010409; - --controlKnob-bgColor-disabled: #272b33; + --controlKnob-bgColor-disabled: #3d424db3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #7a828e; - --controlKnob-borderColor-disabled: #272b33; + --controlKnob-borderColor-disabled: #3d424db3; --controlKnob-borderColor-checked: #409eff; --counter-borderColor: #00000000; --button-default-fgColor-rest: #f0f3f6; @@ -105,11 +220,11 @@ --button-default-bgColor-hover: #494f5a; --button-default-bgColor-active: #555c67; --button-default-bgColor-selected: #555c67; - --button-default-bgColor-disabled: #272b33; + --button-default-bgColor-disabled: #3d424db3; --button-default-borderColor-rest: #7a828e; --button-default-borderColor-hover: #7a828e; --button-default-borderColor-active: #7a828e; - --button-default-borderColor-disabled: #272b33; + --button-default-borderColor-disabled: #3d424db3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; --button-primary-fgColor-rest: #0a0c10; --button-primary-fgColor-disabled: #0a0c1080; @@ -117,29 +232,29 @@ --button-primary-bgColor-rest: #09b43a; --button-primary-bgColor-hover: #0fbb3f; --button-primary-bgColor-active: #15c243; - --button-primary-bgColor-disabled: #6bdc84; + --button-primary-bgColor-disabled: #048f2f; --button-primary-borderColor-rest: #4ae168; --button-primary-borderColor-hover: #4ae168; --button-primary-borderColor-active: #4ae168; --button-primary-borderColor-disabled: #4ae16866; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #52a7ff; + --button-invisible-fgColor-rest: #60aeff; --button-invisible-fgColor-hover: #1e60d5; - --button-invisible-fgColor-disabled: #bdc4cc; + --button-invisible-fgColor-disabled: #9ea7b3; --button-invisible-iconColor-rest: #f0f3f6; --button-invisible-iconColor-hover: #0a0c10; - --button-invisible-iconColor-disabled: #bdc4cc; + --button-invisible-iconColor-disabled: #9ea7b3; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #f0f3f6; --button-invisible-bgColor-active: #d9dee3; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #3d424db3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #7a828e; - --button-invisible-borderColor-disabled: #272b33; + --button-invisible-borderColor-disabled: #3d424db3; --button-outline-fgColor-rest: #5cacff; --button-outline-fgColor-hover: #71b7ff; --button-outline-fgColor-active: #ffffff; - --button-outline-fgColor-disabled: #52a7ff80; + --button-outline-fgColor-disabled: #60aeff80; --button-outline-bgColor-rest: #ffffff; --button-outline-bgColor-hover: #525964; --button-outline-bgColor-active: #2672f3; @@ -147,7 +262,7 @@ --button-outline-borderColor-hover: #ffffff1a; --button-outline-borderColor-selected: #ffffff1a; --button-outline-shadow-selected: 0px 0px 0px 0px #000000; - --button-danger-fgColor-rest: #ff8080; + --button-danger-fgColor-rest: #ff9492; --button-danger-fgColor-hover: #ffffff; --button-danger-fgColor-active: #ffffff; --button-danger-fgColor-disabled: #ff808080; @@ -156,13 +271,14 @@ --button-danger-bgColor-rest: #3d424d; --button-danger-bgColor-hover: #ff4445; --button-danger-bgColor-active: #ff5c5d; - --button-danger-bgColor-disabled: #272b33; + --button-danger-bgColor-disabled: #3d424db3; --button-danger-borderColor-rest: #7a828e; --button-danger-borderColor-hover: #ffffff1a; --button-danger-borderColor-active: #ffffff1a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #bdc4cc; - --button-inactive-bgColor-rest: #3d424d; + --button-inactive-fgColor: #bdc4cc; + --button-inactive-bgColor: #3d424d; + --button-star-iconColor: #f7c843; --buttonCounter-default-bgColor-rest: #525964; --buttonCounter-invisible-bgColor-rest: #525964; --buttonCounter-primary-bgColor-rest: #01040926; @@ -171,16 +287,21 @@ --buttonCounter-outline-bgColor-disabled: #409eff0d; --buttonCounter-outline-fgColor-rest: #5cacff; --buttonCounter-outline-fgColor-hover: #71b7ff; - --buttonCounter-outline-fgColor-disabled: #52a7ff80; + --buttonCounter-outline-fgColor-disabled: #60aeff80; --buttonCounter-danger-bgColor-hover: #01040926; --buttonCounter-danger-bgColor-disabled: #ff6a690d; --buttonCounter-danger-bgColor-rest: #01040926; --buttonCounter-danger-fgColor-rest: #ff8080; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #ff808080; + --reactionButton-selected-bgColor-rest: #5cacff33; + --reactionButton-selected-bgColor-hover: #5dadff5c; + --reactionButton-selected-fgColor-rest: #60aeff; + --reactionButton-selected-fgColor-hover: #91cbff; --focus-outlineColor: #409eff; --menu-bgColor-active: #272b33; --overlay-bgColor: #272b33; + --overlay-borderColor: #7a828e; --overlay-backdrop-bgColor: #272b3366; --selectMenu-borderColor: #7a828e; --selectMenu-bgColor-active: #1e60d5; @@ -191,13 +312,131 @@ --underlineNav-borderColor-active: #ff967d; --underlineNav-borderColor-hover: #bdc4cc; --underlineNav-iconColor-rest: #f0f3f6; + --selection-bgColor: #409effb3; + --card-bgColor: #272b33; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #fbfcfd; --fgColor-muted: #f0f3f6; --fgColor-onEmphasis: #0a0c10; - --fgColor-disabled: #bdc4cc; - --fgColor-link: #52a7ff; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #9ea7b3; + --fgColor-link: #60aeff; --fgColor-neutral: #9ea7b3; - --fgColor-accent: #52a7ff; + --fgColor-accent: #60aeff; --fgColor-success: #28d751; --fgColor-attention: #f0b72f; --fgColor-severe: #f48b25; @@ -205,13 +444,16 @@ --fgColor-open: #28d751; --fgColor-closed: #ff8080; --fgColor-done: #bf8fff; + --fgColor-upsell: #bf8fff; --fgColor-sponsors: #f87cbd; --bgColor-default: #0a0c10; --bgColor-muted: #272b33; --bgColor-inset: #010409; --bgColor-emphasis: #ffffff; --bgColor-inverse: #ffffff; - --bgColor-disabled: #272b33; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #3d424db3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #9ea7b366; --bgColor-neutral-emphasis: #9ea7b3; @@ -231,12 +473,14 @@ --bgColor-closed-emphasis: #ff6a69; --bgColor-done-muted: #bf8fff26; --bgColor-done-emphasis: #b87fff; + --bgColor-upsell-muted: #bf8fff26; + --bgColor-upsell-emphasis: #b87fff; --bgColor-sponsors-muted: #f87cbd1a; --bgColor-sponsors-emphasis: #ef6eb1; --borderColor-default: #7a828e; --borderColor-muted: #7a828e; --borderColor-emphasis: #7a828e; - --borderColor-disabled: #272b33; + --borderColor-disabled: #3d424db3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #9ea7b3; --borderColor-neutral-emphasis: #9ea7b3; @@ -256,6 +500,8 @@ --borderColor-closed-emphasis: #ff6a69; --borderColor-done-muted: #bf8fff; --borderColor-done-emphasis: #b87fff; + --borderColor-upsell-muted: #bf8fff66; + --borderColor-upsell-emphasis: #b87fff; --borderColor-sponsors-muted: #f87cbd; --borderColor-sponsors-emphasis: #ef6eb1; --color-ansi-black: #7a828e; @@ -305,107 +551,15 @@ --color-prettylights-syntax-markup-ignored-bg: #318bf8; --color-prettylights-syntax-meta-diff-range: #dbb7ff; --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e; - --color-scale-black: #010409; - --color-scale-transparent: #00000000; - --color-scale-white: #ffffff; - --color-scale-gray-0: #ffffff; - --color-scale-gray-1: #f0f3f6; - --color-scale-gray-2: #d9dee3; - --color-scale-gray-3: #bdc4cc; - --color-scale-gray-4: #9ea7b3; - --color-scale-gray-5: #7a828e; - --color-scale-gray-6: #525964; - --color-scale-gray-7: #3d424d; - --color-scale-gray-8: #272b33; - --color-scale-gray-9: #0a0c10; - --color-scale-blue-0: #caeaff; - --color-scale-blue-1: #addcff; - --color-scale-blue-2: #91cbff; - --color-scale-blue-3: #71b7ff; - --color-scale-blue-4: #5cacff; - --color-scale-blue-5: #409eff; - --color-scale-blue-6: #318bf8; - --color-scale-blue-7: #2672f3; - --color-scale-blue-8: #1e60d5; - --color-scale-blue-9: #194fb1; - --color-scale-green-0: #acf7b6; - --color-scale-green-1: #72f088; - --color-scale-green-2: #4ae168; - --color-scale-green-3: #28d751; - --color-scale-green-4: #0ac740; - --color-scale-green-5: #09b43a; - --color-scale-green-6: #02a232; - --color-scale-green-7: #008c2c; - --color-scale-green-8: #007728; - --color-scale-green-9: #006222; - --color-scale-yellow-0: #fbe59e; - --color-scale-yellow-1: #fbd669; - --color-scale-yellow-2: #f7c843; - --color-scale-yellow-3: #f0b72f; - --color-scale-yellow-4: #edaa27; - --color-scale-yellow-5: #e09b13; - --color-scale-yellow-6: #c88508; - --color-scale-yellow-7: #ae7104; - --color-scale-yellow-8: #945d02; - --color-scale-yellow-9: #7b4900; - --color-scale-orange-0: #ffe1b4; - --color-scale-orange-1: #ffcf86; - --color-scale-orange-2: #ffb757; - --color-scale-orange-3: #fe9a2d; - --color-scale-orange-4: #f48b25; - --color-scale-orange-5: #e7811d; - --color-scale-orange-6: #d57014; - --color-scale-orange-7: #bf5e0a; - --color-scale-orange-8: #a74c00; - --color-scale-orange-9: #8f3c00; - --color-scale-red-0: #ffdedb; - --color-scale-red-1: #ffc9c7; - --color-scale-red-2: #ffb1af; - --color-scale-red-3: #ff9492; - --color-scale-red-4: #ff8080; - --color-scale-red-5: #ff6a69; - --color-scale-red-6: #ff4445; - --color-scale-red-7: #e82a2f; - --color-scale-red-8: #cc1421; - --color-scale-red-9: #ad0116; - --color-scale-purple-0: #f0dfff; - --color-scale-purple-1: #e6ccff; - --color-scale-purple-2: #dbb7ff; - --color-scale-purple-3: #cb9eff; - --color-scale-purple-4: #bf8fff; - --color-scale-purple-5: #b87fff; - --color-scale-purple-6: #a66bff; - --color-scale-purple-7: #954ffd; - --color-scale-purple-8: #8031f7; - --color-scale-purple-9: #6921d7; - --color-scale-pink-0: #ffdceb; - --color-scale-pink-1: #ffc7e1; - --color-scale-pink-2: #ffadd4; - --color-scale-pink-3: #ff8dc7; - --color-scale-pink-4: #f87cbd; - --color-scale-pink-5: #ef6eb1; - --color-scale-pink-6: #e456a3; - --color-scale-pink-7: #d23d91; - --color-scale-pink-8: #b72c7d; - --color-scale-pink-9: #9c1d6a; - --color-scale-coral-0: #ffded4; - --color-scale-coral-1: #ffcbb9; - --color-scale-coral-2: #ffb39b; - --color-scale-coral-3: #ff967d; - --color-scale-coral-4: #fd8468; - --color-scale-coral-5: #fc704f; - --color-scale-coral-6: #f75133; - --color-scale-coral-7: #e03b21; - --color-scale-coral-8: #c62612; - --color-scale-coral-9: #a91500; --shadow-inset: inset 0px 1px 0px 0px #0104093d; --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; - --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; + --shadow-resting-small: 0px 1px 0px 0px #01040966; --shadow-resting-medium: 0px 3px 6px 0px #010409cc; - --shadow-floating-small: 0px 0px 0px 1px #272b33, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; - --shadow-floating-medium: 0px 0px 0px 1px #272b33, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; - --shadow-floating-large: 0px 0px 0px 1px #272b33, 0px 24px 48px 0px #010409; - --shadow-floating-xlarge: 0px 0px 0px 1px #272b33, 0px 32px 64px 0px #010409; + --shadow-floating-small: 0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; + --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; + --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409; + --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409; + --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; --outline-focus: #409eff solid 2px; } @media (prefers-color-scheme: dark) { @@ -451,6 +605,121 @@ --header-borderColor-divider: #bdc4cc; --headerSearch-bgColor: #0a0c10; --headerSearch-borderColor: #525964; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #ffffff1a; --avatar-borderColor: #ffffffe6; --avatar-shadow: 0px 0px 0px 2px #0a0c10; @@ -459,14 +728,14 @@ --control-bgColor-rest: #3d424d; --control-bgColor-hover: #494f5a; --control-bgColor-active: #555c67; - --control-bgColor-disabled: #272b33; + --control-bgColor-disabled: #3d424db3; --control-bgColor-selected: #525964; --control-fgColor-rest: #f0f3f6; --control-fgColor-placeholder: #7a828e; - --control-fgColor-disabled: #bdc4cc; + --control-fgColor-disabled: #9ea7b3; --control-borderColor-rest: #7a828e; --control-borderColor-emphasis: #7a828e; - --control-borderColor-disabled: #272b33; + --control-borderColor-disabled: #3d424db3; --control-borderColor-selected: #ffffff; --control-borderColor-success: #09b43a; --control-borderColor-danger: #ff6a69; @@ -475,7 +744,7 @@ --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #272b33; --control-transparent-bgColor-active: #525964; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #3d424db3; --control-transparent-bgColor-selected: #525964; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #7a828e; @@ -487,26 +756,26 @@ --control-checked-bgColor-rest: #409eff; --control-checked-bgColor-hover: #4aa3ff; --control-checked-bgColor-active: #54a8ff; - --control-checked-bgColor-disabled: #bdc4cc; + --control-checked-bgColor-disabled: #9ea7b3; --control-checked-fgColor-rest: #0a0c10; --control-checked-fgColor-disabled: #010409; --control-checked-borderColor-rest: #409eff; --control-checked-borderColor-hover: #4aa3ff; --control-checked-borderColor-active: #54a8ff; - --control-checked-borderColor-disabled: #bdc4cc; + --control-checked-borderColor-disabled: #9ea7b3; --controlTrack-bgColor-rest: #3d424d; --controlTrack-bgColor-hover: #494f5a; --controlTrack-bgColor-active: #555c67; - --controlTrack-bgColor-disabled: #bdc4cc; + --controlTrack-bgColor-disabled: #9ea7b3; --controlTrack-fgColor-rest: #fbfcfd; --controlTrack-fgColor-disabled: #0a0c10; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #bdc4cc; + --controlTrack-borderColor-disabled: #9ea7b3; --controlKnob-bgColor-rest: #010409; - --controlKnob-bgColor-disabled: #272b33; + --controlKnob-bgColor-disabled: #3d424db3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #7a828e; - --controlKnob-borderColor-disabled: #272b33; + --controlKnob-borderColor-disabled: #3d424db3; --controlKnob-borderColor-checked: #409eff; --counter-borderColor: #00000000; --button-default-fgColor-rest: #f0f3f6; @@ -514,11 +783,11 @@ --button-default-bgColor-hover: #494f5a; --button-default-bgColor-active: #555c67; --button-default-bgColor-selected: #555c67; - --button-default-bgColor-disabled: #272b33; + --button-default-bgColor-disabled: #3d424db3; --button-default-borderColor-rest: #7a828e; --button-default-borderColor-hover: #7a828e; --button-default-borderColor-active: #7a828e; - --button-default-borderColor-disabled: #272b33; + --button-default-borderColor-disabled: #3d424db3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; --button-primary-fgColor-rest: #0a0c10; --button-primary-fgColor-disabled: #0a0c1080; @@ -526,29 +795,29 @@ --button-primary-bgColor-rest: #09b43a; --button-primary-bgColor-hover: #0fbb3f; --button-primary-bgColor-active: #15c243; - --button-primary-bgColor-disabled: #6bdc84; + --button-primary-bgColor-disabled: #048f2f; --button-primary-borderColor-rest: #4ae168; --button-primary-borderColor-hover: #4ae168; --button-primary-borderColor-active: #4ae168; --button-primary-borderColor-disabled: #4ae16866; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #52a7ff; + --button-invisible-fgColor-rest: #60aeff; --button-invisible-fgColor-hover: #1e60d5; - --button-invisible-fgColor-disabled: #bdc4cc; + --button-invisible-fgColor-disabled: #9ea7b3; --button-invisible-iconColor-rest: #f0f3f6; --button-invisible-iconColor-hover: #0a0c10; - --button-invisible-iconColor-disabled: #bdc4cc; + --button-invisible-iconColor-disabled: #9ea7b3; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #f0f3f6; --button-invisible-bgColor-active: #d9dee3; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #3d424db3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #7a828e; - --button-invisible-borderColor-disabled: #272b33; + --button-invisible-borderColor-disabled: #3d424db3; --button-outline-fgColor-rest: #5cacff; --button-outline-fgColor-hover: #71b7ff; --button-outline-fgColor-active: #ffffff; - --button-outline-fgColor-disabled: #52a7ff80; + --button-outline-fgColor-disabled: #60aeff80; --button-outline-bgColor-rest: #ffffff; --button-outline-bgColor-hover: #525964; --button-outline-bgColor-active: #2672f3; @@ -556,7 +825,7 @@ --button-outline-borderColor-hover: #ffffff1a; --button-outline-borderColor-selected: #ffffff1a; --button-outline-shadow-selected: 0px 0px 0px 0px #000000; - --button-danger-fgColor-rest: #ff8080; + --button-danger-fgColor-rest: #ff9492; --button-danger-fgColor-hover: #ffffff; --button-danger-fgColor-active: #ffffff; --button-danger-fgColor-disabled: #ff808080; @@ -565,13 +834,14 @@ --button-danger-bgColor-rest: #3d424d; --button-danger-bgColor-hover: #ff4445; --button-danger-bgColor-active: #ff5c5d; - --button-danger-bgColor-disabled: #272b33; + --button-danger-bgColor-disabled: #3d424db3; --button-danger-borderColor-rest: #7a828e; --button-danger-borderColor-hover: #ffffff1a; --button-danger-borderColor-active: #ffffff1a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #bdc4cc; - --button-inactive-bgColor-rest: #3d424d; + --button-inactive-fgColor: #bdc4cc; + --button-inactive-bgColor: #3d424d; + --button-star-iconColor: #f7c843; --buttonCounter-default-bgColor-rest: #525964; --buttonCounter-invisible-bgColor-rest: #525964; --buttonCounter-primary-bgColor-rest: #01040926; @@ -580,16 +850,21 @@ --buttonCounter-outline-bgColor-disabled: #409eff0d; --buttonCounter-outline-fgColor-rest: #5cacff; --buttonCounter-outline-fgColor-hover: #71b7ff; - --buttonCounter-outline-fgColor-disabled: #52a7ff80; + --buttonCounter-outline-fgColor-disabled: #60aeff80; --buttonCounter-danger-bgColor-hover: #01040926; --buttonCounter-danger-bgColor-disabled: #ff6a690d; --buttonCounter-danger-bgColor-rest: #01040926; --buttonCounter-danger-fgColor-rest: #ff8080; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #ff808080; + --reactionButton-selected-bgColor-rest: #5cacff33; + --reactionButton-selected-bgColor-hover: #5dadff5c; + --reactionButton-selected-fgColor-rest: #60aeff; + --reactionButton-selected-fgColor-hover: #91cbff; --focus-outlineColor: #409eff; --menu-bgColor-active: #272b33; --overlay-bgColor: #272b33; + --overlay-borderColor: #7a828e; --overlay-backdrop-bgColor: #272b3366; --selectMenu-borderColor: #7a828e; --selectMenu-bgColor-active: #1e60d5; @@ -600,13 +875,131 @@ --underlineNav-borderColor-active: #ff967d; --underlineNav-borderColor-hover: #bdc4cc; --underlineNav-iconColor-rest: #f0f3f6; + --selection-bgColor: #409effb3; + --card-bgColor: #272b33; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #fbfcfd; --fgColor-muted: #f0f3f6; --fgColor-onEmphasis: #0a0c10; - --fgColor-disabled: #bdc4cc; - --fgColor-link: #52a7ff; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #9ea7b3; + --fgColor-link: #60aeff; --fgColor-neutral: #9ea7b3; - --fgColor-accent: #52a7ff; + --fgColor-accent: #60aeff; --fgColor-success: #28d751; --fgColor-attention: #f0b72f; --fgColor-severe: #f48b25; @@ -614,13 +1007,16 @@ --fgColor-open: #28d751; --fgColor-closed: #ff8080; --fgColor-done: #bf8fff; + --fgColor-upsell: #bf8fff; --fgColor-sponsors: #f87cbd; --bgColor-default: #0a0c10; --bgColor-muted: #272b33; --bgColor-inset: #010409; --bgColor-emphasis: #ffffff; --bgColor-inverse: #ffffff; - --bgColor-disabled: #272b33; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #3d424db3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #9ea7b366; --bgColor-neutral-emphasis: #9ea7b3; @@ -640,12 +1036,14 @@ --bgColor-closed-emphasis: #ff6a69; --bgColor-done-muted: #bf8fff26; --bgColor-done-emphasis: #b87fff; + --bgColor-upsell-muted: #bf8fff26; + --bgColor-upsell-emphasis: #b87fff; --bgColor-sponsors-muted: #f87cbd1a; --bgColor-sponsors-emphasis: #ef6eb1; --borderColor-default: #7a828e; --borderColor-muted: #7a828e; --borderColor-emphasis: #7a828e; - --borderColor-disabled: #272b33; + --borderColor-disabled: #3d424db3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #9ea7b3; --borderColor-neutral-emphasis: #9ea7b3; @@ -665,6 +1063,8 @@ --borderColor-closed-emphasis: #ff6a69; --borderColor-done-muted: #bf8fff; --borderColor-done-emphasis: #b87fff; + --borderColor-upsell-muted: #bf8fff66; + --borderColor-upsell-emphasis: #b87fff; --borderColor-sponsors-muted: #f87cbd; --borderColor-sponsors-emphasis: #ef6eb1; --color-ansi-black: #7a828e; @@ -714,107 +1114,15 @@ --color-prettylights-syntax-markup-ignored-bg: #318bf8; --color-prettylights-syntax-meta-diff-range: #dbb7ff; --color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e; - --color-scale-black: #010409; - --color-scale-transparent: #00000000; - --color-scale-white: #ffffff; - --color-scale-gray-0: #ffffff; - --color-scale-gray-1: #f0f3f6; - --color-scale-gray-2: #d9dee3; - --color-scale-gray-3: #bdc4cc; - --color-scale-gray-4: #9ea7b3; - --color-scale-gray-5: #7a828e; - --color-scale-gray-6: #525964; - --color-scale-gray-7: #3d424d; - --color-scale-gray-8: #272b33; - --color-scale-gray-9: #0a0c10; - --color-scale-blue-0: #caeaff; - --color-scale-blue-1: #addcff; - --color-scale-blue-2: #91cbff; - --color-scale-blue-3: #71b7ff; - --color-scale-blue-4: #5cacff; - --color-scale-blue-5: #409eff; - --color-scale-blue-6: #318bf8; - --color-scale-blue-7: #2672f3; - --color-scale-blue-8: #1e60d5; - --color-scale-blue-9: #194fb1; - --color-scale-green-0: #acf7b6; - --color-scale-green-1: #72f088; - --color-scale-green-2: #4ae168; - --color-scale-green-3: #28d751; - --color-scale-green-4: #0ac740; - --color-scale-green-5: #09b43a; - --color-scale-green-6: #02a232; - --color-scale-green-7: #008c2c; - --color-scale-green-8: #007728; - --color-scale-green-9: #006222; - --color-scale-yellow-0: #fbe59e; - --color-scale-yellow-1: #fbd669; - --color-scale-yellow-2: #f7c843; - --color-scale-yellow-3: #f0b72f; - --color-scale-yellow-4: #edaa27; - --color-scale-yellow-5: #e09b13; - --color-scale-yellow-6: #c88508; - --color-scale-yellow-7: #ae7104; - --color-scale-yellow-8: #945d02; - --color-scale-yellow-9: #7b4900; - --color-scale-orange-0: #ffe1b4; - --color-scale-orange-1: #ffcf86; - --color-scale-orange-2: #ffb757; - --color-scale-orange-3: #fe9a2d; - --color-scale-orange-4: #f48b25; - --color-scale-orange-5: #e7811d; - --color-scale-orange-6: #d57014; - --color-scale-orange-7: #bf5e0a; - --color-scale-orange-8: #a74c00; - --color-scale-orange-9: #8f3c00; - --color-scale-red-0: #ffdedb; - --color-scale-red-1: #ffc9c7; - --color-scale-red-2: #ffb1af; - --color-scale-red-3: #ff9492; - --color-scale-red-4: #ff8080; - --color-scale-red-5: #ff6a69; - --color-scale-red-6: #ff4445; - --color-scale-red-7: #e82a2f; - --color-scale-red-8: #cc1421; - --color-scale-red-9: #ad0116; - --color-scale-purple-0: #f0dfff; - --color-scale-purple-1: #e6ccff; - --color-scale-purple-2: #dbb7ff; - --color-scale-purple-3: #cb9eff; - --color-scale-purple-4: #bf8fff; - --color-scale-purple-5: #b87fff; - --color-scale-purple-6: #a66bff; - --color-scale-purple-7: #954ffd; - --color-scale-purple-8: #8031f7; - --color-scale-purple-9: #6921d7; - --color-scale-pink-0: #ffdceb; - --color-scale-pink-1: #ffc7e1; - --color-scale-pink-2: #ffadd4; - --color-scale-pink-3: #ff8dc7; - --color-scale-pink-4: #f87cbd; - --color-scale-pink-5: #ef6eb1; - --color-scale-pink-6: #e456a3; - --color-scale-pink-7: #d23d91; - --color-scale-pink-8: #b72c7d; - --color-scale-pink-9: #9c1d6a; - --color-scale-coral-0: #ffded4; - --color-scale-coral-1: #ffcbb9; - --color-scale-coral-2: #ffb39b; - --color-scale-coral-3: #ff967d; - --color-scale-coral-4: #fd8468; - --color-scale-coral-5: #fc704f; - --color-scale-coral-6: #f75133; - --color-scale-coral-7: #e03b21; - --color-scale-coral-8: #c62612; - --color-scale-coral-9: #a91500; --shadow-inset: inset 0px 1px 0px 0px #0104093d; --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; - --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; + --shadow-resting-small: 0px 1px 0px 0px #01040966; --shadow-resting-medium: 0px 3px 6px 0px #010409cc; - --shadow-floating-small: 0px 0px 0px 1px #272b33, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; - --shadow-floating-medium: 0px 0px 0px 1px #272b33, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; - --shadow-floating-large: 0px 0px 0px 1px #272b33, 0px 24px 48px 0px #010409; - --shadow-floating-xlarge: 0px 0px 0px 1px #272b33, 0px 32px 64px 0px #010409; + --shadow-floating-small: 0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; + --shadow-floating-medium: 0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; + --shadow-floating-large: 0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409; + --shadow-floating-xlarge: 0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409; + --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; --outline-focus: #409eff solid 2px; } } diff --git a/dist/css/functional/themes/dark-tritanopia.css b/dist/css/functional/themes/dark-tritanopia.css index f0bdc94d0..5b040097e 100644 --- a/dist/css/functional/themes/dark-tritanopia.css +++ b/dist/css/functional/themes/dark-tritanopia.css @@ -16,13 +16,13 @@ --diffBlob-deletion-bgColor-line: #f8514926; --diffBlob-deletion-bgColor-word: #f8514966; --diffBlob-hunk-bgColor-num: #388bfd66; - --diffBlob-expander-iconColor: #848d97; + --diffBlob-expander-iconColor: #8d96a0; --codeMirror-fgColor: #e6edf3; --codeMirror-bgColor: #0d1117; --codeMirror-gutters-bgColor: #0d1117; --codeMirror-gutterMarker-fgColor-default: #0d1117; - --codeMirror-gutterMarker-fgColor-muted: #848d97; - --codeMirror-lineNumber-fgColor: #848d97; + --codeMirror-gutterMarker-fgColor-muted: #8d96a0; + --codeMirror-lineNumber-fgColor: #8d96a0; --codeMirror-cursor-fgColor: #e6edf3; --codeMirror-selection-bgColor: #388bfd66; --codeMirror-activeline-bgColor: #6e768166; @@ -42,31 +42,146 @@ --header-borderColor-divider: #8b949e; --headerSearch-bgColor: #0d1117; --headerSearch-borderColor: #30363d; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #ffffff1a; - --avatar-borderColor: #30363d80; + --avatar-borderColor: #ffffff26; --avatar-shadow: 0px 0px 0px 2px #0d1117; --avatarStack-fade-bgColor-default: #30363d; --avatarStack-fade-bgColor-muted: #21262d; --control-bgColor-rest: #21262d; --control-bgColor-hover: #292e36; --control-bgColor-active: #31363e; - --control-bgColor-disabled: #161b22; + --control-bgColor-disabled: #21262db3; --control-bgColor-selected: #161b22; --control-fgColor-rest: #c9d1d9; --control-fgColor-placeholder: #484f58; - --control-fgColor-disabled: #8b949e; + --control-fgColor-disabled: #6e7681; --control-borderColor-rest: #30363d; --control-borderColor-emphasis: #666e79; - --control-borderColor-disabled: #161b22; + --control-borderColor-disabled: #21262db3; --control-borderColor-selected: #f0f6fc; --control-borderColor-success: #1f6feb; --control-borderColor-danger: #da3633; --control-borderColor-warning: #9e6a03; - --control-iconColor-rest: #848d97; + --control-iconColor-rest: #8d96a0; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #b1bac41f; --control-transparent-bgColor-active: #b1bac433; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #21262db3; --control-transparent-bgColor-selected: #b1bac414; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; @@ -78,26 +193,26 @@ --control-checked-bgColor-rest: #1f6feb; --control-checked-bgColor-hover: #2a7aef; --control-checked-bgColor-active: #3685f3; - --control-checked-bgColor-disabled: #8b949e; + --control-checked-bgColor-disabled: #6e7681; --control-checked-fgColor-rest: #ffffff; --control-checked-fgColor-disabled: #010409; --control-checked-borderColor-rest: #1f6feb; --control-checked-borderColor-hover: #2a7aef; --control-checked-borderColor-active: #3685f3; - --control-checked-borderColor-disabled: #8b949e; + --control-checked-borderColor-disabled: #6e7681; --controlTrack-bgColor-rest: #21262d; --controlTrack-bgColor-hover: #292e36; --controlTrack-bgColor-active: #31363e; - --controlTrack-bgColor-disabled: #8b949e; - --controlTrack-fgColor-rest: #848d97; + --controlTrack-bgColor-disabled: #6e7681; + --controlTrack-fgColor-rest: #8d96a0; --controlTrack-fgColor-disabled: #ffffff; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #8b949e; + --controlTrack-borderColor-disabled: #6e7681; --controlKnob-bgColor-rest: #010409; - --controlKnob-bgColor-disabled: #161b22; + --controlKnob-bgColor-disabled: #21262db3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #666e79; - --controlKnob-borderColor-disabled: #161b22; + --controlKnob-borderColor-disabled: #21262db3; --controlKnob-borderColor-checked: #1f6feb; --counter-borderColor: #00000000; --button-default-fgColor-rest: #c9d1d9; @@ -105,14 +220,14 @@ --button-default-bgColor-hover: #292e36; --button-default-bgColor-active: #31363e; --button-default-bgColor-selected: #31363e; - --button-default-bgColor-disabled: #161b22; + --button-default-bgColor-disabled: #21262db3; --button-default-borderColor-rest: #30363d; --button-default-borderColor-hover: #30363d; --button-default-borderColor-active: #30363d; - --button-default-borderColor-disabled: #161b22; + --button-default-borderColor-disabled: #21262db3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; --button-primary-fgColor-rest: #ffffff; - --button-primary-fgColor-disabled: #ffffff80; + --button-primary-fgColor-disabled: #ffffff66; --button-primary-iconColor-rest: #ffffff; --button-primary-bgColor-rest: #1f6feb; --button-primary-bgColor-hover: #2a7aef; @@ -123,23 +238,23 @@ --button-primary-borderColor-active: #f0f6fc1a; --button-primary-borderColor-disabled: #5fabfe; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #2f81f7; + --button-invisible-fgColor-rest: #4493f8; --button-invisible-fgColor-hover: #58a6ff; - --button-invisible-fgColor-disabled: #8b949e; - --button-invisible-iconColor-rest: #848d97; + --button-invisible-fgColor-disabled: #6e7681; + --button-invisible-iconColor-rest: #8d96a0; --button-invisible-iconColor-hover: #e6edf3; - --button-invisible-iconColor-disabled: #8b949e; + --button-invisible-iconColor-disabled: #6e7681; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #b1bac41f; --button-invisible-bgColor-active: #b1bac433; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #21262db3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; - --button-invisible-borderColor-disabled: #161b22; + --button-invisible-borderColor-disabled: #21262db3; --button-outline-fgColor-rest: #388bfd; --button-outline-fgColor-hover: #58a6ff; --button-outline-fgColor-active: #ffffff; - --button-outline-fgColor-disabled: #2f81f780; + --button-outline-fgColor-disabled: #4493f880; --button-outline-bgColor-rest: #f0f6fc; --button-outline-bgColor-hover: #30363d; --button-outline-bgColor-active: #0d419d; @@ -156,13 +271,14 @@ --button-danger-bgColor-rest: #21262d; --button-danger-bgColor-hover: #b62324; --button-danger-bgColor-active: #d03533; - --button-danger-bgColor-disabled: #161b22; + --button-danger-bgColor-disabled: #21262db3; --button-danger-borderColor-rest: #30363d; --button-danger-borderColor-hover: #f0f6fc1a; --button-danger-borderColor-active: #f0f6fc1a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #8b949e; - --button-inactive-bgColor-rest: #21262d; + --button-inactive-fgColor: #8b949e; + --button-inactive-bgColor: #21262d; + --button-star-iconColor: #e3b341; --buttonCounter-default-bgColor-rest: #30363d; --buttonCounter-invisible-bgColor-rest: #30363d; --buttonCounter-primary-bgColor-rest: #04260f33; @@ -171,47 +287,173 @@ --buttonCounter-outline-bgColor-disabled: #1f6feb0d; --buttonCounter-outline-fgColor-rest: #388bfd; --buttonCounter-outline-fgColor-hover: #58a6ff; - --buttonCounter-outline-fgColor-disabled: #2f81f780; + --buttonCounter-outline-fgColor-disabled: #4493f880; --buttonCounter-danger-bgColor-hover: #ffffff33; --buttonCounter-danger-bgColor-disabled: #da36330d; --buttonCounter-danger-bgColor-rest: #49020233; --buttonCounter-danger-fgColor-rest: #f85149; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #f8514980; + --reactionButton-selected-bgColor-rest: #388bfd33; + --reactionButton-selected-bgColor-hover: #3a8cfd5c; + --reactionButton-selected-fgColor-rest: #4493f8; + --reactionButton-selected-fgColor-hover: #79c0ff; --focus-outlineColor: #1f6feb; --menu-bgColor-active: #161b22; --overlay-bgColor: #161b22; + --overlay-borderColor: #30363db3; --overlay-backdrop-bgColor: #161b2266; --selectMenu-borderColor: #484f58; --selectMenu-bgColor-active: #0c2d6b; --sideNav-bgColor-selected: #21262d; --skeletonLoader-bgColor: #161b22; --timelineBadge-bgColor: #21262d; - --treeViewItem-leadingVisual-iconColor-rest: #848d97; + --treeViewItem-leadingVisual-iconColor-rest: #8d96a0; --underlineNav-borderColor-active: #f78166; --underlineNav-borderColor-hover: #6e768166; - --underlineNav-iconColor-rest: #848d97; + --underlineNav-iconColor-rest: #8d96a0; + --selection-bgColor: #1f6febb3; + --card-bgColor: #161b22; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #e6edf3; - --fgColor-muted: #848d97; + --fgColor-muted: #8d96a0; --fgColor-onEmphasis: #ffffff; - --fgColor-disabled: #8b949e; - --fgColor-link: #2f81f7; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #6e7681; + --fgColor-link: #4493f8; --fgColor-neutral: #6e7681; - --fgColor-accent: #2f81f7; + --fgColor-accent: #4493f8; --fgColor-success: #58a6ff; --fgColor-attention: #d29922; --fgColor-severe: #f85149; --fgColor-danger: #f85149; --fgColor-open: #f85149; --fgColor-closed: #6e7681; - --fgColor-done: #a371f7; + --fgColor-done: #ab7df8; + --fgColor-upsell: #ab7df8; --fgColor-sponsors: #db61a2; --bgColor-default: #0d1117; --bgColor-muted: #161b22; --bgColor-inset: #010409; --bgColor-emphasis: #6e7681; --bgColor-inverse: #ffffff; - --bgColor-disabled: #161b22; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #21262db3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #6e768166; --bgColor-neutral-emphasis: #6e7681; @@ -229,14 +471,16 @@ --bgColor-open-emphasis: #da3633; --bgColor-closed-muted: #6e768126; --bgColor-closed-emphasis: #484f58; - --bgColor-done-muted: #a371f726; + --bgColor-done-muted: #ab7df826; --bgColor-done-emphasis: #8957e5; + --bgColor-upsell-muted: #ab7df826; + --bgColor-upsell-emphasis: #8957e5; --bgColor-sponsors-muted: #db61a21a; --bgColor-sponsors-emphasis: #bf4b8a; --borderColor-default: #30363d; - --borderColor-muted: #30363d80; + --borderColor-muted: #30363db3; --borderColor-emphasis: #484f58; - --borderColor-disabled: #161b22; + --borderColor-disabled: #21262db3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #6e768166; --borderColor-neutral-emphasis: #6e7681; @@ -254,8 +498,10 @@ --borderColor-open-emphasis: #da3633; --borderColor-closed-muted: #6e768166; --borderColor-closed-emphasis: #484f58; - --borderColor-done-muted: #a371f766; + --borderColor-done-muted: #ab7df866; --borderColor-done-emphasis: #8957e5; + --borderColor-upsell-muted: #ab7df866; + --borderColor-upsell-emphasis: #8957e5; --borderColor-sponsors-muted: #db61a266; --borderColor-sponsors-emphasis: #bf4b8a; --color-ansi-black: #484f58; @@ -271,7 +517,7 @@ --color-ansi-yellow-bright: #e3b341; --color-ansi-blue: #58a6ff; --color-ansi-blue-bright: #79c0ff; - --color-ansi-magenta: #bc8cff; + --color-ansi-magenta: #be8fff; --color-ansi-magenta-bright: #d2a8ff; --color-ansi-cyan: #39c5cf; --color-ansi-cyan-bright: #56d4dd; @@ -305,107 +551,15 @@ --color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-meta-diff-range: #d2a8ff; --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; - --color-scale-black: #010409; - --color-scale-transparent: #00000000; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f0f6fc; - --color-scale-gray-1: #c9d1d9; - --color-scale-gray-2: #b1bac4; - --color-scale-gray-3: #8b949e; - --color-scale-gray-4: #6e7681; - --color-scale-gray-5: #484f58; - --color-scale-gray-6: #30363d; - --color-scale-gray-7: #21262d; - --color-scale-gray-8: #161b22; - --color-scale-gray-9: #0d1117; - --color-scale-blue-0: #cae8ff; - --color-scale-blue-1: #a5d6ff; - --color-scale-blue-2: #79c0ff; - --color-scale-blue-3: #58a6ff; - --color-scale-blue-4: #388bfd; - --color-scale-blue-5: #1f6feb; - --color-scale-blue-6: #1158c7; - --color-scale-blue-7: #0d419d; - --color-scale-blue-8: #0c2d6b; - --color-scale-blue-9: #051d4d; - --color-scale-green-0: #cae8ff; - --color-scale-green-1: #a5d6ff; - --color-scale-green-2: #79c0ff; - --color-scale-green-3: #58a6ff; - --color-scale-green-4: #388bfd; - --color-scale-green-5: #1f6feb; - --color-scale-green-6: #1158c7; - --color-scale-green-7: #0d419d; - --color-scale-green-8: #0c2d6b; - --color-scale-green-9: #051d4d; - --color-scale-yellow-0: #f8e3a1; - --color-scale-yellow-1: #f2cc60; - --color-scale-yellow-2: #e3b341; - --color-scale-yellow-3: #d29922; - --color-scale-yellow-4: #bb8009; - --color-scale-yellow-5: #9e6a03; - --color-scale-yellow-6: #845306; - --color-scale-yellow-7: #693e00; - --color-scale-yellow-8: #4b2900; - --color-scale-yellow-9: #341a00; - --color-scale-orange-0: #ffdcd7; - --color-scale-orange-1: #ffc1ba; - --color-scale-orange-2: #ffa198; - --color-scale-orange-3: #ff7b72; - --color-scale-orange-4: #f85149; - --color-scale-orange-5: #da3633; - --color-scale-orange-6: #b62324; - --color-scale-orange-7: #8e1519; - --color-scale-orange-8: #67060c; - --color-scale-orange-9: #490202; - --color-scale-red-0: #ffdcd7; - --color-scale-red-1: #ffc1ba; - --color-scale-red-2: #ffa198; - --color-scale-red-3: #ff7b72; - --color-scale-red-4: #f85149; - --color-scale-red-5: #da3633; - --color-scale-red-6: #b62324; - --color-scale-red-7: #8e1519; - --color-scale-red-8: #67060c; - --color-scale-red-9: #490202; - --color-scale-purple-0: #eddeff; - --color-scale-purple-1: #e2c5ff; - --color-scale-purple-2: #d2a8ff; - --color-scale-purple-3: #bc8cff; - --color-scale-purple-4: #a371f7; - --color-scale-purple-5: #8957e5; - --color-scale-purple-6: #6e40c9; - --color-scale-purple-7: #553098; - --color-scale-purple-8: #3c1e70; - --color-scale-purple-9: #271052; - --color-scale-pink-0: #ffdaec; - --color-scale-pink-1: #ffbedd; - --color-scale-pink-2: #ff9bce; - --color-scale-pink-3: #f778ba; - --color-scale-pink-4: #db61a2; - --color-scale-pink-5: #bf4b8a; - --color-scale-pink-6: #9e3670; - --color-scale-pink-7: #7d2457; - --color-scale-pink-8: #5e103e; - --color-scale-pink-9: #42062a; - --color-scale-coral-0: #ffddd2; - --color-scale-coral-1: #ffc2b2; - --color-scale-coral-2: #ffa28b; - --color-scale-coral-3: #f78166; - --color-scale-coral-4: #ea6045; - --color-scale-coral-5: #cf462d; - --color-scale-coral-6: #ac3220; - --color-scale-coral-7: #872012; - --color-scale-coral-8: #640d04; - --color-scale-coral-9: #460701; --shadow-inset: inset 0px 1px 0px 0px #0104093d; --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; - --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; + --shadow-resting-small: 0px 1px 0px 0px #01040966; --shadow-resting-medium: 0px 3px 6px 0px #010409cc; - --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; - --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; - --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409; - --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409; + --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; + --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; + --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409; + --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409; + --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; --outline-focus: #1f6feb solid 2px; } @media (prefers-color-scheme: dark) { @@ -425,13 +579,13 @@ --diffBlob-deletion-bgColor-line: #f8514926; --diffBlob-deletion-bgColor-word: #f8514966; --diffBlob-hunk-bgColor-num: #388bfd66; - --diffBlob-expander-iconColor: #848d97; + --diffBlob-expander-iconColor: #8d96a0; --codeMirror-fgColor: #e6edf3; --codeMirror-bgColor: #0d1117; --codeMirror-gutters-bgColor: #0d1117; --codeMirror-gutterMarker-fgColor-default: #0d1117; - --codeMirror-gutterMarker-fgColor-muted: #848d97; - --codeMirror-lineNumber-fgColor: #848d97; + --codeMirror-gutterMarker-fgColor-muted: #8d96a0; + --codeMirror-lineNumber-fgColor: #8d96a0; --codeMirror-cursor-fgColor: #e6edf3; --codeMirror-selection-bgColor: #388bfd66; --codeMirror-activeline-bgColor: #6e768166; @@ -451,31 +605,146 @@ --header-borderColor-divider: #8b949e; --headerSearch-bgColor: #0d1117; --headerSearch-borderColor: #30363d; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #ffffff1a; - --avatar-borderColor: #30363d80; + --avatar-borderColor: #ffffff26; --avatar-shadow: 0px 0px 0px 2px #0d1117; --avatarStack-fade-bgColor-default: #30363d; --avatarStack-fade-bgColor-muted: #21262d; --control-bgColor-rest: #21262d; --control-bgColor-hover: #292e36; --control-bgColor-active: #31363e; - --control-bgColor-disabled: #161b22; + --control-bgColor-disabled: #21262db3; --control-bgColor-selected: #161b22; --control-fgColor-rest: #c9d1d9; --control-fgColor-placeholder: #484f58; - --control-fgColor-disabled: #8b949e; + --control-fgColor-disabled: #6e7681; --control-borderColor-rest: #30363d; --control-borderColor-emphasis: #666e79; - --control-borderColor-disabled: #161b22; + --control-borderColor-disabled: #21262db3; --control-borderColor-selected: #f0f6fc; --control-borderColor-success: #1f6feb; --control-borderColor-danger: #da3633; --control-borderColor-warning: #9e6a03; - --control-iconColor-rest: #848d97; + --control-iconColor-rest: #8d96a0; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #b1bac41f; --control-transparent-bgColor-active: #b1bac433; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #21262db3; --control-transparent-bgColor-selected: #b1bac414; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; @@ -487,26 +756,26 @@ --control-checked-bgColor-rest: #1f6feb; --control-checked-bgColor-hover: #2a7aef; --control-checked-bgColor-active: #3685f3; - --control-checked-bgColor-disabled: #8b949e; + --control-checked-bgColor-disabled: #6e7681; --control-checked-fgColor-rest: #ffffff; --control-checked-fgColor-disabled: #010409; --control-checked-borderColor-rest: #1f6feb; --control-checked-borderColor-hover: #2a7aef; --control-checked-borderColor-active: #3685f3; - --control-checked-borderColor-disabled: #8b949e; + --control-checked-borderColor-disabled: #6e7681; --controlTrack-bgColor-rest: #21262d; --controlTrack-bgColor-hover: #292e36; --controlTrack-bgColor-active: #31363e; - --controlTrack-bgColor-disabled: #8b949e; - --controlTrack-fgColor-rest: #848d97; + --controlTrack-bgColor-disabled: #6e7681; + --controlTrack-fgColor-rest: #8d96a0; --controlTrack-fgColor-disabled: #ffffff; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #8b949e; + --controlTrack-borderColor-disabled: #6e7681; --controlKnob-bgColor-rest: #010409; - --controlKnob-bgColor-disabled: #161b22; + --controlKnob-bgColor-disabled: #21262db3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #666e79; - --controlKnob-borderColor-disabled: #161b22; + --controlKnob-borderColor-disabled: #21262db3; --controlKnob-borderColor-checked: #1f6feb; --counter-borderColor: #00000000; --button-default-fgColor-rest: #c9d1d9; @@ -514,14 +783,14 @@ --button-default-bgColor-hover: #292e36; --button-default-bgColor-active: #31363e; --button-default-bgColor-selected: #31363e; - --button-default-bgColor-disabled: #161b22; + --button-default-bgColor-disabled: #21262db3; --button-default-borderColor-rest: #30363d; --button-default-borderColor-hover: #30363d; --button-default-borderColor-active: #30363d; - --button-default-borderColor-disabled: #161b22; + --button-default-borderColor-disabled: #21262db3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; --button-primary-fgColor-rest: #ffffff; - --button-primary-fgColor-disabled: #ffffff80; + --button-primary-fgColor-disabled: #ffffff66; --button-primary-iconColor-rest: #ffffff; --button-primary-bgColor-rest: #1f6feb; --button-primary-bgColor-hover: #2a7aef; @@ -532,23 +801,23 @@ --button-primary-borderColor-active: #f0f6fc1a; --button-primary-borderColor-disabled: #5fabfe; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #2f81f7; + --button-invisible-fgColor-rest: #4493f8; --button-invisible-fgColor-hover: #58a6ff; - --button-invisible-fgColor-disabled: #8b949e; - --button-invisible-iconColor-rest: #848d97; + --button-invisible-fgColor-disabled: #6e7681; + --button-invisible-iconColor-rest: #8d96a0; --button-invisible-iconColor-hover: #e6edf3; - --button-invisible-iconColor-disabled: #8b949e; + --button-invisible-iconColor-disabled: #6e7681; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #b1bac41f; --button-invisible-bgColor-active: #b1bac433; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #21262db3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; - --button-invisible-borderColor-disabled: #161b22; + --button-invisible-borderColor-disabled: #21262db3; --button-outline-fgColor-rest: #388bfd; --button-outline-fgColor-hover: #58a6ff; --button-outline-fgColor-active: #ffffff; - --button-outline-fgColor-disabled: #2f81f780; + --button-outline-fgColor-disabled: #4493f880; --button-outline-bgColor-rest: #f0f6fc; --button-outline-bgColor-hover: #30363d; --button-outline-bgColor-active: #0d419d; @@ -565,13 +834,14 @@ --button-danger-bgColor-rest: #21262d; --button-danger-bgColor-hover: #b62324; --button-danger-bgColor-active: #d03533; - --button-danger-bgColor-disabled: #161b22; + --button-danger-bgColor-disabled: #21262db3; --button-danger-borderColor-rest: #30363d; --button-danger-borderColor-hover: #f0f6fc1a; --button-danger-borderColor-active: #f0f6fc1a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #8b949e; - --button-inactive-bgColor-rest: #21262d; + --button-inactive-fgColor: #8b949e; + --button-inactive-bgColor: #21262d; + --button-star-iconColor: #e3b341; --buttonCounter-default-bgColor-rest: #30363d; --buttonCounter-invisible-bgColor-rest: #30363d; --buttonCounter-primary-bgColor-rest: #04260f33; @@ -580,47 +850,173 @@ --buttonCounter-outline-bgColor-disabled: #1f6feb0d; --buttonCounter-outline-fgColor-rest: #388bfd; --buttonCounter-outline-fgColor-hover: #58a6ff; - --buttonCounter-outline-fgColor-disabled: #2f81f780; + --buttonCounter-outline-fgColor-disabled: #4493f880; --buttonCounter-danger-bgColor-hover: #ffffff33; --buttonCounter-danger-bgColor-disabled: #da36330d; --buttonCounter-danger-bgColor-rest: #49020233; --buttonCounter-danger-fgColor-rest: #f85149; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #f8514980; + --reactionButton-selected-bgColor-rest: #388bfd33; + --reactionButton-selected-bgColor-hover: #3a8cfd5c; + --reactionButton-selected-fgColor-rest: #4493f8; + --reactionButton-selected-fgColor-hover: #79c0ff; --focus-outlineColor: #1f6feb; --menu-bgColor-active: #161b22; --overlay-bgColor: #161b22; + --overlay-borderColor: #30363db3; --overlay-backdrop-bgColor: #161b2266; --selectMenu-borderColor: #484f58; --selectMenu-bgColor-active: #0c2d6b; --sideNav-bgColor-selected: #21262d; --skeletonLoader-bgColor: #161b22; --timelineBadge-bgColor: #21262d; - --treeViewItem-leadingVisual-iconColor-rest: #848d97; + --treeViewItem-leadingVisual-iconColor-rest: #8d96a0; --underlineNav-borderColor-active: #f78166; --underlineNav-borderColor-hover: #6e768166; - --underlineNav-iconColor-rest: #848d97; + --underlineNav-iconColor-rest: #8d96a0; + --selection-bgColor: #1f6febb3; + --card-bgColor: #161b22; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #e6edf3; - --fgColor-muted: #848d97; + --fgColor-muted: #8d96a0; --fgColor-onEmphasis: #ffffff; - --fgColor-disabled: #8b949e; - --fgColor-link: #2f81f7; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #6e7681; + --fgColor-link: #4493f8; --fgColor-neutral: #6e7681; - --fgColor-accent: #2f81f7; + --fgColor-accent: #4493f8; --fgColor-success: #58a6ff; --fgColor-attention: #d29922; --fgColor-severe: #f85149; --fgColor-danger: #f85149; --fgColor-open: #f85149; --fgColor-closed: #6e7681; - --fgColor-done: #a371f7; + --fgColor-done: #ab7df8; + --fgColor-upsell: #ab7df8; --fgColor-sponsors: #db61a2; --bgColor-default: #0d1117; --bgColor-muted: #161b22; --bgColor-inset: #010409; --bgColor-emphasis: #6e7681; --bgColor-inverse: #ffffff; - --bgColor-disabled: #161b22; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #21262db3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #6e768166; --bgColor-neutral-emphasis: #6e7681; @@ -638,14 +1034,16 @@ --bgColor-open-emphasis: #da3633; --bgColor-closed-muted: #6e768126; --bgColor-closed-emphasis: #484f58; - --bgColor-done-muted: #a371f726; + --bgColor-done-muted: #ab7df826; --bgColor-done-emphasis: #8957e5; + --bgColor-upsell-muted: #ab7df826; + --bgColor-upsell-emphasis: #8957e5; --bgColor-sponsors-muted: #db61a21a; --bgColor-sponsors-emphasis: #bf4b8a; --borderColor-default: #30363d; - --borderColor-muted: #30363d80; + --borderColor-muted: #30363db3; --borderColor-emphasis: #484f58; - --borderColor-disabled: #161b22; + --borderColor-disabled: #21262db3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #6e768166; --borderColor-neutral-emphasis: #6e7681; @@ -663,8 +1061,10 @@ --borderColor-open-emphasis: #da3633; --borderColor-closed-muted: #6e768166; --borderColor-closed-emphasis: #484f58; - --borderColor-done-muted: #a371f766; + --borderColor-done-muted: #ab7df866; --borderColor-done-emphasis: #8957e5; + --borderColor-upsell-muted: #ab7df866; + --borderColor-upsell-emphasis: #8957e5; --borderColor-sponsors-muted: #db61a266; --borderColor-sponsors-emphasis: #bf4b8a; --color-ansi-black: #484f58; @@ -680,7 +1080,7 @@ --color-ansi-yellow-bright: #e3b341; --color-ansi-blue: #58a6ff; --color-ansi-blue-bright: #79c0ff; - --color-ansi-magenta: #bc8cff; + --color-ansi-magenta: #be8fff; --color-ansi-magenta-bright: #d2a8ff; --color-ansi-cyan: #39c5cf; --color-ansi-cyan-bright: #56d4dd; @@ -714,107 +1114,15 @@ --color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-meta-diff-range: #d2a8ff; --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; - --color-scale-black: #010409; - --color-scale-transparent: #00000000; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f0f6fc; - --color-scale-gray-1: #c9d1d9; - --color-scale-gray-2: #b1bac4; - --color-scale-gray-3: #8b949e; - --color-scale-gray-4: #6e7681; - --color-scale-gray-5: #484f58; - --color-scale-gray-6: #30363d; - --color-scale-gray-7: #21262d; - --color-scale-gray-8: #161b22; - --color-scale-gray-9: #0d1117; - --color-scale-blue-0: #cae8ff; - --color-scale-blue-1: #a5d6ff; - --color-scale-blue-2: #79c0ff; - --color-scale-blue-3: #58a6ff; - --color-scale-blue-4: #388bfd; - --color-scale-blue-5: #1f6feb; - --color-scale-blue-6: #1158c7; - --color-scale-blue-7: #0d419d; - --color-scale-blue-8: #0c2d6b; - --color-scale-blue-9: #051d4d; - --color-scale-green-0: #cae8ff; - --color-scale-green-1: #a5d6ff; - --color-scale-green-2: #79c0ff; - --color-scale-green-3: #58a6ff; - --color-scale-green-4: #388bfd; - --color-scale-green-5: #1f6feb; - --color-scale-green-6: #1158c7; - --color-scale-green-7: #0d419d; - --color-scale-green-8: #0c2d6b; - --color-scale-green-9: #051d4d; - --color-scale-yellow-0: #f8e3a1; - --color-scale-yellow-1: #f2cc60; - --color-scale-yellow-2: #e3b341; - --color-scale-yellow-3: #d29922; - --color-scale-yellow-4: #bb8009; - --color-scale-yellow-5: #9e6a03; - --color-scale-yellow-6: #845306; - --color-scale-yellow-7: #693e00; - --color-scale-yellow-8: #4b2900; - --color-scale-yellow-9: #341a00; - --color-scale-orange-0: #ffdcd7; - --color-scale-orange-1: #ffc1ba; - --color-scale-orange-2: #ffa198; - --color-scale-orange-3: #ff7b72; - --color-scale-orange-4: #f85149; - --color-scale-orange-5: #da3633; - --color-scale-orange-6: #b62324; - --color-scale-orange-7: #8e1519; - --color-scale-orange-8: #67060c; - --color-scale-orange-9: #490202; - --color-scale-red-0: #ffdcd7; - --color-scale-red-1: #ffc1ba; - --color-scale-red-2: #ffa198; - --color-scale-red-3: #ff7b72; - --color-scale-red-4: #f85149; - --color-scale-red-5: #da3633; - --color-scale-red-6: #b62324; - --color-scale-red-7: #8e1519; - --color-scale-red-8: #67060c; - --color-scale-red-9: #490202; - --color-scale-purple-0: #eddeff; - --color-scale-purple-1: #e2c5ff; - --color-scale-purple-2: #d2a8ff; - --color-scale-purple-3: #bc8cff; - --color-scale-purple-4: #a371f7; - --color-scale-purple-5: #8957e5; - --color-scale-purple-6: #6e40c9; - --color-scale-purple-7: #553098; - --color-scale-purple-8: #3c1e70; - --color-scale-purple-9: #271052; - --color-scale-pink-0: #ffdaec; - --color-scale-pink-1: #ffbedd; - --color-scale-pink-2: #ff9bce; - --color-scale-pink-3: #f778ba; - --color-scale-pink-4: #db61a2; - --color-scale-pink-5: #bf4b8a; - --color-scale-pink-6: #9e3670; - --color-scale-pink-7: #7d2457; - --color-scale-pink-8: #5e103e; - --color-scale-pink-9: #42062a; - --color-scale-coral-0: #ffddd2; - --color-scale-coral-1: #ffc2b2; - --color-scale-coral-2: #ffa28b; - --color-scale-coral-3: #f78166; - --color-scale-coral-4: #ea6045; - --color-scale-coral-5: #cf462d; - --color-scale-coral-6: #ac3220; - --color-scale-coral-7: #872012; - --color-scale-coral-8: #640d04; - --color-scale-coral-9: #460701; --shadow-inset: inset 0px 1px 0px 0px #0104093d; --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; - --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; + --shadow-resting-small: 0px 1px 0px 0px #01040966; --shadow-resting-medium: 0px 3px 6px 0px #010409cc; - --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; - --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; - --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409; - --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409; + --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; + --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; + --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409; + --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409; + --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; --outline-focus: #1f6feb solid 2px; } } diff --git a/dist/css/functional/themes/dark.css b/dist/css/functional/themes/dark.css index 3e48198ce..3b9804db5 100644 --- a/dist/css/functional/themes/dark.css +++ b/dist/css/functional/themes/dark.css @@ -16,13 +16,13 @@ --diffBlob-deletion-bgColor-line: #f8514926; --diffBlob-deletion-bgColor-word: #f8514966; --diffBlob-hunk-bgColor-num: #388bfd66; - --diffBlob-expander-iconColor: #848d97; + --diffBlob-expander-iconColor: #8d96a0; --codeMirror-fgColor: #e6edf3; --codeMirror-bgColor: #0d1117; --codeMirror-gutters-bgColor: #0d1117; --codeMirror-gutterMarker-fgColor-default: #0d1117; - --codeMirror-gutterMarker-fgColor-muted: #848d97; - --codeMirror-lineNumber-fgColor: #848d97; + --codeMirror-gutterMarker-fgColor-muted: #8d96a0; + --codeMirror-lineNumber-fgColor: #8d96a0; --codeMirror-cursor-fgColor: #e6edf3; --codeMirror-selection-bgColor: #388bfd66; --codeMirror-activeline-bgColor: #6e768166; @@ -42,31 +42,146 @@ --header-borderColor-divider: #8b949e; --headerSearch-bgColor: #0d1117; --headerSearch-borderColor: #30363d; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #ffffff1a; - --avatar-borderColor: #30363d80; + --avatar-borderColor: #ffffff26; --avatar-shadow: 0px 0px 0px 2px #0d1117; --avatarStack-fade-bgColor-default: #30363d; --avatarStack-fade-bgColor-muted: #21262d; --control-bgColor-rest: #21262d; --control-bgColor-hover: #292e36; --control-bgColor-active: #31363e; - --control-bgColor-disabled: #161b22; + --control-bgColor-disabled: #21262db3; --control-bgColor-selected: #161b22; --control-fgColor-rest: #c9d1d9; --control-fgColor-placeholder: #484f58; - --control-fgColor-disabled: #8b949e; + --control-fgColor-disabled: #6e7681; --control-borderColor-rest: #30363d; --control-borderColor-emphasis: #666e79; - --control-borderColor-disabled: #161b22; + --control-borderColor-disabled: #21262db3; --control-borderColor-selected: #f0f6fc; --control-borderColor-success: #238636; --control-borderColor-danger: #da3633; --control-borderColor-warning: #9e6a03; - --control-iconColor-rest: #848d97; + --control-iconColor-rest: #8d96a0; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #b1bac41f; --control-transparent-bgColor-active: #b1bac433; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #21262db3; --control-transparent-bgColor-selected: #b1bac414; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; @@ -78,26 +193,26 @@ --control-checked-bgColor-rest: #1f6feb; --control-checked-bgColor-hover: #2a7aef; --control-checked-bgColor-active: #3685f3; - --control-checked-bgColor-disabled: #8b949e; + --control-checked-bgColor-disabled: #6e7681; --control-checked-fgColor-rest: #ffffff; --control-checked-fgColor-disabled: #010409; --control-checked-borderColor-rest: #1f6feb; --control-checked-borderColor-hover: #2a7aef; --control-checked-borderColor-active: #3685f3; - --control-checked-borderColor-disabled: #8b949e; + --control-checked-borderColor-disabled: #6e7681; --controlTrack-bgColor-rest: #21262d; --controlTrack-bgColor-hover: #292e36; --controlTrack-bgColor-active: #31363e; - --controlTrack-bgColor-disabled: #8b949e; - --controlTrack-fgColor-rest: #848d97; + --controlTrack-bgColor-disabled: #6e7681; + --controlTrack-fgColor-rest: #8d96a0; --controlTrack-fgColor-disabled: #ffffff; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #8b949e; + --controlTrack-borderColor-disabled: #6e7681; --controlKnob-bgColor-rest: #010409; - --controlKnob-bgColor-disabled: #161b22; + --controlKnob-bgColor-disabled: #21262db3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #666e79; - --controlKnob-borderColor-disabled: #161b22; + --controlKnob-borderColor-disabled: #21262db3; --controlKnob-borderColor-checked: #1f6feb; --counter-borderColor: #00000000; --button-default-fgColor-rest: #c9d1d9; @@ -105,41 +220,41 @@ --button-default-bgColor-hover: #292e36; --button-default-bgColor-active: #31363e; --button-default-bgColor-selected: #31363e; - --button-default-bgColor-disabled: #161b22; + --button-default-bgColor-disabled: #21262db3; --button-default-borderColor-rest: #30363d; --button-default-borderColor-hover: #30363d; --button-default-borderColor-active: #30363d; - --button-default-borderColor-disabled: #161b22; + --button-default-borderColor-disabled: #21262db3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; --button-primary-fgColor-rest: #ffffff; - --button-primary-fgColor-disabled: #ffffff80; + --button-primary-fgColor-disabled: #ffffff66; --button-primary-iconColor-rest: #ffffff; --button-primary-bgColor-rest: #238636; --button-primary-bgColor-hover: #29903b; --button-primary-bgColor-active: #2e9a40; - --button-primary-bgColor-disabled: #46bf57; + --button-primary-bgColor-disabled: #105823; --button-primary-borderColor-rest: #f0f6fc1a; --button-primary-borderColor-hover: #f0f6fc1a; --button-primary-borderColor-active: #f0f6fc1a; - --button-primary-borderColor-disabled: #46bf57; + --button-primary-borderColor-disabled: #105823; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #2f81f7; + --button-invisible-fgColor-rest: #4493f8; --button-invisible-fgColor-hover: #58a6ff; - --button-invisible-fgColor-disabled: #8b949e; - --button-invisible-iconColor-rest: #848d97; + --button-invisible-fgColor-disabled: #6e7681; + --button-invisible-iconColor-rest: #8d96a0; --button-invisible-iconColor-hover: #e6edf3; - --button-invisible-iconColor-disabled: #8b949e; + --button-invisible-iconColor-disabled: #6e7681; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #b1bac41f; --button-invisible-bgColor-active: #b1bac433; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #21262db3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; - --button-invisible-borderColor-disabled: #161b22; + --button-invisible-borderColor-disabled: #21262db3; --button-outline-fgColor-rest: #388bfd; --button-outline-fgColor-hover: #58a6ff; --button-outline-fgColor-active: #ffffff; - --button-outline-fgColor-disabled: #2f81f780; + --button-outline-fgColor-disabled: #4493f880; --button-outline-bgColor-rest: #f0f6fc; --button-outline-bgColor-hover: #30363d; --button-outline-bgColor-active: #0d419d; @@ -156,13 +271,14 @@ --button-danger-bgColor-rest: #21262d; --button-danger-bgColor-hover: #b62324; --button-danger-bgColor-active: #d03533; - --button-danger-bgColor-disabled: #161b22; + --button-danger-bgColor-disabled: #21262db3; --button-danger-borderColor-rest: #30363d; --button-danger-borderColor-hover: #f0f6fc1a; --button-danger-borderColor-active: #f0f6fc1a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #8b949e; - --button-inactive-bgColor-rest: #21262d; + --button-inactive-fgColor: #8b949e; + --button-inactive-bgColor: #21262d; + --button-star-iconColor: #e3b341; --buttonCounter-default-bgColor-rest: #30363d; --buttonCounter-invisible-bgColor-rest: #30363d; --buttonCounter-primary-bgColor-rest: #04260f33; @@ -171,47 +287,173 @@ --buttonCounter-outline-bgColor-disabled: #1f6feb0d; --buttonCounter-outline-fgColor-rest: #388bfd; --buttonCounter-outline-fgColor-hover: #58a6ff; - --buttonCounter-outline-fgColor-disabled: #2f81f780; + --buttonCounter-outline-fgColor-disabled: #4493f880; --buttonCounter-danger-bgColor-hover: #ffffff33; --buttonCounter-danger-bgColor-disabled: #da36330d; --buttonCounter-danger-bgColor-rest: #49020233; --buttonCounter-danger-fgColor-rest: #f85149; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #f8514980; + --reactionButton-selected-bgColor-rest: #388bfd33; + --reactionButton-selected-bgColor-hover: #3a8cfd5c; + --reactionButton-selected-fgColor-rest: #4493f8; + --reactionButton-selected-fgColor-hover: #79c0ff; --focus-outlineColor: #1f6feb; --menu-bgColor-active: #161b22; --overlay-bgColor: #161b22; + --overlay-borderColor: #30363db3; --overlay-backdrop-bgColor: #161b2266; --selectMenu-borderColor: #484f58; --selectMenu-bgColor-active: #0c2d6b; --sideNav-bgColor-selected: #21262d; --skeletonLoader-bgColor: #161b22; --timelineBadge-bgColor: #21262d; - --treeViewItem-leadingVisual-iconColor-rest: #848d97; + --treeViewItem-leadingVisual-iconColor-rest: #8d96a0; --underlineNav-borderColor-active: #f78166; --underlineNav-borderColor-hover: #6e768166; - --underlineNav-iconColor-rest: #848d97; + --underlineNav-iconColor-rest: #8d96a0; + --selection-bgColor: #1f6febb3; + --card-bgColor: #161b22; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #e6edf3; - --fgColor-muted: #848d97; + --fgColor-muted: #8d96a0; --fgColor-onEmphasis: #ffffff; - --fgColor-disabled: #8b949e; - --fgColor-link: #2f81f7; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #6e7681; + --fgColor-link: #4493f8; --fgColor-neutral: #6e7681; - --fgColor-accent: #2f81f7; + --fgColor-accent: #4493f8; --fgColor-success: #3fb950; --fgColor-attention: #d29922; --fgColor-severe: #db6d28; --fgColor-danger: #f85149; --fgColor-open: #3fb950; --fgColor-closed: #f85149; - --fgColor-done: #a371f7; + --fgColor-done: #ab7df8; + --fgColor-upsell: #ab7df8; --fgColor-sponsors: #db61a2; --bgColor-default: #0d1117; --bgColor-muted: #161b22; --bgColor-inset: #010409; --bgColor-emphasis: #6e7681; --bgColor-inverse: #ffffff; - --bgColor-disabled: #161b22; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #21262db3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #6e768166; --bgColor-neutral-emphasis: #6e7681; @@ -229,14 +471,16 @@ --bgColor-open-emphasis: #238636; --bgColor-closed-muted: #f8514926; --bgColor-closed-emphasis: #da3633; - --bgColor-done-muted: #a371f726; + --bgColor-done-muted: #ab7df826; --bgColor-done-emphasis: #8957e5; + --bgColor-upsell-muted: #ab7df826; + --bgColor-upsell-emphasis: #8957e5; --bgColor-sponsors-muted: #db61a21a; --bgColor-sponsors-emphasis: #bf4b8a; --borderColor-default: #30363d; - --borderColor-muted: #30363d80; + --borderColor-muted: #30363db3; --borderColor-emphasis: #484f58; - --borderColor-disabled: #161b22; + --borderColor-disabled: #21262db3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #6e768166; --borderColor-neutral-emphasis: #6e7681; @@ -254,8 +498,10 @@ --borderColor-open-emphasis: #238636; --borderColor-closed-muted: #f8514966; --borderColor-closed-emphasis: #da3633; - --borderColor-done-muted: #a371f766; + --borderColor-done-muted: #ab7df866; --borderColor-done-emphasis: #8957e5; + --borderColor-upsell-muted: #ab7df866; + --borderColor-upsell-emphasis: #8957e5; --borderColor-sponsors-muted: #db61a266; --borderColor-sponsors-emphasis: #bf4b8a; --color-ansi-black: #484f58; @@ -271,7 +517,7 @@ --color-ansi-yellow-bright: #e3b341; --color-ansi-blue: #58a6ff; --color-ansi-blue-bright: #79c0ff; - --color-ansi-magenta: #bc8cff; + --color-ansi-magenta: #be8fff; --color-ansi-magenta-bright: #d2a8ff; --color-ansi-cyan: #39c5cf; --color-ansi-cyan-bright: #56d4dd; @@ -305,107 +551,15 @@ --color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-meta-diff-range: #d2a8ff; --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; - --color-scale-black: #010409; - --color-scale-transparent: #00000000; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f0f6fc; - --color-scale-gray-1: #c9d1d9; - --color-scale-gray-2: #b1bac4; - --color-scale-gray-3: #8b949e; - --color-scale-gray-4: #6e7681; - --color-scale-gray-5: #484f58; - --color-scale-gray-6: #30363d; - --color-scale-gray-7: #21262d; - --color-scale-gray-8: #161b22; - --color-scale-gray-9: #0d1117; - --color-scale-blue-0: #cae8ff; - --color-scale-blue-1: #a5d6ff; - --color-scale-blue-2: #79c0ff; - --color-scale-blue-3: #58a6ff; - --color-scale-blue-4: #388bfd; - --color-scale-blue-5: #1f6feb; - --color-scale-blue-6: #1158c7; - --color-scale-blue-7: #0d419d; - --color-scale-blue-8: #0c2d6b; - --color-scale-blue-9: #051d4d; - --color-scale-green-0: #aff5b4; - --color-scale-green-1: #7ee787; - --color-scale-green-2: #56d364; - --color-scale-green-3: #3fb950; - --color-scale-green-4: #2ea043; - --color-scale-green-5: #238636; - --color-scale-green-6: #196c2e; - --color-scale-green-7: #0f5323; - --color-scale-green-8: #033a16; - --color-scale-green-9: #04260f; - --color-scale-yellow-0: #f8e3a1; - --color-scale-yellow-1: #f2cc60; - --color-scale-yellow-2: #e3b341; - --color-scale-yellow-3: #d29922; - --color-scale-yellow-4: #bb8009; - --color-scale-yellow-5: #9e6a03; - --color-scale-yellow-6: #845306; - --color-scale-yellow-7: #693e00; - --color-scale-yellow-8: #4b2900; - --color-scale-yellow-9: #341a00; - --color-scale-orange-0: #ffdfb6; - --color-scale-orange-1: #ffc680; - --color-scale-orange-2: #ffa657; - --color-scale-orange-3: #f0883e; - --color-scale-orange-4: #db6d28; - --color-scale-orange-5: #bd561d; - --color-scale-orange-6: #9b4215; - --color-scale-orange-7: #762d0a; - --color-scale-orange-8: #5a1e02; - --color-scale-orange-9: #3d1300; - --color-scale-red-0: #ffdcd7; - --color-scale-red-1: #ffc1ba; - --color-scale-red-2: #ffa198; - --color-scale-red-3: #ff7b72; - --color-scale-red-4: #f85149; - --color-scale-red-5: #da3633; - --color-scale-red-6: #b62324; - --color-scale-red-7: #8e1519; - --color-scale-red-8: #67060c; - --color-scale-red-9: #490202; - --color-scale-purple-0: #eddeff; - --color-scale-purple-1: #e2c5ff; - --color-scale-purple-2: #d2a8ff; - --color-scale-purple-3: #bc8cff; - --color-scale-purple-4: #a371f7; - --color-scale-purple-5: #8957e5; - --color-scale-purple-6: #6e40c9; - --color-scale-purple-7: #553098; - --color-scale-purple-8: #3c1e70; - --color-scale-purple-9: #271052; - --color-scale-pink-0: #ffdaec; - --color-scale-pink-1: #ffbedd; - --color-scale-pink-2: #ff9bce; - --color-scale-pink-3: #f778ba; - --color-scale-pink-4: #db61a2; - --color-scale-pink-5: #bf4b8a; - --color-scale-pink-6: #9e3670; - --color-scale-pink-7: #7d2457; - --color-scale-pink-8: #5e103e; - --color-scale-pink-9: #42062a; - --color-scale-coral-0: #ffddd2; - --color-scale-coral-1: #ffc2b2; - --color-scale-coral-2: #ffa28b; - --color-scale-coral-3: #f78166; - --color-scale-coral-4: #ea6045; - --color-scale-coral-5: #cf462d; - --color-scale-coral-6: #ac3220; - --color-scale-coral-7: #872012; - --color-scale-coral-8: #640d04; - --color-scale-coral-9: #460701; --shadow-inset: inset 0px 1px 0px 0px #0104093d; --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; - --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; + --shadow-resting-small: 0px 1px 0px 0px #01040966; --shadow-resting-medium: 0px 3px 6px 0px #010409cc; - --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; - --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; - --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409; - --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409; + --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; + --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; + --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409; + --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409; + --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; --outline-focus: #1f6feb solid 2px; } @media (prefers-color-scheme: dark) { @@ -425,13 +579,13 @@ --diffBlob-deletion-bgColor-line: #f8514926; --diffBlob-deletion-bgColor-word: #f8514966; --diffBlob-hunk-bgColor-num: #388bfd66; - --diffBlob-expander-iconColor: #848d97; + --diffBlob-expander-iconColor: #8d96a0; --codeMirror-fgColor: #e6edf3; --codeMirror-bgColor: #0d1117; --codeMirror-gutters-bgColor: #0d1117; --codeMirror-gutterMarker-fgColor-default: #0d1117; - --codeMirror-gutterMarker-fgColor-muted: #848d97; - --codeMirror-lineNumber-fgColor: #848d97; + --codeMirror-gutterMarker-fgColor-muted: #8d96a0; + --codeMirror-lineNumber-fgColor: #8d96a0; --codeMirror-cursor-fgColor: #e6edf3; --codeMirror-selection-bgColor: #388bfd66; --codeMirror-activeline-bgColor: #6e768166; @@ -451,31 +605,146 @@ --header-borderColor-divider: #8b949e; --headerSearch-bgColor: #0d1117; --headerSearch-borderColor: #30363d; + --data-blue-color: #0576ff; + --data-blue-color-muted: #001a47; + --data-auburn-color: #a86f6b; + --data-auburn-color-muted: #271817; + --data-orange-color: #984b10; + --data-orange-color-muted: #311708; + --data-yellow-color: #895906; + --data-yellow-color-muted: #2e1a00; + --data-green-color: #2f6f37; + --data-green-color-muted: #122117; + --data-teal-color: #106c70; + --data-teal-color-muted: #041f25; + --data-purple-color: #975bf1; + --data-purple-color-muted: #211047; + --data-pink-color: #d34591; + --data-pink-color-muted: #2d1524; + --data-red-color: #eb3342; + --data-red-color-muted: #3c0614; + --data-gray-color: #576270; + --data-gray-color-muted: #1c1c1c; + --display-blue-bgColor-muted: #001a47; + --display-blue-bgColor-emphasis: #0576ff; + --display-blue-fgColor: #4da0ff; + --display-blue-borderColor-muted: #002766; + --display-blue-borderColor-emphasis: #0576ff; + --display-green-bgColor-muted: #122117; + --display-green-bgColor-emphasis: #388f3f; + --display-green-fgColor: #41b445; + --display-green-borderColor-muted: #182f1f; + --display-green-borderColor-emphasis: #388f3f; + --display-orange-bgColor-muted: #311708; + --display-orange-bgColor-emphasis: #c46212; + --display-orange-fgColor: #ed8326; + --display-orange-borderColor-muted: #43200a; + --display-orange-borderColor-emphasis: #c46212; + --display-purple-bgColor-muted: #211047; + --display-purple-bgColor-emphasis: #975bf1; + --display-purple-fgColor: #b687f7; + --display-purple-borderColor-muted: #31146b; + --display-purple-borderColor-emphasis: #975bf1; + --display-plum-bgColor-muted: #2a0e3f; + --display-plum-bgColor-emphasis: #b643ef; + --display-plum-fgColor: #d07ef7; + --display-plum-borderColor-muted: #40125e; + --display-plum-borderColor-emphasis: #b643ef; + --display-red-bgColor-muted: #3c0614; + --display-red-bgColor-emphasis: #eb3342; + --display-red-fgColor: #f27d83; + --display-red-borderColor-muted: #58091a; + --display-red-borderColor-emphasis: #eb3342; + --display-coral-bgColor-muted: #3c0614; + --display-coral-bgColor-emphasis: #eb3342; + --display-coral-fgColor: #f27d83; + --display-coral-borderColor-muted: #58091a; + --display-coral-borderColor-emphasis: #eb3342; + --display-yellow-bgColor-muted: #2e1a00; + --display-yellow-bgColor-emphasis: #aa7109; + --display-yellow-fgColor: #d3910d; + --display-yellow-borderColor-muted: #3d2401; + --display-yellow-borderColor-emphasis: #aa7109; + --display-gray-bgColor-muted: #1c1c1c; + --display-gray-bgColor-emphasis: #6e7f96; + --display-gray-fgColor: #92a1b5; + --display-gray-borderColor-muted: #2a2b2d; + --display-gray-borderColor-emphasis: #6e7f96; + --display-auburn-bgColor-muted: #271817; + --display-auburn-bgColor-emphasis: #a86f6b; + --display-auburn-fgColor: #bf9592; + --display-auburn-borderColor-muted: #3a2422; + --display-auburn-borderColor-emphasis: #a86f6b; + --display-brown-bgColor-muted: #241c14; + --display-brown-bgColor-emphasis: #94774c; + --display-brown-fgColor: #b69a6d; + --display-brown-borderColor-muted: #342a1d; + --display-brown-borderColor-emphasis: #94774c; + --display-lemon-bgColor-muted: #291d00; + --display-lemon-bgColor-emphasis: #977b0c; + --display-lemon-fgColor: #ba9b12; + --display-lemon-borderColor-muted: #372901; + --display-lemon-borderColor-emphasis: #977b0c; + --display-olive-bgColor-muted: #171e0b; + --display-olive-bgColor-emphasis: #7a8321; + --display-olive-fgColor: #a2a626; + --display-olive-borderColor-muted: #252d10; + --display-olive-borderColor-emphasis: #7a8321; + --display-lime-bgColor-muted: #141f0f; + --display-lime-bgColor-emphasis: #5f892f; + --display-lime-fgColor: #7dae37; + --display-lime-borderColor-muted: #1f3116; + --display-lime-borderColor-emphasis: #5f892f; + --display-pine-bgColor-muted: #082119; + --display-pine-bgColor-emphasis: #18915e; + --display-pine-fgColor: #1bb673; + --display-pine-borderColor-muted: #0b3224; + --display-pine-borderColor-emphasis: #18915e; + --display-teal-bgColor-muted: #041f25; + --display-teal-bgColor-emphasis: #158a8a; + --display-teal-fgColor: #1cb0ab; + --display-teal-borderColor-muted: #073036; + --display-teal-borderColor-emphasis: #158a8a; + --display-cyan-bgColor-muted: #001f29; + --display-cyan-bgColor-emphasis: #0587b3; + --display-cyan-fgColor: #07ace4; + --display-cyan-borderColor-muted: #002e3d; + --display-cyan-borderColor-emphasis: #0587b3; + --display-indigo-bgColor-muted: #1b183f; + --display-indigo-bgColor-emphasis: #7070e1; + --display-indigo-fgColor: #9899ec; + --display-indigo-borderColor-muted: #25215f; + --display-indigo-borderColor-emphasis: #7070e1; + --display-pink-bgColor-muted: #2d1524; + --display-pink-bgColor-emphasis: #d34591; + --display-pink-fgColor: #e57bb2; + --display-pink-borderColor-muted: #451c35; + --display-pink-borderColor-emphasis: #d34591; --avatar-bgColor: #ffffff1a; - --avatar-borderColor: #30363d80; + --avatar-borderColor: #ffffff26; --avatar-shadow: 0px 0px 0px 2px #0d1117; --avatarStack-fade-bgColor-default: #30363d; --avatarStack-fade-bgColor-muted: #21262d; --control-bgColor-rest: #21262d; --control-bgColor-hover: #292e36; --control-bgColor-active: #31363e; - --control-bgColor-disabled: #161b22; + --control-bgColor-disabled: #21262db3; --control-bgColor-selected: #161b22; --control-fgColor-rest: #c9d1d9; --control-fgColor-placeholder: #484f58; - --control-fgColor-disabled: #8b949e; + --control-fgColor-disabled: #6e7681; --control-borderColor-rest: #30363d; --control-borderColor-emphasis: #666e79; - --control-borderColor-disabled: #161b22; + --control-borderColor-disabled: #21262db3; --control-borderColor-selected: #f0f6fc; --control-borderColor-success: #238636; --control-borderColor-danger: #da3633; --control-borderColor-warning: #9e6a03; - --control-iconColor-rest: #848d97; + --control-iconColor-rest: #8d96a0; --control-transparent-bgColor-rest: #00000000; --control-transparent-bgColor-hover: #b1bac41f; --control-transparent-bgColor-active: #b1bac433; - --control-transparent-bgColor-disabled: #00000000; + --control-transparent-bgColor-disabled: #21262db3; --control-transparent-bgColor-selected: #b1bac414; --control-transparent-borderColor-rest: #00000000; --control-transparent-borderColor-hover: #00000000; @@ -487,26 +756,26 @@ --control-checked-bgColor-rest: #1f6feb; --control-checked-bgColor-hover: #2a7aef; --control-checked-bgColor-active: #3685f3; - --control-checked-bgColor-disabled: #8b949e; + --control-checked-bgColor-disabled: #6e7681; --control-checked-fgColor-rest: #ffffff; --control-checked-fgColor-disabled: #010409; --control-checked-borderColor-rest: #1f6feb; --control-checked-borderColor-hover: #2a7aef; --control-checked-borderColor-active: #3685f3; - --control-checked-borderColor-disabled: #8b949e; + --control-checked-borderColor-disabled: #6e7681; --controlTrack-bgColor-rest: #21262d; --controlTrack-bgColor-hover: #292e36; --controlTrack-bgColor-active: #31363e; - --controlTrack-bgColor-disabled: #8b949e; - --controlTrack-fgColor-rest: #848d97; + --controlTrack-bgColor-disabled: #6e7681; + --controlTrack-fgColor-rest: #8d96a0; --controlTrack-fgColor-disabled: #ffffff; --controlTrack-borderColor-rest: #00000000; - --controlTrack-borderColor-disabled: #8b949e; + --controlTrack-borderColor-disabled: #6e7681; --controlKnob-bgColor-rest: #010409; - --controlKnob-bgColor-disabled: #161b22; + --controlKnob-bgColor-disabled: #21262db3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #666e79; - --controlKnob-borderColor-disabled: #161b22; + --controlKnob-borderColor-disabled: #21262db3; --controlKnob-borderColor-checked: #1f6feb; --counter-borderColor: #00000000; --button-default-fgColor-rest: #c9d1d9; @@ -514,41 +783,41 @@ --button-default-bgColor-hover: #292e36; --button-default-bgColor-active: #31363e; --button-default-bgColor-selected: #31363e; - --button-default-bgColor-disabled: #161b22; + --button-default-bgColor-disabled: #21262db3; --button-default-borderColor-rest: #30363d; --button-default-borderColor-hover: #30363d; --button-default-borderColor-active: #30363d; - --button-default-borderColor-disabled: #161b22; + --button-default-borderColor-disabled: #21262db3; --button-default-shadow-resting: 0px 0px 0px 0px #000000; --button-primary-fgColor-rest: #ffffff; - --button-primary-fgColor-disabled: #ffffff80; + --button-primary-fgColor-disabled: #ffffff66; --button-primary-iconColor-rest: #ffffff; --button-primary-bgColor-rest: #238636; --button-primary-bgColor-hover: #29903b; --button-primary-bgColor-active: #2e9a40; - --button-primary-bgColor-disabled: #46bf57; + --button-primary-bgColor-disabled: #105823; --button-primary-borderColor-rest: #f0f6fc1a; --button-primary-borderColor-hover: #f0f6fc1a; --button-primary-borderColor-active: #f0f6fc1a; - --button-primary-borderColor-disabled: #46bf57; + --button-primary-borderColor-disabled: #105823; --button-primary-shadow-selected: 0px 0px 0px 0px #000000; - --button-invisible-fgColor-rest: #2f81f7; + --button-invisible-fgColor-rest: #4493f8; --button-invisible-fgColor-hover: #58a6ff; - --button-invisible-fgColor-disabled: #8b949e; - --button-invisible-iconColor-rest: #848d97; + --button-invisible-fgColor-disabled: #6e7681; + --button-invisible-iconColor-rest: #8d96a0; --button-invisible-iconColor-hover: #e6edf3; - --button-invisible-iconColor-disabled: #8b949e; + --button-invisible-iconColor-disabled: #6e7681; --button-invisible-bgColor-rest: #00000000; --button-invisible-bgColor-hover: #b1bac41f; --button-invisible-bgColor-active: #b1bac433; - --button-invisible-bgColor-disabled: #00000000; + --button-invisible-bgColor-disabled: #21262db3; --button-invisible-borderColor-rest: #00000000; --button-invisible-borderColor-hover: #00000000; - --button-invisible-borderColor-disabled: #161b22; + --button-invisible-borderColor-disabled: #21262db3; --button-outline-fgColor-rest: #388bfd; --button-outline-fgColor-hover: #58a6ff; --button-outline-fgColor-active: #ffffff; - --button-outline-fgColor-disabled: #2f81f780; + --button-outline-fgColor-disabled: #4493f880; --button-outline-bgColor-rest: #f0f6fc; --button-outline-bgColor-hover: #30363d; --button-outline-bgColor-active: #0d419d; @@ -565,13 +834,14 @@ --button-danger-bgColor-rest: #21262d; --button-danger-bgColor-hover: #b62324; --button-danger-bgColor-active: #d03533; - --button-danger-bgColor-disabled: #161b22; + --button-danger-bgColor-disabled: #21262db3; --button-danger-borderColor-rest: #30363d; --button-danger-borderColor-hover: #f0f6fc1a; --button-danger-borderColor-active: #f0f6fc1a; --button-danger-shadow-selected: 0px 0px 0px 0px #000000; - --button-inactive-fgColor-rest: #8b949e; - --button-inactive-bgColor-rest: #21262d; + --button-inactive-fgColor: #8b949e; + --button-inactive-bgColor: #21262d; + --button-star-iconColor: #e3b341; --buttonCounter-default-bgColor-rest: #30363d; --buttonCounter-invisible-bgColor-rest: #30363d; --buttonCounter-primary-bgColor-rest: #04260f33; @@ -580,47 +850,173 @@ --buttonCounter-outline-bgColor-disabled: #1f6feb0d; --buttonCounter-outline-fgColor-rest: #388bfd; --buttonCounter-outline-fgColor-hover: #58a6ff; - --buttonCounter-outline-fgColor-disabled: #2f81f780; + --buttonCounter-outline-fgColor-disabled: #4493f880; --buttonCounter-danger-bgColor-hover: #ffffff33; --buttonCounter-danger-bgColor-disabled: #da36330d; --buttonCounter-danger-bgColor-rest: #49020233; --buttonCounter-danger-fgColor-rest: #f85149; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #f8514980; + --reactionButton-selected-bgColor-rest: #388bfd33; + --reactionButton-selected-bgColor-hover: #3a8cfd5c; + --reactionButton-selected-fgColor-rest: #4493f8; + --reactionButton-selected-fgColor-hover: #79c0ff; --focus-outlineColor: #1f6feb; --menu-bgColor-active: #161b22; --overlay-bgColor: #161b22; + --overlay-borderColor: #30363db3; --overlay-backdrop-bgColor: #161b2266; --selectMenu-borderColor: #484f58; --selectMenu-bgColor-active: #0c2d6b; --sideNav-bgColor-selected: #21262d; --skeletonLoader-bgColor: #161b22; --timelineBadge-bgColor: #21262d; - --treeViewItem-leadingVisual-iconColor-rest: #848d97; + --treeViewItem-leadingVisual-iconColor-rest: #8d96a0; --underlineNav-borderColor-active: #f78166; --underlineNav-borderColor-hover: #6e768166; - --underlineNav-iconColor-rest: #848d97; + --underlineNav-iconColor-rest: #8d96a0; + --selection-bgColor: #1f6febb3; + --card-bgColor: #161b22; + --label-green-bgColor-rest: #122117; + --label-green-bgColor-hover: #182f1f; + --label-green-bgColor-active: #214529; + --label-green-fgColor-rest: #41b445; + --label-green-fgColor-hover: #46c144; + --label-green-fgColor-active: #75d36f; + --label-orange-bgColor-rest: #311708; + --label-orange-bgColor-hover: #43200a; + --label-orange-bgColor-active: #632f0d; + --label-orange-fgColor-rest: #ed8326; + --label-orange-fgColor-hover: #f1933b; + --label-orange-fgColor-active: #f6b06a; + --label-purple-bgColor-rest: #211047; + --label-purple-bgColor-hover: #31146b; + --label-purple-bgColor-active: #481a9e; + --label-purple-fgColor-rest: #b687f7; + --label-purple-fgColor-hover: #c398fb; + --label-purple-fgColor-active: #d2affd; + --label-red-bgColor-rest: #3c0614; + --label-red-bgColor-hover: #58091a; + --label-red-bgColor-active: #790c20; + --label-red-fgColor-rest: #f27d83; + --label-red-fgColor-hover: #f48b8d; + --label-red-fgColor-active: #f7adab; + --label-yellow-bgColor-rest: #2e1a00; + --label-yellow-bgColor-hover: #3d2401; + --label-yellow-bgColor-active: #5a3702; + --label-yellow-fgColor-rest: #d3910d; + --label-yellow-fgColor-hover: #df9e11; + --label-yellow-fgColor-active: #edb431; + --label-gray-bgColor-rest: #1c1c1c; + --label-gray-bgColor-hover: #2a2b2d; + --label-gray-bgColor-active: #393d41; + --label-gray-fgColor-rest: #92a1b5; + --label-gray-fgColor-hover: #9babbf; + --label-gray-fgColor-active: #b3c0d1; + --label-auburn-bgColor-rest: #271817; + --label-auburn-bgColor-hover: #3a2422; + --label-auburn-bgColor-active: #543331; + --label-auburn-fgColor-rest: #bf9592; + --label-auburn-fgColor-hover: #c6a19f; + --label-auburn-fgColor-active: #d4b7b5; + --label-brown-bgColor-rest: #241c14; + --label-brown-bgColor-hover: #342a1d; + --label-brown-bgColor-active: #483a28; + --label-brown-fgColor-rest: #b69a6d; + --label-brown-fgColor-hover: #bfa77d; + --label-brown-fgColor-active: #cdbb98; + --label-lemon-bgColor-rest: #291d00; + --label-lemon-bgColor-hover: #372901; + --label-lemon-bgColor-active: #4f3c02; + --label-lemon-fgColor-rest: #ba9b12; + --label-lemon-fgColor-hover: #c4a717; + --label-lemon-fgColor-active: #d7bc1d; + --label-olive-bgColor-rest: #171e0b; + --label-olive-bgColor-hover: #252d10; + --label-olive-bgColor-active: #374115; + --label-olive-fgColor-rest: #a2a626; + --label-olive-fgColor-hover: #b2af24; + --label-olive-fgColor-active: #cbc025; + --label-lime-bgColor-rest: #141f0f; + --label-lime-bgColor-hover: #1f3116; + --label-lime-bgColor-active: #2c441d; + --label-lime-fgColor-rest: #7dae37; + --label-lime-fgColor-hover: #89ba36; + --label-lime-fgColor-active: #9fcc3e; + --label-pine-bgColor-rest: #082119; + --label-pine-bgColor-hover: #0b3224; + --label-pine-bgColor-active: #0e4430; + --label-pine-fgColor-rest: #1bb673; + --label-pine-fgColor-hover: #1ac176; + --label-pine-fgColor-active: #1bda81; + --label-teal-bgColor-rest: #041f25; + --label-teal-bgColor-hover: #073036; + --label-teal-bgColor-active: #0a464d; + --label-teal-fgColor-rest: #1cb0ab; + --label-teal-fgColor-hover: #1fbdb2; + --label-teal-fgColor-active: #24d6c4; + --label-cyan-bgColor-rest: #001f29; + --label-cyan-bgColor-hover: #002e3d; + --label-cyan-bgColor-active: #014156; + --label-cyan-fgColor-rest: #07ace4; + --label-cyan-fgColor-hover: #09b7f1; + --label-cyan-fgColor-active: #45cbf7; + --label-indigo-bgColor-rest: #1b183f; + --label-indigo-bgColor-hover: #25215f; + --label-indigo-bgColor-active: #312c90; + --label-indigo-fgColor-rest: #9899ec; + --label-indigo-fgColor-hover: #a2a5f1; + --label-indigo-fgColor-active: #b7baf6; + --label-blue-bgColor-rest: #001a47; + --label-blue-bgColor-hover: #002766; + --label-blue-bgColor-active: #00378a; + --label-blue-fgColor-rest: #4da0ff; + --label-blue-fgColor-hover: #61adff; + --label-blue-fgColor-active: #85c2ff; + --label-plum-bgColor-rest: #2a0e3f; + --label-plum-bgColor-hover: #40125e; + --label-plum-bgColor-active: #5c1688; + --label-plum-fgColor-rest: #d07ef7; + --label-plum-fgColor-hover: #d889fa; + --label-plum-fgColor-active: #e4a5fd; + --label-pink-bgColor-rest: #2d1524; + --label-pink-bgColor-hover: #451c35; + --label-pink-bgColor-active: #65244a; + --label-pink-fgColor-rest: #e57bb2; + --label-pink-fgColor-hover: #ec8dbd; + --label-pink-fgColor-active: #f4a9cd; + --label-coral-bgColor-rest: #351008; + --label-coral-bgColor-hover: #51180b; + --label-coral-bgColor-active: #72220d; + --label-coral-fgColor-rest: #f7794b; + --label-coral-fgColor-hover: #fa8c61; + --label-coral-fgColor-active: #fdaa86; --fgColor-default: #e6edf3; - --fgColor-muted: #848d97; + --fgColor-muted: #8d96a0; --fgColor-onEmphasis: #ffffff; - --fgColor-disabled: #8b949e; - --fgColor-link: #2f81f7; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #6e7681; + --fgColor-link: #4493f8; --fgColor-neutral: #6e7681; - --fgColor-accent: #2f81f7; + --fgColor-accent: #4493f8; --fgColor-success: #3fb950; --fgColor-attention: #d29922; --fgColor-severe: #db6d28; --fgColor-danger: #f85149; --fgColor-open: #3fb950; --fgColor-closed: #f85149; - --fgColor-done: #a371f7; + --fgColor-done: #ab7df8; + --fgColor-upsell: #ab7df8; --fgColor-sponsors: #db61a2; --bgColor-default: #0d1117; --bgColor-muted: #161b22; --bgColor-inset: #010409; --bgColor-emphasis: #6e7681; --bgColor-inverse: #ffffff; - --bgColor-disabled: #161b22; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #21262db3; --bgColor-transparent: #00000000; --bgColor-neutral-muted: #6e768166; --bgColor-neutral-emphasis: #6e7681; @@ -638,14 +1034,16 @@ --bgColor-open-emphasis: #238636; --bgColor-closed-muted: #f8514926; --bgColor-closed-emphasis: #da3633; - --bgColor-done-muted: #a371f726; + --bgColor-done-muted: #ab7df826; --bgColor-done-emphasis: #8957e5; + --bgColor-upsell-muted: #ab7df826; + --bgColor-upsell-emphasis: #8957e5; --bgColor-sponsors-muted: #db61a21a; --bgColor-sponsors-emphasis: #bf4b8a; --borderColor-default: #30363d; - --borderColor-muted: #30363d80; + --borderColor-muted: #30363db3; --borderColor-emphasis: #484f58; - --borderColor-disabled: #161b22; + --borderColor-disabled: #21262db3; --borderColor-transparent: #00000000; --borderColor-neutral-muted: #6e768166; --borderColor-neutral-emphasis: #6e7681; @@ -663,8 +1061,10 @@ --borderColor-open-emphasis: #238636; --borderColor-closed-muted: #f8514966; --borderColor-closed-emphasis: #da3633; - --borderColor-done-muted: #a371f766; + --borderColor-done-muted: #ab7df866; --borderColor-done-emphasis: #8957e5; + --borderColor-upsell-muted: #ab7df866; + --borderColor-upsell-emphasis: #8957e5; --borderColor-sponsors-muted: #db61a266; --borderColor-sponsors-emphasis: #bf4b8a; --color-ansi-black: #484f58; @@ -680,7 +1080,7 @@ --color-ansi-yellow-bright: #e3b341; --color-ansi-blue: #58a6ff; --color-ansi-blue-bright: #79c0ff; - --color-ansi-magenta: #bc8cff; + --color-ansi-magenta: #be8fff; --color-ansi-magenta-bright: #d2a8ff; --color-ansi-cyan: #39c5cf; --color-ansi-cyan-bright: #56d4dd; @@ -714,107 +1114,15 @@ --color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-meta-diff-range: #d2a8ff; --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; - --color-scale-black: #010409; - --color-scale-transparent: #00000000; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f0f6fc; - --color-scale-gray-1: #c9d1d9; - --color-scale-gray-2: #b1bac4; - --color-scale-gray-3: #8b949e; - --color-scale-gray-4: #6e7681; - --color-scale-gray-5: #484f58; - --color-scale-gray-6: #30363d; - --color-scale-gray-7: #21262d; - --color-scale-gray-8: #161b22; - --color-scale-gray-9: #0d1117; - --color-scale-blue-0: #cae8ff; - --color-scale-blue-1: #a5d6ff; - --color-scale-blue-2: #79c0ff; - --color-scale-blue-3: #58a6ff; - --color-scale-blue-4: #388bfd; - --color-scale-blue-5: #1f6feb; - --color-scale-blue-6: #1158c7; - --color-scale-blue-7: #0d419d; - --color-scale-blue-8: #0c2d6b; - --color-scale-blue-9: #051d4d; - --color-scale-green-0: #aff5b4; - --color-scale-green-1: #7ee787; - --color-scale-green-2: #56d364; - --color-scale-green-3: #3fb950; - --color-scale-green-4: #2ea043; - --color-scale-green-5: #238636; - --color-scale-green-6: #196c2e; - --color-scale-green-7: #0f5323; - --color-scale-green-8: #033a16; - --color-scale-green-9: #04260f; - --color-scale-yellow-0: #f8e3a1; - --color-scale-yellow-1: #f2cc60; - --color-scale-yellow-2: #e3b341; - --color-scale-yellow-3: #d29922; - --color-scale-yellow-4: #bb8009; - --color-scale-yellow-5: #9e6a03; - --color-scale-yellow-6: #845306; - --color-scale-yellow-7: #693e00; - --color-scale-yellow-8: #4b2900; - --color-scale-yellow-9: #341a00; - --color-scale-orange-0: #ffdfb6; - --color-scale-orange-1: #ffc680; - --color-scale-orange-2: #ffa657; - --color-scale-orange-3: #f0883e; - --color-scale-orange-4: #db6d28; - --color-scale-orange-5: #bd561d; - --color-scale-orange-6: #9b4215; - --color-scale-orange-7: #762d0a; - --color-scale-orange-8: #5a1e02; - --color-scale-orange-9: #3d1300; - --color-scale-red-0: #ffdcd7; - --color-scale-red-1: #ffc1ba; - --color-scale-red-2: #ffa198; - --color-scale-red-3: #ff7b72; - --color-scale-red-4: #f85149; - --color-scale-red-5: #da3633; - --color-scale-red-6: #b62324; - --color-scale-red-7: #8e1519; - --color-scale-red-8: #67060c; - --color-scale-red-9: #490202; - --color-scale-purple-0: #eddeff; - --color-scale-purple-1: #e2c5ff; - --color-scale-purple-2: #d2a8ff; - --color-scale-purple-3: #bc8cff; - --color-scale-purple-4: #a371f7; - --color-scale-purple-5: #8957e5; - --color-scale-purple-6: #6e40c9; - --color-scale-purple-7: #553098; - --color-scale-purple-8: #3c1e70; - --color-scale-purple-9: #271052; - --color-scale-pink-0: #ffdaec; - --color-scale-pink-1: #ffbedd; - --color-scale-pink-2: #ff9bce; - --color-scale-pink-3: #f778ba; - --color-scale-pink-4: #db61a2; - --color-scale-pink-5: #bf4b8a; - --color-scale-pink-6: #9e3670; - --color-scale-pink-7: #7d2457; - --color-scale-pink-8: #5e103e; - --color-scale-pink-9: #42062a; - --color-scale-coral-0: #ffddd2; - --color-scale-coral-1: #ffc2b2; - --color-scale-coral-2: #ffa28b; - --color-scale-coral-3: #f78166; - --color-scale-coral-4: #ea6045; - --color-scale-coral-5: #cf462d; - --color-scale-coral-6: #ac3220; - --color-scale-coral-7: #872012; - --color-scale-coral-8: #640d04; - --color-scale-coral-9: #460701; --shadow-inset: inset 0px 1px 0px 0px #0104093d; --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; - --shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; + --shadow-resting-small: 0px 1px 0px 0px #01040966; --shadow-resting-medium: 0px 3px 6px 0px #010409cc; - --shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; - --shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; - --shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409; - --shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409; + --shadow-floating-small: 0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; + --shadow-floating-medium: 0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; + --shadow-floating-large: 0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409; + --shadow-floating-xlarge: 0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409; + --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; --outline-focus: #1f6feb solid 2px; } } diff --git a/dist/css/functional/themes/light-colorblind.css b/dist/css/functional/themes/light-colorblind.css index d84811fa6..67c6a06ff 100644 --- a/dist/css/functional/themes/light-colorblind.css +++ b/dist/css/functional/themes/light-colorblind.css @@ -42,22 +42,137 @@ --header-borderColor-divider: #57606a; --headerSearch-bgColor: #24292f; --headerSearch-borderColor: #57606a; + --data-blue-color: #006edb; + --data-blue-color-muted: #d1f0ff; + --data-auburn-color: #9d615c; + --data-auburn-color-muted: #f2e9e9; + --data-orange-color: #eb670f; + --data-orange-color-muted: #ffe7d1; + --data-yellow-color: #b88700; + --data-yellow-color-muted: #ffec9e; + --data-green-color: #30a147; + --data-green-color-muted: #caf7ca; + --data-teal-color: #179b9b; + --data-teal-color-muted: #c7f5ef; + --data-purple-color: #894ceb; + --data-purple-color-muted: #f1e5ff; + --data-pink-color: #ce2c85; + --data-pink-color-muted: #ffe5f1; + --data-red-color: #df0c24; + --data-red-color-muted: #ffe2e0; + --data-gray-color: #808fa3; + --data-gray-color-muted: #e8ecf2; + --display-blue-bgColor-muted: #d1f0ff; + --display-blue-bgColor-emphasis: #006edb; + --display-blue-fgColor: #005fcc; + --display-blue-borderColor-muted: #ade1ff; + --display-blue-borderColor-emphasis: #006edb; + --display-green-bgColor-muted: #caf7ca; + --display-green-bgColor-emphasis: #2c8141; + --display-green-fgColor: #2b6e3f; + --display-green-borderColor-muted: #9ceda0; + --display-green-borderColor-emphasis: #2c8141; + --display-orange-bgColor-muted: #ffe7d1; + --display-orange-bgColor-emphasis: #b8500f; + --display-orange-fgColor: #a24610; + --display-orange-borderColor-muted: #fecfaa; + --display-orange-borderColor-emphasis: #b8500f; + --display-purple-bgColor-muted: #f1e5ff; + --display-purple-bgColor-emphasis: #894ceb; + --display-purple-fgColor: #783ae4; + --display-purple-borderColor-muted: #e6d2fe; + --display-purple-borderColor-emphasis: #894ceb; + --display-plum-bgColor-muted: #f8e5ff; + --display-plum-bgColor-emphasis: #a830e8; + --display-plum-fgColor: #961edc; + --display-plum-borderColor-muted: #f0cdfe; + --display-plum-borderColor-emphasis: #a830e8; + --display-red-bgColor-muted: #ffe2e0; + --display-red-bgColor-emphasis: #df0c24; + --display-red-fgColor: #c50d28; + --display-red-borderColor-muted: #fecdcd; + --display-red-borderColor-emphasis: #df0c24; + --display-coral-bgColor-muted: #ffe5db; + --display-coral-bgColor-emphasis: #d43511; + --display-coral-fgColor: #ba2e12; + --display-coral-borderColor-muted: #fecebe; + --display-coral-borderColor-emphasis: #d43511; + --display-yellow-bgColor-muted: #ffec9e; + --display-yellow-bgColor-emphasis: #946a00; + --display-yellow-fgColor: #805900; + --display-yellow-borderColor-muted: #ffd642; + --display-yellow-borderColor-emphasis: #946a00; + --display-gray-bgColor-muted: #e8ecf2; + --display-gray-bgColor-emphasis: #647182; + --display-gray-fgColor: #5c6570; + --display-gray-borderColor-muted: #d2dae4; + --display-gray-borderColor-emphasis: #647182; + --display-auburn-bgColor-muted: #f2e9e9; + --display-auburn-bgColor-emphasis: #9d615c; + --display-auburn-fgColor: #8a5551; + --display-auburn-borderColor-muted: #e6d6d5; + --display-auburn-borderColor-emphasis: #9d615c; + --display-brown-bgColor-muted: #eeeae2; + --display-brown-bgColor-emphasis: #856d4c; + --display-brown-fgColor: #755f43; + --display-brown-borderColor-muted: #dfd7c8; + --display-brown-borderColor-emphasis: #856d4c; + --display-lemon-bgColor-muted: #f7eea1; + --display-lemon-bgColor-emphasis: #866e04; + --display-lemon-fgColor: #786002; + --display-lemon-borderColor-muted: #f0db3d; + --display-lemon-borderColor-emphasis: #866e04; + --display-olive-bgColor-muted: #f0f0ad; + --display-olive-bgColor-emphasis: #64762d; + --display-olive-fgColor: #56682c; + --display-olive-borderColor-muted: #dbe170; + --display-olive-borderColor-emphasis: #64762d; + --display-lime-bgColor-muted: #e3f2b5; + --display-lime-bgColor-emphasis: #527a29; + --display-lime-fgColor: #476c28; + --display-lime-borderColor-muted: #c7e580; + --display-lime-borderColor-emphasis: #527a29; + --display-pine-bgColor-muted: #bff8db; + --display-pine-bgColor-emphasis: #167e53; + --display-pine-fgColor: #156f4b; + --display-pine-borderColor-muted: #80efb9; + --display-pine-borderColor-emphasis: #167e53; + --display-teal-bgColor-muted: #c7f5ef; + --display-teal-bgColor-emphasis: #127e81; + --display-teal-fgColor: #106e75; + --display-teal-borderColor-muted: #89ebe1; + --display-teal-borderColor-emphasis: #127e81; + --display-cyan-bgColor-muted: #bdf4ff; + --display-cyan-bgColor-emphasis: #007b94; + --display-cyan-fgColor: #006a80; + --display-cyan-borderColor-muted: #7ae9ff; + --display-cyan-borderColor-emphasis: #007b94; + --display-indigo-bgColor-muted: #e5e9ff; + --display-indigo-bgColor-emphasis: #5a61e7; + --display-indigo-fgColor: #494edf; + --display-indigo-borderColor-muted: #d2d7fe; + --display-indigo-borderColor-emphasis: #5a61e7; + --display-pink-bgColor-muted: #ffe5f1; + --display-pink-bgColor-emphasis: #ce2c85; + --display-pink-fgColor: #b12f79; + --display-pink-borderColor-muted: #fdc9e2; + --display-pink-borderColor-emphasis: #ce2c85; --avatar-bgColor: #ffffff; - --avatar-borderColor: #d0d7de; + --avatar-borderColor: #1f232826; --avatar-shadow: 0px 0px 0px 2px #ffffffcc; --avatarStack-fade-bgColor-default: #afb8c1; --avatarStack-fade-bgColor-muted: #d0d7de; --control-bgColor-rest: #f6f8fa; --control-bgColor-hover: #eef1f4; --control-bgColor-active: #e7ebef; - --control-bgColor-disabled: #f6f8fa; + --control-bgColor-disabled: #eaeef2b3; --control-bgColor-selected: #f6f8fa; --control-fgColor-rest: #24292f; --control-fgColor-placeholder: #6e7781; --control-fgColor-disabled: #8c959f; --control-borderColor-rest: #d0d7de; --control-borderColor-emphasis: #868f99; - --control-borderColor-disabled: #f6f8fa; + --control-borderColor-disabled: #eaeef2b3; --control-borderColor-selected: #f6f8fa; --control-borderColor-success: #218bff; --control-borderColor-danger: #bc4c00; @@ -66,7 +181,7 @@ --control-transparent-bgColor-rest: #ffffff00; --control-transparent-bgColor-hover: #d0d7de33; --control-transparent-bgColor-active: #d0d7de66; - --control-transparent-bgColor-disabled: #ffffff00; + --control-transparent-bgColor-disabled: #eaeef2b3; --control-transparent-bgColor-selected: #d0d7de33; --control-transparent-borderColor-rest: #ffffff00; --control-transparent-borderColor-hover: #ffffff00; @@ -94,10 +209,10 @@ --controlTrack-borderColor-rest: #ffffff00; --controlTrack-borderColor-disabled: #8c959f; --controlKnob-bgColor-rest: #ffffff; - --controlKnob-bgColor-disabled: #f6f8fa; + --controlKnob-bgColor-disabled: #eaeef2b3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #868f99; - --controlKnob-borderColor-disabled: #f6f8fa; + --controlKnob-borderColor-disabled: #eaeef2b3; --controlKnob-borderColor-checked: #0969da; --counter-borderColor: #ffffff00; --button-default-fgColor-rest: #24292f; @@ -105,11 +220,11 @@ --button-default-bgColor-hover: #eef1f4; --button-default-bgColor-active: #e7ebef; --button-default-bgColor-selected: #e7ebef; - --button-default-bgColor-disabled: #f6f8fa; + --button-default-bgColor-disabled: #eaeef2b3; --button-default-borderColor-rest: #d0d7de; --button-default-borderColor-hover: #d0d7de; --button-default-borderColor-active: #d0d7de; - --button-default-borderColor-disabled: #f6f8fa; + --button-default-borderColor-disabled: #eaeef2b3; --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #ffffffcc; @@ -132,10 +247,10 @@ --button-invisible-bgColor-rest: #ffffff00; --button-invisible-bgColor-hover: #d0d7de33; --button-invisible-bgColor-active: #d0d7de66; - --button-invisible-bgColor-disabled: #ffffff00; + --button-invisible-bgColor-disabled: #eaeef2b3; --button-invisible-borderColor-rest: #ffffff00; --button-invisible-borderColor-hover: #ffffff00; - --button-invisible-borderColor-disabled: #f6f8fa; + --button-invisible-borderColor-disabled: #eaeef2b3; --button-outline-fgColor-rest: #0969da; --button-outline-fgColor-hover: #ffffff; --button-outline-fgColor-active: #ffffff; @@ -156,13 +271,14 @@ --button-danger-bgColor-rest: #f6f8fa; --button-danger-bgColor-hover: #953800; --button-danger-bgColor-active: #7e2f00; - --button-danger-bgColor-disabled: #f6f8fa; + --button-danger-bgColor-disabled: #eaeef2b3; --button-danger-borderColor-rest: #d0d7de; --button-danger-borderColor-hover: #1f232826; --button-danger-borderColor-active: #1f232826; --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033; - --button-inactive-fgColor-rest: #57606a; - --button-inactive-bgColor-rest: #eaeef2; + --button-inactive-fgColor: #57606a; + --button-inactive-bgColor: #eaeef2; + --button-star-iconColor: #eac54f; --buttonCounter-default-bgColor-rest: #afb8c133; --buttonCounter-invisible-bgColor-rest: #afb8c133; --buttonCounter-primary-bgColor-rest: #002d1133; @@ -178,10 +294,15 @@ --buttonCounter-danger-fgColor-rest: #c21c2c; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #be4e0280; + --reactionButton-selected-bgColor-rest: #ddf4ff; + --reactionButton-selected-bgColor-hover: #caecff; + --reactionButton-selected-fgColor-rest: #0969da; + --reactionButton-selected-fgColor-hover: #0550ae; --focus-outlineColor: #0969da; --focus-outline: #0969da solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; + --overlay-borderColor: #d0d7de80; --overlay-backdrop-bgColor: #8c959f33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #b6e3ff; @@ -192,9 +313,127 @@ --underlineNav-borderColor-active: #fd8c73; --underlineNav-borderColor-hover: #afb8c133; --underlineNav-iconColor-rest: #636c76; + --selection-bgColor: #0969da33; + --card-bgColor: #ffffff; + --label-green-bgColor-rest: #caf7ca; + --label-green-bgColor-hover: #9ceda0; + --label-green-bgColor-active: #54d961; + --label-green-fgColor-rest: #2b6e3f; + --label-green-fgColor-hover: #285c3b; + --label-green-fgColor-active: #254b34; + --label-orange-bgColor-rest: #ffe7d1; + --label-orange-bgColor-hover: #fecfaa; + --label-orange-bgColor-active: #fbaf74; + --label-orange-fgColor-rest: #a24610; + --label-orange-fgColor-hover: #8d3c11; + --label-orange-fgColor-active: #70300f; + --label-purple-bgColor-rest: #f1e5ff; + --label-purple-bgColor-hover: #e6d2fe; + --label-purple-bgColor-active: #d1b1fc; + --label-purple-fgColor-rest: #783ae4; + --label-purple-fgColor-hover: #6223d7; + --label-purple-fgColor-active: #4f21ab; + --label-red-bgColor-rest: #ffe2e0; + --label-red-bgColor-hover: #fecdcd; + --label-red-bgColor-active: #fda5a7; + --label-red-fgColor-rest: #c50d28; + --label-red-fgColor-hover: #a60c29; + --label-red-fgColor-active: #880c27; + --label-yellow-bgColor-rest: #ffec9e; + --label-yellow-bgColor-hover: #ffd642; + --label-yellow-bgColor-active: #ebb400; + --label-yellow-fgColor-rest: #805900; + --label-yellow-fgColor-hover: #704d00; + --label-yellow-fgColor-active: #5c3d00; + --label-gray-bgColor-rest: #e8ecf2; + --label-gray-bgColor-hover: #d2dae4; + --label-gray-bgColor-active: #b4c0cf; + --label-gray-fgColor-rest: #5c6570; + --label-gray-fgColor-hover: #4e535a; + --label-gray-fgColor-active: #424448; + --label-auburn-bgColor-rest: #f2e9e9; + --label-auburn-bgColor-hover: #e6d6d5; + --label-auburn-bgColor-active: #d4b7b5; + --label-auburn-fgColor-rest: #8a5551; + --label-auburn-fgColor-hover: #744744; + --label-auburn-fgColor-active: #5d3937; + --label-brown-bgColor-rest: #eeeae2; + --label-brown-bgColor-hover: #dfd7c8; + --label-brown-bgColor-active: #cbbda4; + --label-brown-fgColor-rest: #755f43; + --label-brown-fgColor-hover: #64513a; + --label-brown-fgColor-active: #51412f; + --label-lemon-bgColor-rest: #f7eea1; + --label-lemon-bgColor-hover: #f0db3d; + --label-lemon-bgColor-active: #d8bd0e; + --label-lemon-fgColor-rest: #786002; + --label-lemon-fgColor-hover: #654f01; + --label-lemon-fgColor-active: #523f00; + --label-olive-bgColor-rest: #f0f0ad; + --label-olive-bgColor-hover: #dbe170; + --label-olive-bgColor-active: #b9c832; + --label-olive-fgColor-rest: #56682c; + --label-olive-fgColor-hover: #495a2b; + --label-olive-fgColor-active: #3b4927; + --label-lime-bgColor-rest: #e3f2b5; + --label-lime-bgColor-hover: #c7e580; + --label-lime-bgColor-active: #9bd039; + --label-lime-fgColor-rest: #476c28; + --label-lime-fgColor-hover: #3a5b25; + --label-lime-fgColor-active: #2f4a21; + --label-pine-bgColor-rest: #bff8db; + --label-pine-bgColor-hover: #80efb9; + --label-pine-bgColor-active: #1dd781; + --label-pine-fgColor-rest: #156f4b; + --label-pine-fgColor-hover: #135d41; + --label-pine-fgColor-active: #114b36; + --label-teal-bgColor-rest: #c7f5ef; + --label-teal-bgColor-hover: #89ebe1; + --label-teal-bgColor-active: #22d3c7; + --label-teal-fgColor-rest: #106e75; + --label-teal-fgColor-hover: #0d5b63; + --label-teal-fgColor-active: #0a4852; + --label-cyan-bgColor-rest: #bdf4ff; + --label-cyan-bgColor-hover: #7ae9ff; + --label-cyan-bgColor-active: #00d0fa; + --label-cyan-fgColor-rest: #006a80; + --label-cyan-fgColor-hover: #00596b; + --label-cyan-fgColor-active: #004857; + --label-indigo-bgColor-rest: #e5e9ff; + --label-indigo-bgColor-hover: #d2d7fe; + --label-indigo-bgColor-active: #b1b9fb; + --label-indigo-fgColor-rest: #494edf; + --label-indigo-fgColor-hover: #393cd5; + --label-indigo-fgColor-active: #2d2db4; + --label-blue-bgColor-rest: #d1f0ff; + --label-blue-bgColor-hover: #ade1ff; + --label-blue-bgColor-active: #75c8ff; + --label-blue-fgColor-rest: #005fcc; + --label-blue-fgColor-hover: #004db3; + --label-blue-fgColor-active: #003d99; + --label-plum-bgColor-rest: #f8e5ff; + --label-plum-bgColor-hover: #f0cdfe; + --label-plum-bgColor-active: #e2a7fb; + --label-plum-fgColor-rest: #961edc; + --label-plum-fgColor-hover: #7d1eb8; + --label-plum-fgColor-active: #651d96; + --label-pink-bgColor-rest: #ffe5f1; + --label-pink-bgColor-hover: #fdc9e2; + --label-pink-bgColor-active: #f8a5cf; + --label-pink-fgColor-rest: #b12f79; + --label-pink-fgColor-hover: #8e2e66; + --label-pink-fgColor-active: #6e2b53; + --label-coral-bgColor-rest: #ffe5db; + --label-coral-bgColor-hover: #fecebe; + --label-coral-bgColor-active: #fcab92; + --label-coral-fgColor-rest: #ba2e12; + --label-coral-fgColor-hover: #9b2712; + --label-coral-fgColor-active: #7e2011; --fgColor-default: #1f2328; --fgColor-muted: #636c76; --fgColor-onEmphasis: #ffffff; + --fgColor-white: #ffffff; + --fgColor-black: #1f2328; --fgColor-disabled: #8c959f; --fgColor-link: #0969da; --fgColor-neutral: #6e7781; @@ -206,13 +445,16 @@ --fgColor-open: #bc4c00; --fgColor-closed: #6e7781; --fgColor-done: #8250df; + --fgColor-upsell: #8250df; --fgColor-sponsors: #bf3989; --bgColor-default: #ffffff; --bgColor-muted: #f6f8fa; --bgColor-inset: #f6f8fa; --bgColor-emphasis: #24292f; --bgColor-inverse: #24292f; - --bgColor-disabled: #f6f8fa; + --bgColor-white: #ffffff; + --bgColor-black: #1f2328; + --bgColor-disabled: #eaeef2b3; --bgColor-transparent: #ffffff00; --bgColor-neutral-muted: #afb8c133; --bgColor-neutral-emphasis: #6e7781; @@ -232,12 +474,14 @@ --bgColor-closed-emphasis: #6e7781; --bgColor-done-muted: #fbefff; --bgColor-done-emphasis: #8250df; + --bgColor-upsell-muted: #fbefff; + --bgColor-upsell-emphasis: #8250df; --bgColor-sponsors-muted: #ffeff7; --bgColor-sponsors-emphasis: #bf3989; --borderColor-default: #d0d7de; - --borderColor-muted: #d0d7de80; + --borderColor-muted: #d0d7deb3; --borderColor-emphasis: #6e7781; - --borderColor-disabled: #f6f8fa; + --borderColor-disabled: #eaeef2b3; --borderColor-transparent: #ffffff00; --borderColor-neutral-muted: #afb8c133; --borderColor-neutral-emphasis: #6e7781; @@ -257,6 +501,8 @@ --borderColor-closed-emphasis: #6e7781; --borderColor-done-muted: #c297ff66; --borderColor-done-emphasis: #8250df; + --borderColor-upsell-muted: #c297ff66; + --borderColor-upsell-emphasis: #8250df; --borderColor-sponsors-muted: #ff80c866; --borderColor-sponsors-emphasis: #bf3989; --color-ansi-black: #24292f; @@ -306,107 +552,15 @@ --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-scale-black: #1f2328; - --color-scale-transparent: #ffffff00; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f6f8fa; - --color-scale-gray-1: #eaeef2; - --color-scale-gray-2: #d0d7de; - --color-scale-gray-3: #afb8c1; - --color-scale-gray-4: #8c959f; - --color-scale-gray-5: #6e7781; - --color-scale-gray-6: #57606a; - --color-scale-gray-7: #424a53; - --color-scale-gray-8: #32383f; - --color-scale-gray-9: #24292f; - --color-scale-blue-0: #ddf4ff; - --color-scale-blue-1: #b6e3ff; - --color-scale-blue-2: #80ccff; - --color-scale-blue-3: #54aeff; - --color-scale-blue-4: #218bff; - --color-scale-blue-5: #0969da; - --color-scale-blue-6: #0550ae; - --color-scale-blue-7: #033d8b; - --color-scale-blue-8: #0a3069; - --color-scale-blue-9: #002155; - --color-scale-green-0: #ddf4ff; - --color-scale-green-1: #b6e3ff; - --color-scale-green-2: #80ccff; - --color-scale-green-3: #54aeff; - --color-scale-green-4: #218bff; - --color-scale-green-5: #0969da; - --color-scale-green-6: #0550ae; - --color-scale-green-7: #033d8b; - --color-scale-green-8: #0a3069; - --color-scale-green-9: #002155; - --color-scale-yellow-0: #fff8c5; - --color-scale-yellow-1: #fae17d; - --color-scale-yellow-2: #eac54f; - --color-scale-yellow-3: #d4a72c; - --color-scale-yellow-4: #bf8700; - --color-scale-yellow-5: #9a6700; - --color-scale-yellow-6: #7d4e00; - --color-scale-yellow-7: #633c01; - --color-scale-yellow-8: #4d2d00; - --color-scale-yellow-9: #3b2300; - --color-scale-orange-0: #fff1e5; - --color-scale-orange-1: #ffd8b5; - --color-scale-orange-2: #ffb77c; - --color-scale-orange-3: #fb8f44; - --color-scale-orange-4: #e16f24; - --color-scale-orange-5: #bc4c00; - --color-scale-orange-6: #953800; - --color-scale-orange-7: #762c00; - --color-scale-orange-8: #5c2200; - --color-scale-orange-9: #471700; - --color-scale-red-0: #fff1e5; - --color-scale-red-1: #ffd8b5; - --color-scale-red-2: #ffb77c; - --color-scale-red-3: #fb8f44; - --color-scale-red-4: #e16f24; - --color-scale-red-5: #bc4c00; - --color-scale-red-6: #953800; - --color-scale-red-7: #762c00; - --color-scale-red-8: #5c2200; - --color-scale-red-9: #471700; - --color-scale-purple-0: #fbefff; - --color-scale-purple-1: #ecd8ff; - --color-scale-purple-2: #d8b9ff; - --color-scale-purple-3: #c297ff; - --color-scale-purple-4: #a475f9; - --color-scale-purple-5: #8250df; - --color-scale-purple-6: #6639ba; - --color-scale-purple-7: #512a97; - --color-scale-purple-8: #3e1f79; - --color-scale-purple-9: #2e1461; - --color-scale-pink-0: #ffeff7; - --color-scale-pink-1: #ffd3eb; - --color-scale-pink-2: #ffadda; - --color-scale-pink-3: #ff80c8; - --color-scale-pink-4: #e85aad; - --color-scale-pink-5: #bf3989; - --color-scale-pink-6: #99286e; - --color-scale-pink-7: #772057; - --color-scale-pink-8: #611347; - --color-scale-pink-9: #4d0336; - --color-scale-coral-0: #fff0eb; - --color-scale-coral-1: #ffd6cc; - --color-scale-coral-2: #ffb4a1; - --color-scale-coral-3: #fd8c73; - --color-scale-coral-4: #ec6547; - --color-scale-coral-5: #c4432b; - --color-scale-coral-6: #9e2f1c; - --color-scale-coral-7: #801f0f; - --color-scale-coral-8: #691105; - --color-scale-coral-9: #510901; --shadow-inset: inset 0px 1px 0px 0px #1f23280a; --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; - --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; + --shadow-resting-small: 0px 1px 0px 0px #1f23280a; --shadow-resting-medium: 0px 3px 6px 0px #424a531f; - --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; - --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; - --shadow-floating-large: 0px 40px 80px 0px #424a533d; - --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352; + --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; + --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; + --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d; + --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352; + --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; } @media (prefers-color-scheme: dark) { [data-color-mode="auto"][data-dark-theme="light_colorblind"], @@ -451,22 +605,137 @@ --header-borderColor-divider: #57606a; --headerSearch-bgColor: #24292f; --headerSearch-borderColor: #57606a; + --data-blue-color: #006edb; + --data-blue-color-muted: #d1f0ff; + --data-auburn-color: #9d615c; + --data-auburn-color-muted: #f2e9e9; + --data-orange-color: #eb670f; + --data-orange-color-muted: #ffe7d1; + --data-yellow-color: #b88700; + --data-yellow-color-muted: #ffec9e; + --data-green-color: #30a147; + --data-green-color-muted: #caf7ca; + --data-teal-color: #179b9b; + --data-teal-color-muted: #c7f5ef; + --data-purple-color: #894ceb; + --data-purple-color-muted: #f1e5ff; + --data-pink-color: #ce2c85; + --data-pink-color-muted: #ffe5f1; + --data-red-color: #df0c24; + --data-red-color-muted: #ffe2e0; + --data-gray-color: #808fa3; + --data-gray-color-muted: #e8ecf2; + --display-blue-bgColor-muted: #d1f0ff; + --display-blue-bgColor-emphasis: #006edb; + --display-blue-fgColor: #005fcc; + --display-blue-borderColor-muted: #ade1ff; + --display-blue-borderColor-emphasis: #006edb; + --display-green-bgColor-muted: #caf7ca; + --display-green-bgColor-emphasis: #2c8141; + --display-green-fgColor: #2b6e3f; + --display-green-borderColor-muted: #9ceda0; + --display-green-borderColor-emphasis: #2c8141; + --display-orange-bgColor-muted: #ffe7d1; + --display-orange-bgColor-emphasis: #b8500f; + --display-orange-fgColor: #a24610; + --display-orange-borderColor-muted: #fecfaa; + --display-orange-borderColor-emphasis: #b8500f; + --display-purple-bgColor-muted: #f1e5ff; + --display-purple-bgColor-emphasis: #894ceb; + --display-purple-fgColor: #783ae4; + --display-purple-borderColor-muted: #e6d2fe; + --display-purple-borderColor-emphasis: #894ceb; + --display-plum-bgColor-muted: #f8e5ff; + --display-plum-bgColor-emphasis: #a830e8; + --display-plum-fgColor: #961edc; + --display-plum-borderColor-muted: #f0cdfe; + --display-plum-borderColor-emphasis: #a830e8; + --display-red-bgColor-muted: #ffe2e0; + --display-red-bgColor-emphasis: #df0c24; + --display-red-fgColor: #c50d28; + --display-red-borderColor-muted: #fecdcd; + --display-red-borderColor-emphasis: #df0c24; + --display-coral-bgColor-muted: #ffe5db; + --display-coral-bgColor-emphasis: #d43511; + --display-coral-fgColor: #ba2e12; + --display-coral-borderColor-muted: #fecebe; + --display-coral-borderColor-emphasis: #d43511; + --display-yellow-bgColor-muted: #ffec9e; + --display-yellow-bgColor-emphasis: #946a00; + --display-yellow-fgColor: #805900; + --display-yellow-borderColor-muted: #ffd642; + --display-yellow-borderColor-emphasis: #946a00; + --display-gray-bgColor-muted: #e8ecf2; + --display-gray-bgColor-emphasis: #647182; + --display-gray-fgColor: #5c6570; + --display-gray-borderColor-muted: #d2dae4; + --display-gray-borderColor-emphasis: #647182; + --display-auburn-bgColor-muted: #f2e9e9; + --display-auburn-bgColor-emphasis: #9d615c; + --display-auburn-fgColor: #8a5551; + --display-auburn-borderColor-muted: #e6d6d5; + --display-auburn-borderColor-emphasis: #9d615c; + --display-brown-bgColor-muted: #eeeae2; + --display-brown-bgColor-emphasis: #856d4c; + --display-brown-fgColor: #755f43; + --display-brown-borderColor-muted: #dfd7c8; + --display-brown-borderColor-emphasis: #856d4c; + --display-lemon-bgColor-muted: #f7eea1; + --display-lemon-bgColor-emphasis: #866e04; + --display-lemon-fgColor: #786002; + --display-lemon-borderColor-muted: #f0db3d; + --display-lemon-borderColor-emphasis: #866e04; + --display-olive-bgColor-muted: #f0f0ad; + --display-olive-bgColor-emphasis: #64762d; + --display-olive-fgColor: #56682c; + --display-olive-borderColor-muted: #dbe170; + --display-olive-borderColor-emphasis: #64762d; + --display-lime-bgColor-muted: #e3f2b5; + --display-lime-bgColor-emphasis: #527a29; + --display-lime-fgColor: #476c28; + --display-lime-borderColor-muted: #c7e580; + --display-lime-borderColor-emphasis: #527a29; + --display-pine-bgColor-muted: #bff8db; + --display-pine-bgColor-emphasis: #167e53; + --display-pine-fgColor: #156f4b; + --display-pine-borderColor-muted: #80efb9; + --display-pine-borderColor-emphasis: #167e53; + --display-teal-bgColor-muted: #c7f5ef; + --display-teal-bgColor-emphasis: #127e81; + --display-teal-fgColor: #106e75; + --display-teal-borderColor-muted: #89ebe1; + --display-teal-borderColor-emphasis: #127e81; + --display-cyan-bgColor-muted: #bdf4ff; + --display-cyan-bgColor-emphasis: #007b94; + --display-cyan-fgColor: #006a80; + --display-cyan-borderColor-muted: #7ae9ff; + --display-cyan-borderColor-emphasis: #007b94; + --display-indigo-bgColor-muted: #e5e9ff; + --display-indigo-bgColor-emphasis: #5a61e7; + --display-indigo-fgColor: #494edf; + --display-indigo-borderColor-muted: #d2d7fe; + --display-indigo-borderColor-emphasis: #5a61e7; + --display-pink-bgColor-muted: #ffe5f1; + --display-pink-bgColor-emphasis: #ce2c85; + --display-pink-fgColor: #b12f79; + --display-pink-borderColor-muted: #fdc9e2; + --display-pink-borderColor-emphasis: #ce2c85; --avatar-bgColor: #ffffff; - --avatar-borderColor: #d0d7de; + --avatar-borderColor: #1f232826; --avatar-shadow: 0px 0px 0px 2px #ffffffcc; --avatarStack-fade-bgColor-default: #afb8c1; --avatarStack-fade-bgColor-muted: #d0d7de; --control-bgColor-rest: #f6f8fa; --control-bgColor-hover: #eef1f4; --control-bgColor-active: #e7ebef; - --control-bgColor-disabled: #f6f8fa; + --control-bgColor-disabled: #eaeef2b3; --control-bgColor-selected: #f6f8fa; --control-fgColor-rest: #24292f; --control-fgColor-placeholder: #6e7781; --control-fgColor-disabled: #8c959f; --control-borderColor-rest: #d0d7de; --control-borderColor-emphasis: #868f99; - --control-borderColor-disabled: #f6f8fa; + --control-borderColor-disabled: #eaeef2b3; --control-borderColor-selected: #f6f8fa; --control-borderColor-success: #218bff; --control-borderColor-danger: #bc4c00; @@ -475,7 +744,7 @@ --control-transparent-bgColor-rest: #ffffff00; --control-transparent-bgColor-hover: #d0d7de33; --control-transparent-bgColor-active: #d0d7de66; - --control-transparent-bgColor-disabled: #ffffff00; + --control-transparent-bgColor-disabled: #eaeef2b3; --control-transparent-bgColor-selected: #d0d7de33; --control-transparent-borderColor-rest: #ffffff00; --control-transparent-borderColor-hover: #ffffff00; @@ -503,10 +772,10 @@ --controlTrack-borderColor-rest: #ffffff00; --controlTrack-borderColor-disabled: #8c959f; --controlKnob-bgColor-rest: #ffffff; - --controlKnob-bgColor-disabled: #f6f8fa; + --controlKnob-bgColor-disabled: #eaeef2b3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #868f99; - --controlKnob-borderColor-disabled: #f6f8fa; + --controlKnob-borderColor-disabled: #eaeef2b3; --controlKnob-borderColor-checked: #0969da; --counter-borderColor: #ffffff00; --button-default-fgColor-rest: #24292f; @@ -514,11 +783,11 @@ --button-default-bgColor-hover: #eef1f4; --button-default-bgColor-active: #e7ebef; --button-default-bgColor-selected: #e7ebef; - --button-default-bgColor-disabled: #f6f8fa; + --button-default-bgColor-disabled: #eaeef2b3; --button-default-borderColor-rest: #d0d7de; --button-default-borderColor-hover: #d0d7de; --button-default-borderColor-active: #d0d7de; - --button-default-borderColor-disabled: #f6f8fa; + --button-default-borderColor-disabled: #eaeef2b3; --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #ffffffcc; @@ -541,10 +810,10 @@ --button-invisible-bgColor-rest: #ffffff00; --button-invisible-bgColor-hover: #d0d7de33; --button-invisible-bgColor-active: #d0d7de66; - --button-invisible-bgColor-disabled: #ffffff00; + --button-invisible-bgColor-disabled: #eaeef2b3; --button-invisible-borderColor-rest: #ffffff00; --button-invisible-borderColor-hover: #ffffff00; - --button-invisible-borderColor-disabled: #f6f8fa; + --button-invisible-borderColor-disabled: #eaeef2b3; --button-outline-fgColor-rest: #0969da; --button-outline-fgColor-hover: #ffffff; --button-outline-fgColor-active: #ffffff; @@ -565,13 +834,14 @@ --button-danger-bgColor-rest: #f6f8fa; --button-danger-bgColor-hover: #953800; --button-danger-bgColor-active: #7e2f00; - --button-danger-bgColor-disabled: #f6f8fa; + --button-danger-bgColor-disabled: #eaeef2b3; --button-danger-borderColor-rest: #d0d7de; --button-danger-borderColor-hover: #1f232826; --button-danger-borderColor-active: #1f232826; --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033; - --button-inactive-fgColor-rest: #57606a; - --button-inactive-bgColor-rest: #eaeef2; + --button-inactive-fgColor: #57606a; + --button-inactive-bgColor: #eaeef2; + --button-star-iconColor: #eac54f; --buttonCounter-default-bgColor-rest: #afb8c133; --buttonCounter-invisible-bgColor-rest: #afb8c133; --buttonCounter-primary-bgColor-rest: #002d1133; @@ -587,10 +857,15 @@ --buttonCounter-danger-fgColor-rest: #c21c2c; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #be4e0280; + --reactionButton-selected-bgColor-rest: #ddf4ff; + --reactionButton-selected-bgColor-hover: #caecff; + --reactionButton-selected-fgColor-rest: #0969da; + --reactionButton-selected-fgColor-hover: #0550ae; --focus-outlineColor: #0969da; --focus-outline: #0969da solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; + --overlay-borderColor: #d0d7de80; --overlay-backdrop-bgColor: #8c959f33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #b6e3ff; @@ -601,9 +876,127 @@ --underlineNav-borderColor-active: #fd8c73; --underlineNav-borderColor-hover: #afb8c133; --underlineNav-iconColor-rest: #636c76; + --selection-bgColor: #0969da33; + --card-bgColor: #ffffff; + --label-green-bgColor-rest: #caf7ca; + --label-green-bgColor-hover: #9ceda0; + --label-green-bgColor-active: #54d961; + --label-green-fgColor-rest: #2b6e3f; + --label-green-fgColor-hover: #285c3b; + --label-green-fgColor-active: #254b34; + --label-orange-bgColor-rest: #ffe7d1; + --label-orange-bgColor-hover: #fecfaa; + --label-orange-bgColor-active: #fbaf74; + --label-orange-fgColor-rest: #a24610; + --label-orange-fgColor-hover: #8d3c11; + --label-orange-fgColor-active: #70300f; + --label-purple-bgColor-rest: #f1e5ff; + --label-purple-bgColor-hover: #e6d2fe; + --label-purple-bgColor-active: #d1b1fc; + --label-purple-fgColor-rest: #783ae4; + --label-purple-fgColor-hover: #6223d7; + --label-purple-fgColor-active: #4f21ab; + --label-red-bgColor-rest: #ffe2e0; + --label-red-bgColor-hover: #fecdcd; + --label-red-bgColor-active: #fda5a7; + --label-red-fgColor-rest: #c50d28; + --label-red-fgColor-hover: #a60c29; + --label-red-fgColor-active: #880c27; + --label-yellow-bgColor-rest: #ffec9e; + --label-yellow-bgColor-hover: #ffd642; + --label-yellow-bgColor-active: #ebb400; + --label-yellow-fgColor-rest: #805900; + --label-yellow-fgColor-hover: #704d00; + --label-yellow-fgColor-active: #5c3d00; + --label-gray-bgColor-rest: #e8ecf2; + --label-gray-bgColor-hover: #d2dae4; + --label-gray-bgColor-active: #b4c0cf; + --label-gray-fgColor-rest: #5c6570; + --label-gray-fgColor-hover: #4e535a; + --label-gray-fgColor-active: #424448; + --label-auburn-bgColor-rest: #f2e9e9; + --label-auburn-bgColor-hover: #e6d6d5; + --label-auburn-bgColor-active: #d4b7b5; + --label-auburn-fgColor-rest: #8a5551; + --label-auburn-fgColor-hover: #744744; + --label-auburn-fgColor-active: #5d3937; + --label-brown-bgColor-rest: #eeeae2; + --label-brown-bgColor-hover: #dfd7c8; + --label-brown-bgColor-active: #cbbda4; + --label-brown-fgColor-rest: #755f43; + --label-brown-fgColor-hover: #64513a; + --label-brown-fgColor-active: #51412f; + --label-lemon-bgColor-rest: #f7eea1; + --label-lemon-bgColor-hover: #f0db3d; + --label-lemon-bgColor-active: #d8bd0e; + --label-lemon-fgColor-rest: #786002; + --label-lemon-fgColor-hover: #654f01; + --label-lemon-fgColor-active: #523f00; + --label-olive-bgColor-rest: #f0f0ad; + --label-olive-bgColor-hover: #dbe170; + --label-olive-bgColor-active: #b9c832; + --label-olive-fgColor-rest: #56682c; + --label-olive-fgColor-hover: #495a2b; + --label-olive-fgColor-active: #3b4927; + --label-lime-bgColor-rest: #e3f2b5; + --label-lime-bgColor-hover: #c7e580; + --label-lime-bgColor-active: #9bd039; + --label-lime-fgColor-rest: #476c28; + --label-lime-fgColor-hover: #3a5b25; + --label-lime-fgColor-active: #2f4a21; + --label-pine-bgColor-rest: #bff8db; + --label-pine-bgColor-hover: #80efb9; + --label-pine-bgColor-active: #1dd781; + --label-pine-fgColor-rest: #156f4b; + --label-pine-fgColor-hover: #135d41; + --label-pine-fgColor-active: #114b36; + --label-teal-bgColor-rest: #c7f5ef; + --label-teal-bgColor-hover: #89ebe1; + --label-teal-bgColor-active: #22d3c7; + --label-teal-fgColor-rest: #106e75; + --label-teal-fgColor-hover: #0d5b63; + --label-teal-fgColor-active: #0a4852; + --label-cyan-bgColor-rest: #bdf4ff; + --label-cyan-bgColor-hover: #7ae9ff; + --label-cyan-bgColor-active: #00d0fa; + --label-cyan-fgColor-rest: #006a80; + --label-cyan-fgColor-hover: #00596b; + --label-cyan-fgColor-active: #004857; + --label-indigo-bgColor-rest: #e5e9ff; + --label-indigo-bgColor-hover: #d2d7fe; + --label-indigo-bgColor-active: #b1b9fb; + --label-indigo-fgColor-rest: #494edf; + --label-indigo-fgColor-hover: #393cd5; + --label-indigo-fgColor-active: #2d2db4; + --label-blue-bgColor-rest: #d1f0ff; + --label-blue-bgColor-hover: #ade1ff; + --label-blue-bgColor-active: #75c8ff; + --label-blue-fgColor-rest: #005fcc; + --label-blue-fgColor-hover: #004db3; + --label-blue-fgColor-active: #003d99; + --label-plum-bgColor-rest: #f8e5ff; + --label-plum-bgColor-hover: #f0cdfe; + --label-plum-bgColor-active: #e2a7fb; + --label-plum-fgColor-rest: #961edc; + --label-plum-fgColor-hover: #7d1eb8; + --label-plum-fgColor-active: #651d96; + --label-pink-bgColor-rest: #ffe5f1; + --label-pink-bgColor-hover: #fdc9e2; + --label-pink-bgColor-active: #f8a5cf; + --label-pink-fgColor-rest: #b12f79; + --label-pink-fgColor-hover: #8e2e66; + --label-pink-fgColor-active: #6e2b53; + --label-coral-bgColor-rest: #ffe5db; + --label-coral-bgColor-hover: #fecebe; + --label-coral-bgColor-active: #fcab92; + --label-coral-fgColor-rest: #ba2e12; + --label-coral-fgColor-hover: #9b2712; + --label-coral-fgColor-active: #7e2011; --fgColor-default: #1f2328; --fgColor-muted: #636c76; --fgColor-onEmphasis: #ffffff; + --fgColor-white: #ffffff; + --fgColor-black: #1f2328; --fgColor-disabled: #8c959f; --fgColor-link: #0969da; --fgColor-neutral: #6e7781; @@ -615,13 +1008,16 @@ --fgColor-open: #bc4c00; --fgColor-closed: #6e7781; --fgColor-done: #8250df; + --fgColor-upsell: #8250df; --fgColor-sponsors: #bf3989; --bgColor-default: #ffffff; --bgColor-muted: #f6f8fa; --bgColor-inset: #f6f8fa; --bgColor-emphasis: #24292f; --bgColor-inverse: #24292f; - --bgColor-disabled: #f6f8fa; + --bgColor-white: #ffffff; + --bgColor-black: #1f2328; + --bgColor-disabled: #eaeef2b3; --bgColor-transparent: #ffffff00; --bgColor-neutral-muted: #afb8c133; --bgColor-neutral-emphasis: #6e7781; @@ -641,12 +1037,14 @@ --bgColor-closed-emphasis: #6e7781; --bgColor-done-muted: #fbefff; --bgColor-done-emphasis: #8250df; + --bgColor-upsell-muted: #fbefff; + --bgColor-upsell-emphasis: #8250df; --bgColor-sponsors-muted: #ffeff7; --bgColor-sponsors-emphasis: #bf3989; --borderColor-default: #d0d7de; - --borderColor-muted: #d0d7de80; + --borderColor-muted: #d0d7deb3; --borderColor-emphasis: #6e7781; - --borderColor-disabled: #f6f8fa; + --borderColor-disabled: #eaeef2b3; --borderColor-transparent: #ffffff00; --borderColor-neutral-muted: #afb8c133; --borderColor-neutral-emphasis: #6e7781; @@ -666,6 +1064,8 @@ --borderColor-closed-emphasis: #6e7781; --borderColor-done-muted: #c297ff66; --borderColor-done-emphasis: #8250df; + --borderColor-upsell-muted: #c297ff66; + --borderColor-upsell-emphasis: #8250df; --borderColor-sponsors-muted: #ff80c866; --borderColor-sponsors-emphasis: #bf3989; --color-ansi-black: #24292f; @@ -715,106 +1115,14 @@ --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-scale-black: #1f2328; - --color-scale-transparent: #ffffff00; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f6f8fa; - --color-scale-gray-1: #eaeef2; - --color-scale-gray-2: #d0d7de; - --color-scale-gray-3: #afb8c1; - --color-scale-gray-4: #8c959f; - --color-scale-gray-5: #6e7781; - --color-scale-gray-6: #57606a; - --color-scale-gray-7: #424a53; - --color-scale-gray-8: #32383f; - --color-scale-gray-9: #24292f; - --color-scale-blue-0: #ddf4ff; - --color-scale-blue-1: #b6e3ff; - --color-scale-blue-2: #80ccff; - --color-scale-blue-3: #54aeff; - --color-scale-blue-4: #218bff; - --color-scale-blue-5: #0969da; - --color-scale-blue-6: #0550ae; - --color-scale-blue-7: #033d8b; - --color-scale-blue-8: #0a3069; - --color-scale-blue-9: #002155; - --color-scale-green-0: #ddf4ff; - --color-scale-green-1: #b6e3ff; - --color-scale-green-2: #80ccff; - --color-scale-green-3: #54aeff; - --color-scale-green-4: #218bff; - --color-scale-green-5: #0969da; - --color-scale-green-6: #0550ae; - --color-scale-green-7: #033d8b; - --color-scale-green-8: #0a3069; - --color-scale-green-9: #002155; - --color-scale-yellow-0: #fff8c5; - --color-scale-yellow-1: #fae17d; - --color-scale-yellow-2: #eac54f; - --color-scale-yellow-3: #d4a72c; - --color-scale-yellow-4: #bf8700; - --color-scale-yellow-5: #9a6700; - --color-scale-yellow-6: #7d4e00; - --color-scale-yellow-7: #633c01; - --color-scale-yellow-8: #4d2d00; - --color-scale-yellow-9: #3b2300; - --color-scale-orange-0: #fff1e5; - --color-scale-orange-1: #ffd8b5; - --color-scale-orange-2: #ffb77c; - --color-scale-orange-3: #fb8f44; - --color-scale-orange-4: #e16f24; - --color-scale-orange-5: #bc4c00; - --color-scale-orange-6: #953800; - --color-scale-orange-7: #762c00; - --color-scale-orange-8: #5c2200; - --color-scale-orange-9: #471700; - --color-scale-red-0: #fff1e5; - --color-scale-red-1: #ffd8b5; - --color-scale-red-2: #ffb77c; - --color-scale-red-3: #fb8f44; - --color-scale-red-4: #e16f24; - --color-scale-red-5: #bc4c00; - --color-scale-red-6: #953800; - --color-scale-red-7: #762c00; - --color-scale-red-8: #5c2200; - --color-scale-red-9: #471700; - --color-scale-purple-0: #fbefff; - --color-scale-purple-1: #ecd8ff; - --color-scale-purple-2: #d8b9ff; - --color-scale-purple-3: #c297ff; - --color-scale-purple-4: #a475f9; - --color-scale-purple-5: #8250df; - --color-scale-purple-6: #6639ba; - --color-scale-purple-7: #512a97; - --color-scale-purple-8: #3e1f79; - --color-scale-purple-9: #2e1461; - --color-scale-pink-0: #ffeff7; - --color-scale-pink-1: #ffd3eb; - --color-scale-pink-2: #ffadda; - --color-scale-pink-3: #ff80c8; - --color-scale-pink-4: #e85aad; - --color-scale-pink-5: #bf3989; - --color-scale-pink-6: #99286e; - --color-scale-pink-7: #772057; - --color-scale-pink-8: #611347; - --color-scale-pink-9: #4d0336; - --color-scale-coral-0: #fff0eb; - --color-scale-coral-1: #ffd6cc; - --color-scale-coral-2: #ffb4a1; - --color-scale-coral-3: #fd8c73; - --color-scale-coral-4: #ec6547; - --color-scale-coral-5: #c4432b; - --color-scale-coral-6: #9e2f1c; - --color-scale-coral-7: #801f0f; - --color-scale-coral-8: #691105; - --color-scale-coral-9: #510901; --shadow-inset: inset 0px 1px 0px 0px #1f23280a; --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; - --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; + --shadow-resting-small: 0px 1px 0px 0px #1f23280a; --shadow-resting-medium: 0px 3px 6px 0px #424a531f; - --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; - --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; - --shadow-floating-large: 0px 40px 80px 0px #424a533d; - --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352; + --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; + --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; + --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d; + --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352; + --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; } } diff --git a/dist/css/functional/themes/light-high-contrast.css b/dist/css/functional/themes/light-high-contrast.css index c32d1243d..29c519977 100644 --- a/dist/css/functional/themes/light-high-contrast.css +++ b/dist/css/functional/themes/light-high-contrast.css @@ -42,22 +42,137 @@ --header-borderColor-divider: #acb6c0; --headerSearch-bgColor: #0e1116; --headerSearch-borderColor: #4b535d; + --data-blue-color: #006edb; + --data-blue-color-muted: #d1f0ff; + --data-auburn-color: #9d615c; + --data-auburn-color-muted: #f2e9e9; + --data-orange-color: #eb670f; + --data-orange-color-muted: #ffe7d1; + --data-yellow-color: #b88700; + --data-yellow-color-muted: #ffec9e; + --data-green-color: #30a147; + --data-green-color-muted: #caf7ca; + --data-teal-color: #179b9b; + --data-teal-color-muted: #c7f5ef; + --data-purple-color: #894ceb; + --data-purple-color-muted: #f1e5ff; + --data-pink-color: #ce2c85; + --data-pink-color-muted: #ffe5f1; + --data-red-color: #df0c24; + --data-red-color-muted: #ffe2e0; + --data-gray-color: #808fa3; + --data-gray-color-muted: #e8ecf2; + --display-blue-bgColor-muted: #d1f0ff; + --display-blue-bgColor-emphasis: #006edb; + --display-blue-fgColor: #005fcc; + --display-blue-borderColor-muted: #ade1ff; + --display-blue-borderColor-emphasis: #006edb; + --display-green-bgColor-muted: #caf7ca; + --display-green-bgColor-emphasis: #2c8141; + --display-green-fgColor: #2b6e3f; + --display-green-borderColor-muted: #9ceda0; + --display-green-borderColor-emphasis: #2c8141; + --display-orange-bgColor-muted: #ffe7d1; + --display-orange-bgColor-emphasis: #b8500f; + --display-orange-fgColor: #a24610; + --display-orange-borderColor-muted: #fecfaa; + --display-orange-borderColor-emphasis: #b8500f; + --display-purple-bgColor-muted: #f1e5ff; + --display-purple-bgColor-emphasis: #894ceb; + --display-purple-fgColor: #783ae4; + --display-purple-borderColor-muted: #e6d2fe; + --display-purple-borderColor-emphasis: #894ceb; + --display-plum-bgColor-muted: #f8e5ff; + --display-plum-bgColor-emphasis: #a830e8; + --display-plum-fgColor: #961edc; + --display-plum-borderColor-muted: #f0cdfe; + --display-plum-borderColor-emphasis: #a830e8; + --display-red-bgColor-muted: #ffe2e0; + --display-red-bgColor-emphasis: #df0c24; + --display-red-fgColor: #c50d28; + --display-red-borderColor-muted: #fecdcd; + --display-red-borderColor-emphasis: #df0c24; + --display-coral-bgColor-muted: #ffe5db; + --display-coral-bgColor-emphasis: #d43511; + --display-coral-fgColor: #ba2e12; + --display-coral-borderColor-muted: #fecebe; + --display-coral-borderColor-emphasis: #d43511; + --display-yellow-bgColor-muted: #ffec9e; + --display-yellow-bgColor-emphasis: #946a00; + --display-yellow-fgColor: #805900; + --display-yellow-borderColor-muted: #ffd642; + --display-yellow-borderColor-emphasis: #946a00; + --display-gray-bgColor-muted: #e8ecf2; + --display-gray-bgColor-emphasis: #647182; + --display-gray-fgColor: #5c6570; + --display-gray-borderColor-muted: #d2dae4; + --display-gray-borderColor-emphasis: #647182; + --display-auburn-bgColor-muted: #f2e9e9; + --display-auburn-bgColor-emphasis: #9d615c; + --display-auburn-fgColor: #8a5551; + --display-auburn-borderColor-muted: #e6d6d5; + --display-auburn-borderColor-emphasis: #9d615c; + --display-brown-bgColor-muted: #eeeae2; + --display-brown-bgColor-emphasis: #856d4c; + --display-brown-fgColor: #755f43; + --display-brown-borderColor-muted: #dfd7c8; + --display-brown-borderColor-emphasis: #856d4c; + --display-lemon-bgColor-muted: #f7eea1; + --display-lemon-bgColor-emphasis: #866e04; + --display-lemon-fgColor: #786002; + --display-lemon-borderColor-muted: #f0db3d; + --display-lemon-borderColor-emphasis: #866e04; + --display-olive-bgColor-muted: #f0f0ad; + --display-olive-bgColor-emphasis: #64762d; + --display-olive-fgColor: #56682c; + --display-olive-borderColor-muted: #dbe170; + --display-olive-borderColor-emphasis: #64762d; + --display-lime-bgColor-muted: #e3f2b5; + --display-lime-bgColor-emphasis: #527a29; + --display-lime-fgColor: #476c28; + --display-lime-borderColor-muted: #c7e580; + --display-lime-borderColor-emphasis: #527a29; + --display-pine-bgColor-muted: #bff8db; + --display-pine-bgColor-emphasis: #167e53; + --display-pine-fgColor: #156f4b; + --display-pine-borderColor-muted: #80efb9; + --display-pine-borderColor-emphasis: #167e53; + --display-teal-bgColor-muted: #c7f5ef; + --display-teal-bgColor-emphasis: #127e81; + --display-teal-fgColor: #106e75; + --display-teal-borderColor-muted: #89ebe1; + --display-teal-borderColor-emphasis: #127e81; + --display-cyan-bgColor-muted: #bdf4ff; + --display-cyan-bgColor-emphasis: #007b94; + --display-cyan-fgColor: #006a80; + --display-cyan-borderColor-muted: #7ae9ff; + --display-cyan-borderColor-emphasis: #007b94; + --display-indigo-bgColor-muted: #e5e9ff; + --display-indigo-bgColor-emphasis: #5a61e7; + --display-indigo-fgColor: #494edf; + --display-indigo-borderColor-muted: #d2d7fe; + --display-indigo-borderColor-emphasis: #5a61e7; + --display-pink-bgColor-muted: #ffe5f1; + --display-pink-bgColor-emphasis: #ce2c85; + --display-pink-fgColor: #b12f79; + --display-pink-borderColor-muted: #fdc9e2; + --display-pink-borderColor-emphasis: #ce2c85; --avatar-bgColor: #ffffff; - --avatar-borderColor: #20252c; + --avatar-borderColor: #010409e6; --avatar-shadow: 0px 0px 0px 2px #ffffffcc; --avatarStack-fade-bgColor-default: #acb6c0; --avatarStack-fade-bgColor-muted: #ced5dc; --control-bgColor-rest: #e7ecf0; --control-bgColor-hover: #dbe1e6; --control-bgColor-active: #cfd6dd; - --control-bgColor-disabled: #e7ecf0; + --control-bgColor-disabled: #ced5dcb3; --control-bgColor-selected: #acb6c0; --control-fgColor-rest: #0e1116; --control-fgColor-placeholder: #66707b; - --control-fgColor-disabled: #4b535d; + --control-fgColor-disabled: #66707b; --control-borderColor-rest: #20252c; --control-borderColor-emphasis: #20252c; - --control-borderColor-disabled: #e7ecf0; + --control-borderColor-disabled: #ced5dcb3; --control-borderColor-selected: #ffffff; --control-borderColor-success: #055d20; --control-borderColor-danger: #a0111f; @@ -66,7 +181,7 @@ --control-transparent-bgColor-rest: #ffffff00; --control-transparent-bgColor-hover: #e7ecf0; --control-transparent-bgColor-active: #ced5dc; - --control-transparent-bgColor-disabled: #ffffff00; + --control-transparent-bgColor-disabled: #ced5dcb3; --control-transparent-bgColor-selected: #ced5dc33; --control-transparent-borderColor-rest: #ffffff00; --control-transparent-borderColor-hover: #20252c; @@ -78,26 +193,26 @@ --control-checked-bgColor-rest: #0349b4; --control-checked-bgColor-hover: #0344a8; --control-checked-bgColor-active: #033f9d; - --control-checked-bgColor-disabled: #4b535d; + --control-checked-bgColor-disabled: #66707b; --control-checked-fgColor-rest: #ffffff; --control-checked-fgColor-disabled: #ffffff; --control-checked-borderColor-rest: #0349b4; --control-checked-borderColor-hover: #0344a8; --control-checked-borderColor-active: #033f9d; - --control-checked-borderColor-disabled: #4b535d; + --control-checked-borderColor-disabled: #66707b; --controlTrack-bgColor-rest: #acb6c0; --controlTrack-bgColor-hover: #9ea8b2; --controlTrack-bgColor-active: #909aa4; - --controlTrack-bgColor-disabled: #4b535d; + --controlTrack-bgColor-disabled: #66707b; --controlTrack-fgColor-rest: #010409; --controlTrack-fgColor-disabled: #ffffff; --controlTrack-borderColor-rest: #ffffff00; - --controlTrack-borderColor-disabled: #4b535d; + --controlTrack-borderColor-disabled: #66707b; --controlKnob-bgColor-rest: #ffffff; - --controlKnob-bgColor-disabled: #e7ecf0; + --controlKnob-bgColor-disabled: #ced5dcb3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #20252c; - --controlKnob-borderColor-disabled: #e7ecf0; + --controlKnob-borderColor-disabled: #ced5dcb3; --controlKnob-borderColor-checked: #0349b4; --counter-borderColor: #20252c; --button-default-fgColor-rest: #0e1116; @@ -105,11 +220,11 @@ --button-default-bgColor-hover: #dbe1e6; --button-default-bgColor-active: #cfd6dd; --button-default-bgColor-selected: #cfd6dd; - --button-default-bgColor-disabled: #e7ecf0; + --button-default-bgColor-disabled: #ced5dcb3; --button-default-borderColor-rest: #20252c; --button-default-borderColor-hover: #20252c; --button-default-borderColor-active: #20252c; - --button-default-borderColor-disabled: #e7ecf0; + --button-default-borderColor-disabled: #ced5dcb3; --button-default-shadow-resting: 0px 1px 0px 0px #0104090a; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #ffffffcc; @@ -122,20 +237,20 @@ --button-primary-borderColor-hover: #013d14; --button-primary-borderColor-active: #013d14; --button-primary-borderColor-disabled: #85cb97; - --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d; + --button-primary-shadow-selected: inset 0px 1px 0px 0px #07251f4d; --button-invisible-fgColor-rest: #023b95; --button-invisible-fgColor-hover: #67b3fd; - --button-invisible-fgColor-disabled: #4b535d; + --button-invisible-fgColor-disabled: #66707b; --button-invisible-iconColor-rest: #0e1116; --button-invisible-iconColor-hover: #ffffff; - --button-invisible-iconColor-disabled: #4b535d; + --button-invisible-iconColor-disabled: #66707b; --button-invisible-bgColor-rest: #ffffff00; --button-invisible-bgColor-hover: #20252c; --button-invisible-bgColor-active: #4b535d; - --button-invisible-bgColor-disabled: #ffffff00; + --button-invisible-bgColor-disabled: #ced5dcb3; --button-invisible-borderColor-rest: #ffffff00; --button-invisible-borderColor-hover: #20252c; - --button-invisible-borderColor-disabled: #e7ecf0; + --button-invisible-borderColor-disabled: #ced5dcb3; --button-outline-fgColor-rest: #023b95; --button-outline-fgColor-hover: #ffffff; --button-outline-fgColor-active: #ffffff; @@ -156,13 +271,14 @@ --button-danger-bgColor-rest: #e7ecf0; --button-danger-bgColor-hover: #86061d; --button-danger-bgColor-active: #74041a; - --button-danger-bgColor-disabled: #e7ecf0; + --button-danger-bgColor-disabled: #ced5dcb3; --button-danger-borderColor-rest: #20252c; --button-danger-borderColor-hover: #01040926; --button-danger-borderColor-active: #01040926; --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133; - --button-inactive-fgColor-rest: #4b535d; - --button-inactive-bgColor-rest: #e7ecf0; + --button-inactive-fgColor: #4b535d; + --button-inactive-bgColor: #e7ecf0; + --button-star-iconColor: #d5a824; --buttonCounter-default-bgColor-rest: #66707b33; --buttonCounter-invisible-bgColor-rest: #66707b33; --buttonCounter-primary-bgColor-rest: #00230b33; @@ -178,10 +294,15 @@ --buttonCounter-danger-fgColor-rest: #980e1e; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #8a071e80; + --reactionButton-selected-bgColor-rest: #dff7ff; + --reactionButton-selected-bgColor-hover: #c7e9ff; + --reactionButton-selected-fgColor-rest: #023b95; + --reactionButton-selected-fgColor-hover: #023b95; --focus-outlineColor: #0349b4; --focus-outline: #0349b4 solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; + --overlay-borderColor: #88929d; --overlay-backdrop-bgColor: #88929d33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #9cd7ff; @@ -192,33 +313,154 @@ --underlineNav-borderColor-active: #cd3425; --underlineNav-borderColor-hover: #88929d; --underlineNav-iconColor-rest: #0e1116; + --selection-bgColor: #0349b433; + --card-bgColor: #ffffff; + --label-green-bgColor-rest: #caf7ca; + --label-green-bgColor-hover: #9ceda0; + --label-green-bgColor-active: #54d961; + --label-green-fgColor-rest: #2b6e3f; + --label-green-fgColor-hover: #285c3b; + --label-green-fgColor-active: #254b34; + --label-orange-bgColor-rest: #ffe7d1; + --label-orange-bgColor-hover: #fecfaa; + --label-orange-bgColor-active: #fbaf74; + --label-orange-fgColor-rest: #a24610; + --label-orange-fgColor-hover: #8d3c11; + --label-orange-fgColor-active: #70300f; + --label-purple-bgColor-rest: #f1e5ff; + --label-purple-bgColor-hover: #e6d2fe; + --label-purple-bgColor-active: #d1b1fc; + --label-purple-fgColor-rest: #783ae4; + --label-purple-fgColor-hover: #6223d7; + --label-purple-fgColor-active: #4f21ab; + --label-red-bgColor-rest: #ffe2e0; + --label-red-bgColor-hover: #fecdcd; + --label-red-bgColor-active: #fda5a7; + --label-red-fgColor-rest: #c50d28; + --label-red-fgColor-hover: #a60c29; + --label-red-fgColor-active: #880c27; + --label-yellow-bgColor-rest: #ffec9e; + --label-yellow-bgColor-hover: #ffd642; + --label-yellow-bgColor-active: #ebb400; + --label-yellow-fgColor-rest: #805900; + --label-yellow-fgColor-hover: #704d00; + --label-yellow-fgColor-active: #5c3d00; + --label-gray-bgColor-rest: #e8ecf2; + --label-gray-bgColor-hover: #d2dae4; + --label-gray-bgColor-active: #b4c0cf; + --label-gray-fgColor-rest: #5c6570; + --label-gray-fgColor-hover: #4e535a; + --label-gray-fgColor-active: #424448; + --label-auburn-bgColor-rest: #f2e9e9; + --label-auburn-bgColor-hover: #e6d6d5; + --label-auburn-bgColor-active: #d4b7b5; + --label-auburn-fgColor-rest: #8a5551; + --label-auburn-fgColor-hover: #744744; + --label-auburn-fgColor-active: #5d3937; + --label-brown-bgColor-rest: #eeeae2; + --label-brown-bgColor-hover: #dfd7c8; + --label-brown-bgColor-active: #cbbda4; + --label-brown-fgColor-rest: #755f43; + --label-brown-fgColor-hover: #64513a; + --label-brown-fgColor-active: #51412f; + --label-lemon-bgColor-rest: #f7eea1; + --label-lemon-bgColor-hover: #f0db3d; + --label-lemon-bgColor-active: #d8bd0e; + --label-lemon-fgColor-rest: #786002; + --label-lemon-fgColor-hover: #654f01; + --label-lemon-fgColor-active: #523f00; + --label-olive-bgColor-rest: #f0f0ad; + --label-olive-bgColor-hover: #dbe170; + --label-olive-bgColor-active: #b9c832; + --label-olive-fgColor-rest: #56682c; + --label-olive-fgColor-hover: #495a2b; + --label-olive-fgColor-active: #3b4927; + --label-lime-bgColor-rest: #e3f2b5; + --label-lime-bgColor-hover: #c7e580; + --label-lime-bgColor-active: #9bd039; + --label-lime-fgColor-rest: #476c28; + --label-lime-fgColor-hover: #3a5b25; + --label-lime-fgColor-active: #2f4a21; + --label-pine-bgColor-rest: #bff8db; + --label-pine-bgColor-hover: #80efb9; + --label-pine-bgColor-active: #1dd781; + --label-pine-fgColor-rest: #156f4b; + --label-pine-fgColor-hover: #135d41; + --label-pine-fgColor-active: #114b36; + --label-teal-bgColor-rest: #c7f5ef; + --label-teal-bgColor-hover: #89ebe1; + --label-teal-bgColor-active: #22d3c7; + --label-teal-fgColor-rest: #106e75; + --label-teal-fgColor-hover: #0d5b63; + --label-teal-fgColor-active: #0a4852; + --label-cyan-bgColor-rest: #bdf4ff; + --label-cyan-bgColor-hover: #7ae9ff; + --label-cyan-bgColor-active: #00d0fa; + --label-cyan-fgColor-rest: #006a80; + --label-cyan-fgColor-hover: #00596b; + --label-cyan-fgColor-active: #004857; + --label-indigo-bgColor-rest: #e5e9ff; + --label-indigo-bgColor-hover: #d2d7fe; + --label-indigo-bgColor-active: #b1b9fb; + --label-indigo-fgColor-rest: #494edf; + --label-indigo-fgColor-hover: #393cd5; + --label-indigo-fgColor-active: #2d2db4; + --label-blue-bgColor-rest: #d1f0ff; + --label-blue-bgColor-hover: #ade1ff; + --label-blue-bgColor-active: #75c8ff; + --label-blue-fgColor-rest: #005fcc; + --label-blue-fgColor-hover: #004db3; + --label-blue-fgColor-active: #003d99; + --label-plum-bgColor-rest: #f8e5ff; + --label-plum-bgColor-hover: #f0cdfe; + --label-plum-bgColor-active: #e2a7fb; + --label-plum-fgColor-rest: #961edc; + --label-plum-fgColor-hover: #7d1eb8; + --label-plum-fgColor-active: #651d96; + --label-pink-bgColor-rest: #ffe5f1; + --label-pink-bgColor-hover: #fdc9e2; + --label-pink-bgColor-active: #f8a5cf; + --label-pink-fgColor-rest: #b12f79; + --label-pink-fgColor-hover: #8e2e66; + --label-pink-fgColor-active: #6e2b53; + --label-coral-bgColor-rest: #ffe5db; + --label-coral-bgColor-hover: #fecebe; + --label-coral-bgColor-active: #fcab92; + --label-coral-fgColor-rest: #ba2e12; + --label-coral-fgColor-hover: #9b2712; + --label-coral-fgColor-active: #7e2011; --fgColor-default: #010409; --fgColor-muted: #0e1116; --fgColor-onEmphasis: #ffffff; - --fgColor-disabled: #4b535d; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #66707b; --fgColor-link: #023b95; --fgColor-neutral: #66707b; --fgColor-accent: #023b95; - --fgColor-success: #055d20; + --fgColor-success: #08856c; --fgColor-attention: #744500; --fgColor-severe: #873800; --fgColor-danger: #8a071e; - --fgColor-open: #055d20; + --fgColor-open: #08856c; --fgColor-closed: #8a071e; --fgColor-done: #622cbc; + --fgColor-upsell: #622cbc; --fgColor-sponsors: #971368; --bgColor-default: #ffffff; --bgColor-muted: #e7ecf0; --bgColor-inset: #ffffff; --bgColor-emphasis: #0e1116; --bgColor-inverse: #0e1116; - --bgColor-disabled: #e7ecf0; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #ced5dcb3; --bgColor-transparent: #ffffff00; --bgColor-neutral-muted: #e7ecf0; --bgColor-neutral-emphasis: #66707b; --bgColor-accent-muted: #dff7ff; --bgColor-accent-emphasis: #0349b4; - --bgColor-success-muted: #d2fedb; + --bgColor-success-muted: #f3f8f6; --bgColor-success-emphasis: #055d20; --bgColor-attention-muted: #fcf7be; --bgColor-attention-emphasis: #744500; @@ -226,18 +468,20 @@ --bgColor-severe-emphasis: #873800; --bgColor-danger-muted: #fff0ee; --bgColor-danger-emphasis: #a0111f; - --bgColor-open-muted: #d2fedb; + --bgColor-open-muted: #f3f8f6; --bgColor-open-emphasis: #055d20; --bgColor-closed-muted: #fff0ee; --bgColor-closed-emphasis: #a0111f; --bgColor-done-muted: #faf0fe; --bgColor-done-emphasis: #622cbc; + --bgColor-upsell-muted: #faf0fe; + --bgColor-upsell-emphasis: #622cbc; --bgColor-sponsors-muted: #feeff7; --bgColor-sponsors-emphasis: #971368; --borderColor-default: #20252c; --borderColor-muted: #88929d; --borderColor-emphasis: #66707b; - --borderColor-disabled: #e7ecf0; + --borderColor-disabled: #ced5dcb3; --borderColor-transparent: #ffffff00; --borderColor-neutral-muted: #88929d; --borderColor-neutral-emphasis: #66707b; @@ -257,6 +501,8 @@ --borderColor-closed-emphasis: #a0111f; --borderColor-done-muted: #a371f7; --borderColor-done-emphasis: #622cbc; + --borderColor-upsell-muted: #a371f766; + --borderColor-upsell-emphasis: #622cbc; --borderColor-sponsors-muted: #ed4baf; --borderColor-sponsors-emphasis: #971368; --color-ansi-black: #0e1116; @@ -306,107 +552,15 @@ --color-prettylights-syntax-markup-ignored-bg: #023b95; --color-prettylights-syntax-meta-diff-range: #622cbc; --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d; - --color-scale-black: #010409; - --color-scale-transparent: #ffffff00; - --color-scale-white: #ffffff; - --color-scale-gray-0: #ffffff; - --color-scale-gray-1: #e7ecf0; - --color-scale-gray-2: #ced5dc; - --color-scale-gray-3: #acb6c0; - --color-scale-gray-4: #88929d; - --color-scale-gray-5: #66707b; - --color-scale-gray-6: #4b535d; - --color-scale-gray-7: #343b43; - --color-scale-gray-8: #20252c; - --color-scale-gray-9: #0e1116; - --color-scale-blue-0: #dff7ff; - --color-scale-blue-1: #9cd7ff; - --color-scale-blue-2: #67b3fd; - --color-scale-blue-3: #368cf9; - --color-scale-blue-4: #1168e3; - --color-scale-blue-5: #0349b4; - --color-scale-blue-6: #023b95; - --color-scale-blue-7: #022f7a; - --color-scale-blue-8: #032563; - --color-scale-blue-9: #021a4a; - --color-scale-green-0: #d2fedb; - --color-scale-green-1: #82e596; - --color-scale-green-2: #43c663; - --color-scale-green-3: #26a148; - --color-scale-green-4: #117f32; - --color-scale-green-5: #055d20; - --color-scale-green-6: #024c1a; - --color-scale-green-7: #013d14; - --color-scale-green-8: #003110; - --color-scale-green-9: #00230b; - --color-scale-yellow-0: #fcf7be; - --color-scale-yellow-1: #f0ce53; - --color-scale-yellow-2: #d5a824; - --color-scale-yellow-3: #b58407; - --color-scale-yellow-4: #956400; - --color-scale-yellow-5: #744500; - --color-scale-yellow-6: #603700; - --color-scale-yellow-7: #4e2c00; - --color-scale-yellow-8: #3f2200; - --color-scale-yellow-9: #2e1800; - --color-scale-orange-0: #fff2d5; - --color-scale-orange-1: #ffc67b; - --color-scale-orange-2: #f99636; - --color-scale-orange-3: #dc6d1a; - --color-scale-orange-4: #b45105; - --color-scale-orange-5: #873800; - --color-scale-orange-6: #702c00; - --color-scale-orange-7: #5b2300; - --color-scale-orange-8: #491b00; - --color-scale-orange-9: #361200; - --color-scale-red-0: #fff0ee; - --color-scale-red-1: #ffc1bc; - --color-scale-red-2: #ff8e8a; - --color-scale-red-3: #ee5a5d; - --color-scale-red-4: #d5232c; - --color-scale-red-5: #a0111f; - --color-scale-red-6: #86061d; - --color-scale-red-7: #6e011a; - --color-scale-red-8: #5a0016; - --color-scale-red-9: #430011; - --color-scale-purple-0: #faf0fe; - --color-scale-purple-1: #e0c5ff; - --color-scale-purple-2: #c49bff; - --color-scale-purple-3: #a371f7; - --color-scale-purple-4: #844ae7; - --color-scale-purple-5: #622cbc; - --color-scale-purple-6: #512598; - --color-scale-purple-7: #411d7b; - --color-scale-purple-8: #341763; - --color-scale-purple-9: #260f49; - --color-scale-pink-0: #feeff7; - --color-scale-pink-1: #ffbde0; - --color-scale-pink-2: #fc87ca; - --color-scale-pink-3: #ed4baf; - --color-scale-pink-4: #c9248e; - --color-scale-pink-5: #971368; - --color-scale-pink-6: #7d0c57; - --color-scale-pink-7: #660847; - --color-scale-pink-8: #53043a; - --color-scale-pink-9: #3e022b; - --color-scale-coral-0: #fff0ed; - --color-scale-coral-1: #ffc2b6; - --color-scale-coral-2: #ff8f7e; - --color-scale-coral-3: #cd3425; - --color-scale-coral-4: #ef5b48; - --color-scale-coral-5: #9f1710; - --color-scale-coral-6: #870706; - --color-scale-coral-7: #6f0107; - --color-scale-coral-8: #5b0002; - --color-scale-coral-9: #430200; --shadow-inset: inset 0px 1px 0px 0px #0104090a; --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a; - --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914; + --shadow-resting-small: 0px 1px 0px 0px #0104090a; --shadow-resting-medium: 0px 3px 6px 0px #343b431f; - --shadow-floating-small: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f; - --shadow-floating-medium: 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314; - --shadow-floating-large: 0px 40px 80px 0px #343b433d; - --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352; + --shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f; + --shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314; + --shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d; + --shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352; + --shadow-floating-legacy: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f; } @media (prefers-color-scheme: dark) { [data-color-mode="auto"][data-dark-theme="light_high_contrast"], @@ -451,22 +605,137 @@ --header-borderColor-divider: #acb6c0; --headerSearch-bgColor: #0e1116; --headerSearch-borderColor: #4b535d; + --data-blue-color: #006edb; + --data-blue-color-muted: #d1f0ff; + --data-auburn-color: #9d615c; + --data-auburn-color-muted: #f2e9e9; + --data-orange-color: #eb670f; + --data-orange-color-muted: #ffe7d1; + --data-yellow-color: #b88700; + --data-yellow-color-muted: #ffec9e; + --data-green-color: #30a147; + --data-green-color-muted: #caf7ca; + --data-teal-color: #179b9b; + --data-teal-color-muted: #c7f5ef; + --data-purple-color: #894ceb; + --data-purple-color-muted: #f1e5ff; + --data-pink-color: #ce2c85; + --data-pink-color-muted: #ffe5f1; + --data-red-color: #df0c24; + --data-red-color-muted: #ffe2e0; + --data-gray-color: #808fa3; + --data-gray-color-muted: #e8ecf2; + --display-blue-bgColor-muted: #d1f0ff; + --display-blue-bgColor-emphasis: #006edb; + --display-blue-fgColor: #005fcc; + --display-blue-borderColor-muted: #ade1ff; + --display-blue-borderColor-emphasis: #006edb; + --display-green-bgColor-muted: #caf7ca; + --display-green-bgColor-emphasis: #2c8141; + --display-green-fgColor: #2b6e3f; + --display-green-borderColor-muted: #9ceda0; + --display-green-borderColor-emphasis: #2c8141; + --display-orange-bgColor-muted: #ffe7d1; + --display-orange-bgColor-emphasis: #b8500f; + --display-orange-fgColor: #a24610; + --display-orange-borderColor-muted: #fecfaa; + --display-orange-borderColor-emphasis: #b8500f; + --display-purple-bgColor-muted: #f1e5ff; + --display-purple-bgColor-emphasis: #894ceb; + --display-purple-fgColor: #783ae4; + --display-purple-borderColor-muted: #e6d2fe; + --display-purple-borderColor-emphasis: #894ceb; + --display-plum-bgColor-muted: #f8e5ff; + --display-plum-bgColor-emphasis: #a830e8; + --display-plum-fgColor: #961edc; + --display-plum-borderColor-muted: #f0cdfe; + --display-plum-borderColor-emphasis: #a830e8; + --display-red-bgColor-muted: #ffe2e0; + --display-red-bgColor-emphasis: #df0c24; + --display-red-fgColor: #c50d28; + --display-red-borderColor-muted: #fecdcd; + --display-red-borderColor-emphasis: #df0c24; + --display-coral-bgColor-muted: #ffe5db; + --display-coral-bgColor-emphasis: #d43511; + --display-coral-fgColor: #ba2e12; + --display-coral-borderColor-muted: #fecebe; + --display-coral-borderColor-emphasis: #d43511; + --display-yellow-bgColor-muted: #ffec9e; + --display-yellow-bgColor-emphasis: #946a00; + --display-yellow-fgColor: #805900; + --display-yellow-borderColor-muted: #ffd642; + --display-yellow-borderColor-emphasis: #946a00; + --display-gray-bgColor-muted: #e8ecf2; + --display-gray-bgColor-emphasis: #647182; + --display-gray-fgColor: #5c6570; + --display-gray-borderColor-muted: #d2dae4; + --display-gray-borderColor-emphasis: #647182; + --display-auburn-bgColor-muted: #f2e9e9; + --display-auburn-bgColor-emphasis: #9d615c; + --display-auburn-fgColor: #8a5551; + --display-auburn-borderColor-muted: #e6d6d5; + --display-auburn-borderColor-emphasis: #9d615c; + --display-brown-bgColor-muted: #eeeae2; + --display-brown-bgColor-emphasis: #856d4c; + --display-brown-fgColor: #755f43; + --display-brown-borderColor-muted: #dfd7c8; + --display-brown-borderColor-emphasis: #856d4c; + --display-lemon-bgColor-muted: #f7eea1; + --display-lemon-bgColor-emphasis: #866e04; + --display-lemon-fgColor: #786002; + --display-lemon-borderColor-muted: #f0db3d; + --display-lemon-borderColor-emphasis: #866e04; + --display-olive-bgColor-muted: #f0f0ad; + --display-olive-bgColor-emphasis: #64762d; + --display-olive-fgColor: #56682c; + --display-olive-borderColor-muted: #dbe170; + --display-olive-borderColor-emphasis: #64762d; + --display-lime-bgColor-muted: #e3f2b5; + --display-lime-bgColor-emphasis: #527a29; + --display-lime-fgColor: #476c28; + --display-lime-borderColor-muted: #c7e580; + --display-lime-borderColor-emphasis: #527a29; + --display-pine-bgColor-muted: #bff8db; + --display-pine-bgColor-emphasis: #167e53; + --display-pine-fgColor: #156f4b; + --display-pine-borderColor-muted: #80efb9; + --display-pine-borderColor-emphasis: #167e53; + --display-teal-bgColor-muted: #c7f5ef; + --display-teal-bgColor-emphasis: #127e81; + --display-teal-fgColor: #106e75; + --display-teal-borderColor-muted: #89ebe1; + --display-teal-borderColor-emphasis: #127e81; + --display-cyan-bgColor-muted: #bdf4ff; + --display-cyan-bgColor-emphasis: #007b94; + --display-cyan-fgColor: #006a80; + --display-cyan-borderColor-muted: #7ae9ff; + --display-cyan-borderColor-emphasis: #007b94; + --display-indigo-bgColor-muted: #e5e9ff; + --display-indigo-bgColor-emphasis: #5a61e7; + --display-indigo-fgColor: #494edf; + --display-indigo-borderColor-muted: #d2d7fe; + --display-indigo-borderColor-emphasis: #5a61e7; + --display-pink-bgColor-muted: #ffe5f1; + --display-pink-bgColor-emphasis: #ce2c85; + --display-pink-fgColor: #b12f79; + --display-pink-borderColor-muted: #fdc9e2; + --display-pink-borderColor-emphasis: #ce2c85; --avatar-bgColor: #ffffff; - --avatar-borderColor: #20252c; + --avatar-borderColor: #010409e6; --avatar-shadow: 0px 0px 0px 2px #ffffffcc; --avatarStack-fade-bgColor-default: #acb6c0; --avatarStack-fade-bgColor-muted: #ced5dc; --control-bgColor-rest: #e7ecf0; --control-bgColor-hover: #dbe1e6; --control-bgColor-active: #cfd6dd; - --control-bgColor-disabled: #e7ecf0; + --control-bgColor-disabled: #ced5dcb3; --control-bgColor-selected: #acb6c0; --control-fgColor-rest: #0e1116; --control-fgColor-placeholder: #66707b; - --control-fgColor-disabled: #4b535d; + --control-fgColor-disabled: #66707b; --control-borderColor-rest: #20252c; --control-borderColor-emphasis: #20252c; - --control-borderColor-disabled: #e7ecf0; + --control-borderColor-disabled: #ced5dcb3; --control-borderColor-selected: #ffffff; --control-borderColor-success: #055d20; --control-borderColor-danger: #a0111f; @@ -475,7 +744,7 @@ --control-transparent-bgColor-rest: #ffffff00; --control-transparent-bgColor-hover: #e7ecf0; --control-transparent-bgColor-active: #ced5dc; - --control-transparent-bgColor-disabled: #ffffff00; + --control-transparent-bgColor-disabled: #ced5dcb3; --control-transparent-bgColor-selected: #ced5dc33; --control-transparent-borderColor-rest: #ffffff00; --control-transparent-borderColor-hover: #20252c; @@ -487,26 +756,26 @@ --control-checked-bgColor-rest: #0349b4; --control-checked-bgColor-hover: #0344a8; --control-checked-bgColor-active: #033f9d; - --control-checked-bgColor-disabled: #4b535d; + --control-checked-bgColor-disabled: #66707b; --control-checked-fgColor-rest: #ffffff; --control-checked-fgColor-disabled: #ffffff; --control-checked-borderColor-rest: #0349b4; --control-checked-borderColor-hover: #0344a8; --control-checked-borderColor-active: #033f9d; - --control-checked-borderColor-disabled: #4b535d; + --control-checked-borderColor-disabled: #66707b; --controlTrack-bgColor-rest: #acb6c0; --controlTrack-bgColor-hover: #9ea8b2; --controlTrack-bgColor-active: #909aa4; - --controlTrack-bgColor-disabled: #4b535d; + --controlTrack-bgColor-disabled: #66707b; --controlTrack-fgColor-rest: #010409; --controlTrack-fgColor-disabled: #ffffff; --controlTrack-borderColor-rest: #ffffff00; - --controlTrack-borderColor-disabled: #4b535d; + --controlTrack-borderColor-disabled: #66707b; --controlKnob-bgColor-rest: #ffffff; - --controlKnob-bgColor-disabled: #e7ecf0; + --controlKnob-bgColor-disabled: #ced5dcb3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #20252c; - --controlKnob-borderColor-disabled: #e7ecf0; + --controlKnob-borderColor-disabled: #ced5dcb3; --controlKnob-borderColor-checked: #0349b4; --counter-borderColor: #20252c; --button-default-fgColor-rest: #0e1116; @@ -514,11 +783,11 @@ --button-default-bgColor-hover: #dbe1e6; --button-default-bgColor-active: #cfd6dd; --button-default-bgColor-selected: #cfd6dd; - --button-default-bgColor-disabled: #e7ecf0; + --button-default-bgColor-disabled: #ced5dcb3; --button-default-borderColor-rest: #20252c; --button-default-borderColor-hover: #20252c; --button-default-borderColor-active: #20252c; - --button-default-borderColor-disabled: #e7ecf0; + --button-default-borderColor-disabled: #ced5dcb3; --button-default-shadow-resting: 0px 1px 0px 0px #0104090a; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #ffffffcc; @@ -531,20 +800,20 @@ --button-primary-borderColor-hover: #013d14; --button-primary-borderColor-active: #013d14; --button-primary-borderColor-disabled: #85cb97; - --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d; + --button-primary-shadow-selected: inset 0px 1px 0px 0px #07251f4d; --button-invisible-fgColor-rest: #023b95; --button-invisible-fgColor-hover: #67b3fd; - --button-invisible-fgColor-disabled: #4b535d; + --button-invisible-fgColor-disabled: #66707b; --button-invisible-iconColor-rest: #0e1116; --button-invisible-iconColor-hover: #ffffff; - --button-invisible-iconColor-disabled: #4b535d; + --button-invisible-iconColor-disabled: #66707b; --button-invisible-bgColor-rest: #ffffff00; --button-invisible-bgColor-hover: #20252c; --button-invisible-bgColor-active: #4b535d; - --button-invisible-bgColor-disabled: #ffffff00; + --button-invisible-bgColor-disabled: #ced5dcb3; --button-invisible-borderColor-rest: #ffffff00; --button-invisible-borderColor-hover: #20252c; - --button-invisible-borderColor-disabled: #e7ecf0; + --button-invisible-borderColor-disabled: #ced5dcb3; --button-outline-fgColor-rest: #023b95; --button-outline-fgColor-hover: #ffffff; --button-outline-fgColor-active: #ffffff; @@ -565,13 +834,14 @@ --button-danger-bgColor-rest: #e7ecf0; --button-danger-bgColor-hover: #86061d; --button-danger-bgColor-active: #74041a; - --button-danger-bgColor-disabled: #e7ecf0; + --button-danger-bgColor-disabled: #ced5dcb3; --button-danger-borderColor-rest: #20252c; --button-danger-borderColor-hover: #01040926; --button-danger-borderColor-active: #01040926; --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133; - --button-inactive-fgColor-rest: #4b535d; - --button-inactive-bgColor-rest: #e7ecf0; + --button-inactive-fgColor: #4b535d; + --button-inactive-bgColor: #e7ecf0; + --button-star-iconColor: #d5a824; --buttonCounter-default-bgColor-rest: #66707b33; --buttonCounter-invisible-bgColor-rest: #66707b33; --buttonCounter-primary-bgColor-rest: #00230b33; @@ -587,10 +857,15 @@ --buttonCounter-danger-fgColor-rest: #980e1e; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #8a071e80; + --reactionButton-selected-bgColor-rest: #dff7ff; + --reactionButton-selected-bgColor-hover: #c7e9ff; + --reactionButton-selected-fgColor-rest: #023b95; + --reactionButton-selected-fgColor-hover: #023b95; --focus-outlineColor: #0349b4; --focus-outline: #0349b4 solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; + --overlay-borderColor: #88929d; --overlay-backdrop-bgColor: #88929d33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #9cd7ff; @@ -601,33 +876,154 @@ --underlineNav-borderColor-active: #cd3425; --underlineNav-borderColor-hover: #88929d; --underlineNav-iconColor-rest: #0e1116; + --selection-bgColor: #0349b433; + --card-bgColor: #ffffff; + --label-green-bgColor-rest: #caf7ca; + --label-green-bgColor-hover: #9ceda0; + --label-green-bgColor-active: #54d961; + --label-green-fgColor-rest: #2b6e3f; + --label-green-fgColor-hover: #285c3b; + --label-green-fgColor-active: #254b34; + --label-orange-bgColor-rest: #ffe7d1; + --label-orange-bgColor-hover: #fecfaa; + --label-orange-bgColor-active: #fbaf74; + --label-orange-fgColor-rest: #a24610; + --label-orange-fgColor-hover: #8d3c11; + --label-orange-fgColor-active: #70300f; + --label-purple-bgColor-rest: #f1e5ff; + --label-purple-bgColor-hover: #e6d2fe; + --label-purple-bgColor-active: #d1b1fc; + --label-purple-fgColor-rest: #783ae4; + --label-purple-fgColor-hover: #6223d7; + --label-purple-fgColor-active: #4f21ab; + --label-red-bgColor-rest: #ffe2e0; + --label-red-bgColor-hover: #fecdcd; + --label-red-bgColor-active: #fda5a7; + --label-red-fgColor-rest: #c50d28; + --label-red-fgColor-hover: #a60c29; + --label-red-fgColor-active: #880c27; + --label-yellow-bgColor-rest: #ffec9e; + --label-yellow-bgColor-hover: #ffd642; + --label-yellow-bgColor-active: #ebb400; + --label-yellow-fgColor-rest: #805900; + --label-yellow-fgColor-hover: #704d00; + --label-yellow-fgColor-active: #5c3d00; + --label-gray-bgColor-rest: #e8ecf2; + --label-gray-bgColor-hover: #d2dae4; + --label-gray-bgColor-active: #b4c0cf; + --label-gray-fgColor-rest: #5c6570; + --label-gray-fgColor-hover: #4e535a; + --label-gray-fgColor-active: #424448; + --label-auburn-bgColor-rest: #f2e9e9; + --label-auburn-bgColor-hover: #e6d6d5; + --label-auburn-bgColor-active: #d4b7b5; + --label-auburn-fgColor-rest: #8a5551; + --label-auburn-fgColor-hover: #744744; + --label-auburn-fgColor-active: #5d3937; + --label-brown-bgColor-rest: #eeeae2; + --label-brown-bgColor-hover: #dfd7c8; + --label-brown-bgColor-active: #cbbda4; + --label-brown-fgColor-rest: #755f43; + --label-brown-fgColor-hover: #64513a; + --label-brown-fgColor-active: #51412f; + --label-lemon-bgColor-rest: #f7eea1; + --label-lemon-bgColor-hover: #f0db3d; + --label-lemon-bgColor-active: #d8bd0e; + --label-lemon-fgColor-rest: #786002; + --label-lemon-fgColor-hover: #654f01; + --label-lemon-fgColor-active: #523f00; + --label-olive-bgColor-rest: #f0f0ad; + --label-olive-bgColor-hover: #dbe170; + --label-olive-bgColor-active: #b9c832; + --label-olive-fgColor-rest: #56682c; + --label-olive-fgColor-hover: #495a2b; + --label-olive-fgColor-active: #3b4927; + --label-lime-bgColor-rest: #e3f2b5; + --label-lime-bgColor-hover: #c7e580; + --label-lime-bgColor-active: #9bd039; + --label-lime-fgColor-rest: #476c28; + --label-lime-fgColor-hover: #3a5b25; + --label-lime-fgColor-active: #2f4a21; + --label-pine-bgColor-rest: #bff8db; + --label-pine-bgColor-hover: #80efb9; + --label-pine-bgColor-active: #1dd781; + --label-pine-fgColor-rest: #156f4b; + --label-pine-fgColor-hover: #135d41; + --label-pine-fgColor-active: #114b36; + --label-teal-bgColor-rest: #c7f5ef; + --label-teal-bgColor-hover: #89ebe1; + --label-teal-bgColor-active: #22d3c7; + --label-teal-fgColor-rest: #106e75; + --label-teal-fgColor-hover: #0d5b63; + --label-teal-fgColor-active: #0a4852; + --label-cyan-bgColor-rest: #bdf4ff; + --label-cyan-bgColor-hover: #7ae9ff; + --label-cyan-bgColor-active: #00d0fa; + --label-cyan-fgColor-rest: #006a80; + --label-cyan-fgColor-hover: #00596b; + --label-cyan-fgColor-active: #004857; + --label-indigo-bgColor-rest: #e5e9ff; + --label-indigo-bgColor-hover: #d2d7fe; + --label-indigo-bgColor-active: #b1b9fb; + --label-indigo-fgColor-rest: #494edf; + --label-indigo-fgColor-hover: #393cd5; + --label-indigo-fgColor-active: #2d2db4; + --label-blue-bgColor-rest: #d1f0ff; + --label-blue-bgColor-hover: #ade1ff; + --label-blue-bgColor-active: #75c8ff; + --label-blue-fgColor-rest: #005fcc; + --label-blue-fgColor-hover: #004db3; + --label-blue-fgColor-active: #003d99; + --label-plum-bgColor-rest: #f8e5ff; + --label-plum-bgColor-hover: #f0cdfe; + --label-plum-bgColor-active: #e2a7fb; + --label-plum-fgColor-rest: #961edc; + --label-plum-fgColor-hover: #7d1eb8; + --label-plum-fgColor-active: #651d96; + --label-pink-bgColor-rest: #ffe5f1; + --label-pink-bgColor-hover: #fdc9e2; + --label-pink-bgColor-active: #f8a5cf; + --label-pink-fgColor-rest: #b12f79; + --label-pink-fgColor-hover: #8e2e66; + --label-pink-fgColor-active: #6e2b53; + --label-coral-bgColor-rest: #ffe5db; + --label-coral-bgColor-hover: #fecebe; + --label-coral-bgColor-active: #fcab92; + --label-coral-fgColor-rest: #ba2e12; + --label-coral-fgColor-hover: #9b2712; + --label-coral-fgColor-active: #7e2011; --fgColor-default: #010409; --fgColor-muted: #0e1116; --fgColor-onEmphasis: #ffffff; - --fgColor-disabled: #4b535d; + --fgColor-white: #ffffff; + --fgColor-black: #010409; + --fgColor-disabled: #66707b; --fgColor-link: #023b95; --fgColor-neutral: #66707b; --fgColor-accent: #023b95; - --fgColor-success: #055d20; + --fgColor-success: #08856c; --fgColor-attention: #744500; --fgColor-severe: #873800; --fgColor-danger: #8a071e; - --fgColor-open: #055d20; + --fgColor-open: #08856c; --fgColor-closed: #8a071e; --fgColor-done: #622cbc; + --fgColor-upsell: #622cbc; --fgColor-sponsors: #971368; --bgColor-default: #ffffff; --bgColor-muted: #e7ecf0; --bgColor-inset: #ffffff; --bgColor-emphasis: #0e1116; --bgColor-inverse: #0e1116; - --bgColor-disabled: #e7ecf0; + --bgColor-white: #ffffff; + --bgColor-black: #010409; + --bgColor-disabled: #ced5dcb3; --bgColor-transparent: #ffffff00; --bgColor-neutral-muted: #e7ecf0; --bgColor-neutral-emphasis: #66707b; --bgColor-accent-muted: #dff7ff; --bgColor-accent-emphasis: #0349b4; - --bgColor-success-muted: #d2fedb; + --bgColor-success-muted: #f3f8f6; --bgColor-success-emphasis: #055d20; --bgColor-attention-muted: #fcf7be; --bgColor-attention-emphasis: #744500; @@ -635,18 +1031,20 @@ --bgColor-severe-emphasis: #873800; --bgColor-danger-muted: #fff0ee; --bgColor-danger-emphasis: #a0111f; - --bgColor-open-muted: #d2fedb; + --bgColor-open-muted: #f3f8f6; --bgColor-open-emphasis: #055d20; --bgColor-closed-muted: #fff0ee; --bgColor-closed-emphasis: #a0111f; --bgColor-done-muted: #faf0fe; --bgColor-done-emphasis: #622cbc; + --bgColor-upsell-muted: #faf0fe; + --bgColor-upsell-emphasis: #622cbc; --bgColor-sponsors-muted: #feeff7; --bgColor-sponsors-emphasis: #971368; --borderColor-default: #20252c; --borderColor-muted: #88929d; --borderColor-emphasis: #66707b; - --borderColor-disabled: #e7ecf0; + --borderColor-disabled: #ced5dcb3; --borderColor-transparent: #ffffff00; --borderColor-neutral-muted: #88929d; --borderColor-neutral-emphasis: #66707b; @@ -666,6 +1064,8 @@ --borderColor-closed-emphasis: #a0111f; --borderColor-done-muted: #a371f7; --borderColor-done-emphasis: #622cbc; + --borderColor-upsell-muted: #a371f766; + --borderColor-upsell-emphasis: #622cbc; --borderColor-sponsors-muted: #ed4baf; --borderColor-sponsors-emphasis: #971368; --color-ansi-black: #0e1116; @@ -715,106 +1115,14 @@ --color-prettylights-syntax-markup-ignored-bg: #023b95; --color-prettylights-syntax-meta-diff-range: #622cbc; --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d; - --color-scale-black: #010409; - --color-scale-transparent: #ffffff00; - --color-scale-white: #ffffff; - --color-scale-gray-0: #ffffff; - --color-scale-gray-1: #e7ecf0; - --color-scale-gray-2: #ced5dc; - --color-scale-gray-3: #acb6c0; - --color-scale-gray-4: #88929d; - --color-scale-gray-5: #66707b; - --color-scale-gray-6: #4b535d; - --color-scale-gray-7: #343b43; - --color-scale-gray-8: #20252c; - --color-scale-gray-9: #0e1116; - --color-scale-blue-0: #dff7ff; - --color-scale-blue-1: #9cd7ff; - --color-scale-blue-2: #67b3fd; - --color-scale-blue-3: #368cf9; - --color-scale-blue-4: #1168e3; - --color-scale-blue-5: #0349b4; - --color-scale-blue-6: #023b95; - --color-scale-blue-7: #022f7a; - --color-scale-blue-8: #032563; - --color-scale-blue-9: #021a4a; - --color-scale-green-0: #d2fedb; - --color-scale-green-1: #82e596; - --color-scale-green-2: #43c663; - --color-scale-green-3: #26a148; - --color-scale-green-4: #117f32; - --color-scale-green-5: #055d20; - --color-scale-green-6: #024c1a; - --color-scale-green-7: #013d14; - --color-scale-green-8: #003110; - --color-scale-green-9: #00230b; - --color-scale-yellow-0: #fcf7be; - --color-scale-yellow-1: #f0ce53; - --color-scale-yellow-2: #d5a824; - --color-scale-yellow-3: #b58407; - --color-scale-yellow-4: #956400; - --color-scale-yellow-5: #744500; - --color-scale-yellow-6: #603700; - --color-scale-yellow-7: #4e2c00; - --color-scale-yellow-8: #3f2200; - --color-scale-yellow-9: #2e1800; - --color-scale-orange-0: #fff2d5; - --color-scale-orange-1: #ffc67b; - --color-scale-orange-2: #f99636; - --color-scale-orange-3: #dc6d1a; - --color-scale-orange-4: #b45105; - --color-scale-orange-5: #873800; - --color-scale-orange-6: #702c00; - --color-scale-orange-7: #5b2300; - --color-scale-orange-8: #491b00; - --color-scale-orange-9: #361200; - --color-scale-red-0: #fff0ee; - --color-scale-red-1: #ffc1bc; - --color-scale-red-2: #ff8e8a; - --color-scale-red-3: #ee5a5d; - --color-scale-red-4: #d5232c; - --color-scale-red-5: #a0111f; - --color-scale-red-6: #86061d; - --color-scale-red-7: #6e011a; - --color-scale-red-8: #5a0016; - --color-scale-red-9: #430011; - --color-scale-purple-0: #faf0fe; - --color-scale-purple-1: #e0c5ff; - --color-scale-purple-2: #c49bff; - --color-scale-purple-3: #a371f7; - --color-scale-purple-4: #844ae7; - --color-scale-purple-5: #622cbc; - --color-scale-purple-6: #512598; - --color-scale-purple-7: #411d7b; - --color-scale-purple-8: #341763; - --color-scale-purple-9: #260f49; - --color-scale-pink-0: #feeff7; - --color-scale-pink-1: #ffbde0; - --color-scale-pink-2: #fc87ca; - --color-scale-pink-3: #ed4baf; - --color-scale-pink-4: #c9248e; - --color-scale-pink-5: #971368; - --color-scale-pink-6: #7d0c57; - --color-scale-pink-7: #660847; - --color-scale-pink-8: #53043a; - --color-scale-pink-9: #3e022b; - --color-scale-coral-0: #fff0ed; - --color-scale-coral-1: #ffc2b6; - --color-scale-coral-2: #ff8f7e; - --color-scale-coral-3: #cd3425; - --color-scale-coral-4: #ef5b48; - --color-scale-coral-5: #9f1710; - --color-scale-coral-6: #870706; - --color-scale-coral-7: #6f0107; - --color-scale-coral-8: #5b0002; - --color-scale-coral-9: #430200; --shadow-inset: inset 0px 1px 0px 0px #0104090a; --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a; - --shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914; + --shadow-resting-small: 0px 1px 0px 0px #0104090a; --shadow-resting-medium: 0px 3px 6px 0px #343b431f; - --shadow-floating-small: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f; - --shadow-floating-medium: 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314; - --shadow-floating-large: 0px 40px 80px 0px #343b433d; - --shadow-floating-xlarge: 0px 56px 112px 0px #343b4352; + --shadow-floating-small: 0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f; + --shadow-floating-medium: 0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314; + --shadow-floating-large: 0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d; + --shadow-floating-xlarge: 0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352; + --shadow-floating-legacy: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f; } } diff --git a/dist/css/functional/themes/light-tritanopia.css b/dist/css/functional/themes/light-tritanopia.css index ace2d4789..9bf5c322d 100644 --- a/dist/css/functional/themes/light-tritanopia.css +++ b/dist/css/functional/themes/light-tritanopia.css @@ -42,22 +42,137 @@ --header-borderColor-divider: #57606a; --headerSearch-bgColor: #24292f; --headerSearch-borderColor: #57606a; + --data-blue-color: #006edb; + --data-blue-color-muted: #d1f0ff; + --data-auburn-color: #9d615c; + --data-auburn-color-muted: #f2e9e9; + --data-orange-color: #eb670f; + --data-orange-color-muted: #ffe7d1; + --data-yellow-color: #b88700; + --data-yellow-color-muted: #ffec9e; + --data-green-color: #30a147; + --data-green-color-muted: #caf7ca; + --data-teal-color: #179b9b; + --data-teal-color-muted: #c7f5ef; + --data-purple-color: #894ceb; + --data-purple-color-muted: #f1e5ff; + --data-pink-color: #ce2c85; + --data-pink-color-muted: #ffe5f1; + --data-red-color: #df0c24; + --data-red-color-muted: #ffe2e0; + --data-gray-color: #808fa3; + --data-gray-color-muted: #e8ecf2; + --display-blue-bgColor-muted: #d1f0ff; + --display-blue-bgColor-emphasis: #006edb; + --display-blue-fgColor: #005fcc; + --display-blue-borderColor-muted: #ade1ff; + --display-blue-borderColor-emphasis: #006edb; + --display-green-bgColor-muted: #caf7ca; + --display-green-bgColor-emphasis: #2c8141; + --display-green-fgColor: #2b6e3f; + --display-green-borderColor-muted: #9ceda0; + --display-green-borderColor-emphasis: #2c8141; + --display-orange-bgColor-muted: #ffe7d1; + --display-orange-bgColor-emphasis: #b8500f; + --display-orange-fgColor: #a24610; + --display-orange-borderColor-muted: #fecfaa; + --display-orange-borderColor-emphasis: #b8500f; + --display-purple-bgColor-muted: #f1e5ff; + --display-purple-bgColor-emphasis: #894ceb; + --display-purple-fgColor: #783ae4; + --display-purple-borderColor-muted: #e6d2fe; + --display-purple-borderColor-emphasis: #894ceb; + --display-plum-bgColor-muted: #f8e5ff; + --display-plum-bgColor-emphasis: #a830e8; + --display-plum-fgColor: #961edc; + --display-plum-borderColor-muted: #f0cdfe; + --display-plum-borderColor-emphasis: #a830e8; + --display-red-bgColor-muted: #ffe2e0; + --display-red-bgColor-emphasis: #df0c24; + --display-red-fgColor: #c50d28; + --display-red-borderColor-muted: #fecdcd; + --display-red-borderColor-emphasis: #df0c24; + --display-coral-bgColor-muted: #ffe5db; + --display-coral-bgColor-emphasis: #d43511; + --display-coral-fgColor: #ba2e12; + --display-coral-borderColor-muted: #fecebe; + --display-coral-borderColor-emphasis: #d43511; + --display-yellow-bgColor-muted: #ffec9e; + --display-yellow-bgColor-emphasis: #946a00; + --display-yellow-fgColor: #805900; + --display-yellow-borderColor-muted: #ffd642; + --display-yellow-borderColor-emphasis: #946a00; + --display-gray-bgColor-muted: #e8ecf2; + --display-gray-bgColor-emphasis: #647182; + --display-gray-fgColor: #5c6570; + --display-gray-borderColor-muted: #d2dae4; + --display-gray-borderColor-emphasis: #647182; + --display-auburn-bgColor-muted: #f2e9e9; + --display-auburn-bgColor-emphasis: #9d615c; + --display-auburn-fgColor: #8a5551; + --display-auburn-borderColor-muted: #e6d6d5; + --display-auburn-borderColor-emphasis: #9d615c; + --display-brown-bgColor-muted: #eeeae2; + --display-brown-bgColor-emphasis: #856d4c; + --display-brown-fgColor: #755f43; + --display-brown-borderColor-muted: #dfd7c8; + --display-brown-borderColor-emphasis: #856d4c; + --display-lemon-bgColor-muted: #f7eea1; + --display-lemon-bgColor-emphasis: #866e04; + --display-lemon-fgColor: #786002; + --display-lemon-borderColor-muted: #f0db3d; + --display-lemon-borderColor-emphasis: #866e04; + --display-olive-bgColor-muted: #f0f0ad; + --display-olive-bgColor-emphasis: #64762d; + --display-olive-fgColor: #56682c; + --display-olive-borderColor-muted: #dbe170; + --display-olive-borderColor-emphasis: #64762d; + --display-lime-bgColor-muted: #e3f2b5; + --display-lime-bgColor-emphasis: #527a29; + --display-lime-fgColor: #476c28; + --display-lime-borderColor-muted: #c7e580; + --display-lime-borderColor-emphasis: #527a29; + --display-pine-bgColor-muted: #bff8db; + --display-pine-bgColor-emphasis: #167e53; + --display-pine-fgColor: #156f4b; + --display-pine-borderColor-muted: #80efb9; + --display-pine-borderColor-emphasis: #167e53; + --display-teal-bgColor-muted: #c7f5ef; + --display-teal-bgColor-emphasis: #127e81; + --display-teal-fgColor: #106e75; + --display-teal-borderColor-muted: #89ebe1; + --display-teal-borderColor-emphasis: #127e81; + --display-cyan-bgColor-muted: #bdf4ff; + --display-cyan-bgColor-emphasis: #007b94; + --display-cyan-fgColor: #006a80; + --display-cyan-borderColor-muted: #7ae9ff; + --display-cyan-borderColor-emphasis: #007b94; + --display-indigo-bgColor-muted: #e5e9ff; + --display-indigo-bgColor-emphasis: #5a61e7; + --display-indigo-fgColor: #494edf; + --display-indigo-borderColor-muted: #d2d7fe; + --display-indigo-borderColor-emphasis: #5a61e7; + --display-pink-bgColor-muted: #ffe5f1; + --display-pink-bgColor-emphasis: #ce2c85; + --display-pink-fgColor: #b12f79; + --display-pink-borderColor-muted: #fdc9e2; + --display-pink-borderColor-emphasis: #ce2c85; --avatar-bgColor: #ffffff; - --avatar-borderColor: #d0d7de; + --avatar-borderColor: #1f232826; --avatar-shadow: 0px 0px 0px 2px #ffffffcc; --avatarStack-fade-bgColor-default: #afb8c1; --avatarStack-fade-bgColor-muted: #d0d7de; --control-bgColor-rest: #f6f8fa; --control-bgColor-hover: #eef1f4; --control-bgColor-active: #e7ebef; - --control-bgColor-disabled: #f6f8fa; + --control-bgColor-disabled: #eaeef2b3; --control-bgColor-selected: #f6f8fa; --control-fgColor-rest: #24292f; --control-fgColor-placeholder: #6e7781; --control-fgColor-disabled: #8c959f; --control-borderColor-rest: #d0d7de; --control-borderColor-emphasis: #868f99; - --control-borderColor-disabled: #f6f8fa; + --control-borderColor-disabled: #eaeef2b3; --control-borderColor-selected: #f6f8fa; --control-borderColor-success: #218bff; --control-borderColor-danger: #cf222e; @@ -66,7 +181,7 @@ --control-transparent-bgColor-rest: #ffffff00; --control-transparent-bgColor-hover: #d0d7de33; --control-transparent-bgColor-active: #d0d7de66; - --control-transparent-bgColor-disabled: #ffffff00; + --control-transparent-bgColor-disabled: #eaeef2b3; --control-transparent-bgColor-selected: #d0d7de33; --control-transparent-borderColor-rest: #ffffff00; --control-transparent-borderColor-hover: #ffffff00; @@ -94,10 +209,10 @@ --controlTrack-borderColor-rest: #ffffff00; --controlTrack-borderColor-disabled: #8c959f; --controlKnob-bgColor-rest: #ffffff; - --controlKnob-bgColor-disabled: #f6f8fa; + --controlKnob-bgColor-disabled: #eaeef2b3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #868f99; - --controlKnob-borderColor-disabled: #f6f8fa; + --controlKnob-borderColor-disabled: #eaeef2b3; --controlKnob-borderColor-checked: #0969da; --counter-borderColor: #ffffff00; --button-default-fgColor-rest: #24292f; @@ -105,11 +220,11 @@ --button-default-bgColor-hover: #eef1f4; --button-default-bgColor-active: #e7ebef; --button-default-bgColor-selected: #e7ebef; - --button-default-bgColor-disabled: #f6f8fa; + --button-default-bgColor-disabled: #eaeef2b3; --button-default-borderColor-rest: #d0d7de; --button-default-borderColor-hover: #d0d7de; --button-default-borderColor-active: #d0d7de; - --button-default-borderColor-disabled: #f6f8fa; + --button-default-borderColor-disabled: #eaeef2b3; --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #ffffffcc; @@ -132,10 +247,10 @@ --button-invisible-bgColor-rest: #ffffff00; --button-invisible-bgColor-hover: #d0d7de33; --button-invisible-bgColor-active: #d0d7de66; - --button-invisible-bgColor-disabled: #ffffff00; + --button-invisible-bgColor-disabled: #eaeef2b3; --button-invisible-borderColor-rest: #ffffff00; --button-invisible-borderColor-hover: #ffffff00; - --button-invisible-borderColor-disabled: #f6f8fa; + --button-invisible-borderColor-disabled: #eaeef2b3; --button-outline-fgColor-rest: #0969da; --button-outline-fgColor-hover: #ffffff; --button-outline-fgColor-active: #ffffff; @@ -156,13 +271,14 @@ --button-danger-bgColor-rest: #f6f8fa; --button-danger-bgColor-hover: #a40e26; --button-danger-bgColor-active: #8b0820; - --button-danger-bgColor-disabled: #f6f8fa; + --button-danger-bgColor-disabled: #eaeef2b3; --button-danger-borderColor-rest: #d0d7de; --button-danger-borderColor-hover: #1f232826; --button-danger-borderColor-active: #1f232826; --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433; - --button-inactive-fgColor-rest: #57606a; - --button-inactive-bgColor-rest: #eaeef2; + --button-inactive-fgColor: #57606a; + --button-inactive-bgColor: #eaeef2; + --button-star-iconColor: #eac54f; --buttonCounter-default-bgColor-rest: #afb8c133; --buttonCounter-invisible-bgColor-rest: #afb8c133; --buttonCounter-primary-bgColor-rest: #002d1133; @@ -178,10 +294,15 @@ --buttonCounter-danger-fgColor-rest: #c21c2c; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #d1242f80; + --reactionButton-selected-bgColor-rest: #ddf4ff; + --reactionButton-selected-bgColor-hover: #caecff; + --reactionButton-selected-fgColor-rest: #0969da; + --reactionButton-selected-fgColor-hover: #0550ae; --focus-outlineColor: #0969da; --focus-outline: #0969da solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; + --overlay-borderColor: #d0d7de80; --overlay-backdrop-bgColor: #8c959f33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #b6e3ff; @@ -192,9 +313,127 @@ --underlineNav-borderColor-active: #fd8c73; --underlineNav-borderColor-hover: #afb8c133; --underlineNav-iconColor-rest: #636c76; + --selection-bgColor: #0969da33; + --card-bgColor: #ffffff; + --label-green-bgColor-rest: #caf7ca; + --label-green-bgColor-hover: #9ceda0; + --label-green-bgColor-active: #54d961; + --label-green-fgColor-rest: #2b6e3f; + --label-green-fgColor-hover: #285c3b; + --label-green-fgColor-active: #254b34; + --label-orange-bgColor-rest: #ffe7d1; + --label-orange-bgColor-hover: #fecfaa; + --label-orange-bgColor-active: #fbaf74; + --label-orange-fgColor-rest: #a24610; + --label-orange-fgColor-hover: #8d3c11; + --label-orange-fgColor-active: #70300f; + --label-purple-bgColor-rest: #f1e5ff; + --label-purple-bgColor-hover: #e6d2fe; + --label-purple-bgColor-active: #d1b1fc; + --label-purple-fgColor-rest: #783ae4; + --label-purple-fgColor-hover: #6223d7; + --label-purple-fgColor-active: #4f21ab; + --label-red-bgColor-rest: #ffe2e0; + --label-red-bgColor-hover: #fecdcd; + --label-red-bgColor-active: #fda5a7; + --label-red-fgColor-rest: #c50d28; + --label-red-fgColor-hover: #a60c29; + --label-red-fgColor-active: #880c27; + --label-yellow-bgColor-rest: #ffec9e; + --label-yellow-bgColor-hover: #ffd642; + --label-yellow-bgColor-active: #ebb400; + --label-yellow-fgColor-rest: #805900; + --label-yellow-fgColor-hover: #704d00; + --label-yellow-fgColor-active: #5c3d00; + --label-gray-bgColor-rest: #e8ecf2; + --label-gray-bgColor-hover: #d2dae4; + --label-gray-bgColor-active: #b4c0cf; + --label-gray-fgColor-rest: #5c6570; + --label-gray-fgColor-hover: #4e535a; + --label-gray-fgColor-active: #424448; + --label-auburn-bgColor-rest: #f2e9e9; + --label-auburn-bgColor-hover: #e6d6d5; + --label-auburn-bgColor-active: #d4b7b5; + --label-auburn-fgColor-rest: #8a5551; + --label-auburn-fgColor-hover: #744744; + --label-auburn-fgColor-active: #5d3937; + --label-brown-bgColor-rest: #eeeae2; + --label-brown-bgColor-hover: #dfd7c8; + --label-brown-bgColor-active: #cbbda4; + --label-brown-fgColor-rest: #755f43; + --label-brown-fgColor-hover: #64513a; + --label-brown-fgColor-active: #51412f; + --label-lemon-bgColor-rest: #f7eea1; + --label-lemon-bgColor-hover: #f0db3d; + --label-lemon-bgColor-active: #d8bd0e; + --label-lemon-fgColor-rest: #786002; + --label-lemon-fgColor-hover: #654f01; + --label-lemon-fgColor-active: #523f00; + --label-olive-bgColor-rest: #f0f0ad; + --label-olive-bgColor-hover: #dbe170; + --label-olive-bgColor-active: #b9c832; + --label-olive-fgColor-rest: #56682c; + --label-olive-fgColor-hover: #495a2b; + --label-olive-fgColor-active: #3b4927; + --label-lime-bgColor-rest: #e3f2b5; + --label-lime-bgColor-hover: #c7e580; + --label-lime-bgColor-active: #9bd039; + --label-lime-fgColor-rest: #476c28; + --label-lime-fgColor-hover: #3a5b25; + --label-lime-fgColor-active: #2f4a21; + --label-pine-bgColor-rest: #bff8db; + --label-pine-bgColor-hover: #80efb9; + --label-pine-bgColor-active: #1dd781; + --label-pine-fgColor-rest: #156f4b; + --label-pine-fgColor-hover: #135d41; + --label-pine-fgColor-active: #114b36; + --label-teal-bgColor-rest: #c7f5ef; + --label-teal-bgColor-hover: #89ebe1; + --label-teal-bgColor-active: #22d3c7; + --label-teal-fgColor-rest: #106e75; + --label-teal-fgColor-hover: #0d5b63; + --label-teal-fgColor-active: #0a4852; + --label-cyan-bgColor-rest: #bdf4ff; + --label-cyan-bgColor-hover: #7ae9ff; + --label-cyan-bgColor-active: #00d0fa; + --label-cyan-fgColor-rest: #006a80; + --label-cyan-fgColor-hover: #00596b; + --label-cyan-fgColor-active: #004857; + --label-indigo-bgColor-rest: #e5e9ff; + --label-indigo-bgColor-hover: #d2d7fe; + --label-indigo-bgColor-active: #b1b9fb; + --label-indigo-fgColor-rest: #494edf; + --label-indigo-fgColor-hover: #393cd5; + --label-indigo-fgColor-active: #2d2db4; + --label-blue-bgColor-rest: #d1f0ff; + --label-blue-bgColor-hover: #ade1ff; + --label-blue-bgColor-active: #75c8ff; + --label-blue-fgColor-rest: #005fcc; + --label-blue-fgColor-hover: #004db3; + --label-blue-fgColor-active: #003d99; + --label-plum-bgColor-rest: #f8e5ff; + --label-plum-bgColor-hover: #f0cdfe; + --label-plum-bgColor-active: #e2a7fb; + --label-plum-fgColor-rest: #961edc; + --label-plum-fgColor-hover: #7d1eb8; + --label-plum-fgColor-active: #651d96; + --label-pink-bgColor-rest: #ffe5f1; + --label-pink-bgColor-hover: #fdc9e2; + --label-pink-bgColor-active: #f8a5cf; + --label-pink-fgColor-rest: #b12f79; + --label-pink-fgColor-hover: #8e2e66; + --label-pink-fgColor-active: #6e2b53; + --label-coral-bgColor-rest: #ffe5db; + --label-coral-bgColor-hover: #fecebe; + --label-coral-bgColor-active: #fcab92; + --label-coral-fgColor-rest: #ba2e12; + --label-coral-fgColor-hover: #9b2712; + --label-coral-fgColor-active: #7e2011; --fgColor-default: #1f2328; --fgColor-muted: #636c76; --fgColor-onEmphasis: #ffffff; + --fgColor-white: #ffffff; + --fgColor-black: #1f2328; --fgColor-disabled: #8c959f; --fgColor-link: #0969da; --fgColor-neutral: #6e7781; @@ -206,13 +445,16 @@ --fgColor-open: #cf222e; --fgColor-closed: #6e7781; --fgColor-done: #8250df; + --fgColor-upsell: #8250df; --fgColor-sponsors: #bf3989; --bgColor-default: #ffffff; --bgColor-muted: #f6f8fa; --bgColor-inset: #f6f8fa; --bgColor-emphasis: #24292f; --bgColor-inverse: #24292f; - --bgColor-disabled: #f6f8fa; + --bgColor-white: #ffffff; + --bgColor-black: #1f2328; + --bgColor-disabled: #eaeef2b3; --bgColor-transparent: #ffffff00; --bgColor-neutral-muted: #afb8c133; --bgColor-neutral-emphasis: #6e7781; @@ -232,12 +474,14 @@ --bgColor-closed-emphasis: #6e7781; --bgColor-done-muted: #fbefff; --bgColor-done-emphasis: #8250df; + --bgColor-upsell-muted: #fbefff; + --bgColor-upsell-emphasis: #8250df; --bgColor-sponsors-muted: #ffeff7; --bgColor-sponsors-emphasis: #bf3989; --borderColor-default: #d0d7de; - --borderColor-muted: #d0d7de80; + --borderColor-muted: #d0d7deb3; --borderColor-emphasis: #6e7781; - --borderColor-disabled: #f6f8fa; + --borderColor-disabled: #eaeef2b3; --borderColor-transparent: #ffffff00; --borderColor-neutral-muted: #afb8c133; --borderColor-neutral-emphasis: #6e7781; @@ -257,6 +501,8 @@ --borderColor-closed-emphasis: #6e7781; --borderColor-done-muted: #c297ff66; --borderColor-done-emphasis: #8250df; + --borderColor-upsell-muted: #c297ff66; + --borderColor-upsell-emphasis: #8250df; --borderColor-sponsors-muted: #ff80c866; --borderColor-sponsors-emphasis: #bf3989; --color-ansi-black: #24292f; @@ -306,107 +552,15 @@ --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-scale-black: #1f2328; - --color-scale-transparent: #ffffff00; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f6f8fa; - --color-scale-gray-1: #eaeef2; - --color-scale-gray-2: #d0d7de; - --color-scale-gray-3: #afb8c1; - --color-scale-gray-4: #8c959f; - --color-scale-gray-5: #6e7781; - --color-scale-gray-6: #57606a; - --color-scale-gray-7: #424a53; - --color-scale-gray-8: #32383f; - --color-scale-gray-9: #24292f; - --color-scale-blue-0: #ddf4ff; - --color-scale-blue-1: #b6e3ff; - --color-scale-blue-2: #80ccff; - --color-scale-blue-3: #54aeff; - --color-scale-blue-4: #218bff; - --color-scale-blue-5: #0969da; - --color-scale-blue-6: #0550ae; - --color-scale-blue-7: #033d8b; - --color-scale-blue-8: #0a3069; - --color-scale-blue-9: #002155; - --color-scale-green-0: #ddf4ff; - --color-scale-green-1: #b6e3ff; - --color-scale-green-2: #80ccff; - --color-scale-green-3: #54aeff; - --color-scale-green-4: #218bff; - --color-scale-green-5: #0969da; - --color-scale-green-6: #0550ae; - --color-scale-green-7: #033d8b; - --color-scale-green-8: #0a3069; - --color-scale-green-9: #002155; - --color-scale-yellow-0: #fff8c5; - --color-scale-yellow-1: #fae17d; - --color-scale-yellow-2: #eac54f; - --color-scale-yellow-3: #d4a72c; - --color-scale-yellow-4: #bf8700; - --color-scale-yellow-5: #9a6700; - --color-scale-yellow-6: #7d4e00; - --color-scale-yellow-7: #633c01; - --color-scale-yellow-8: #4d2d00; - --color-scale-yellow-9: #3b2300; - --color-scale-orange-0: #ffebe9; - --color-scale-orange-1: #ffcecb; - --color-scale-orange-2: #ffaba8; - --color-scale-orange-3: #ff8182; - --color-scale-orange-4: #fa4549; - --color-scale-orange-5: #cf222e; - --color-scale-orange-6: #a40e26; - --color-scale-orange-7: #82071e; - --color-scale-orange-8: #660018; - --color-scale-orange-9: #4c0014; - --color-scale-red-0: #ffebe9; - --color-scale-red-1: #ffcecb; - --color-scale-red-2: #ffaba8; - --color-scale-red-3: #ff8182; - --color-scale-red-4: #fa4549; - --color-scale-red-5: #cf222e; - --color-scale-red-6: #a40e26; - --color-scale-red-7: #82071e; - --color-scale-red-8: #660018; - --color-scale-red-9: #4c0014; - --color-scale-purple-0: #fbefff; - --color-scale-purple-1: #ecd8ff; - --color-scale-purple-2: #d8b9ff; - --color-scale-purple-3: #c297ff; - --color-scale-purple-4: #a475f9; - --color-scale-purple-5: #8250df; - --color-scale-purple-6: #6639ba; - --color-scale-purple-7: #512a97; - --color-scale-purple-8: #3e1f79; - --color-scale-purple-9: #2e1461; - --color-scale-pink-0: #ffeff7; - --color-scale-pink-1: #ffd3eb; - --color-scale-pink-2: #ffadda; - --color-scale-pink-3: #ff80c8; - --color-scale-pink-4: #e85aad; - --color-scale-pink-5: #bf3989; - --color-scale-pink-6: #99286e; - --color-scale-pink-7: #772057; - --color-scale-pink-8: #611347; - --color-scale-pink-9: #4d0336; - --color-scale-coral-0: #fff0eb; - --color-scale-coral-1: #ffd6cc; - --color-scale-coral-2: #ffb4a1; - --color-scale-coral-3: #fd8c73; - --color-scale-coral-4: #ec6547; - --color-scale-coral-5: #c4432b; - --color-scale-coral-6: #9e2f1c; - --color-scale-coral-7: #801f0f; - --color-scale-coral-8: #691105; - --color-scale-coral-9: #510901; --shadow-inset: inset 0px 1px 0px 0px #1f23280a; --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; - --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; + --shadow-resting-small: 0px 1px 0px 0px #1f23280a; --shadow-resting-medium: 0px 3px 6px 0px #424a531f; - --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; - --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; - --shadow-floating-large: 0px 40px 80px 0px #424a533d; - --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352; + --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; + --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; + --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d; + --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352; + --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; } @media (prefers-color-scheme: dark) { [data-color-mode="auto"][data-dark-theme="light_tritanopia"], @@ -451,22 +605,137 @@ --header-borderColor-divider: #57606a; --headerSearch-bgColor: #24292f; --headerSearch-borderColor: #57606a; + --data-blue-color: #006edb; + --data-blue-color-muted: #d1f0ff; + --data-auburn-color: #9d615c; + --data-auburn-color-muted: #f2e9e9; + --data-orange-color: #eb670f; + --data-orange-color-muted: #ffe7d1; + --data-yellow-color: #b88700; + --data-yellow-color-muted: #ffec9e; + --data-green-color: #30a147; + --data-green-color-muted: #caf7ca; + --data-teal-color: #179b9b; + --data-teal-color-muted: #c7f5ef; + --data-purple-color: #894ceb; + --data-purple-color-muted: #f1e5ff; + --data-pink-color: #ce2c85; + --data-pink-color-muted: #ffe5f1; + --data-red-color: #df0c24; + --data-red-color-muted: #ffe2e0; + --data-gray-color: #808fa3; + --data-gray-color-muted: #e8ecf2; + --display-blue-bgColor-muted: #d1f0ff; + --display-blue-bgColor-emphasis: #006edb; + --display-blue-fgColor: #005fcc; + --display-blue-borderColor-muted: #ade1ff; + --display-blue-borderColor-emphasis: #006edb; + --display-green-bgColor-muted: #caf7ca; + --display-green-bgColor-emphasis: #2c8141; + --display-green-fgColor: #2b6e3f; + --display-green-borderColor-muted: #9ceda0; + --display-green-borderColor-emphasis: #2c8141; + --display-orange-bgColor-muted: #ffe7d1; + --display-orange-bgColor-emphasis: #b8500f; + --display-orange-fgColor: #a24610; + --display-orange-borderColor-muted: #fecfaa; + --display-orange-borderColor-emphasis: #b8500f; + --display-purple-bgColor-muted: #f1e5ff; + --display-purple-bgColor-emphasis: #894ceb; + --display-purple-fgColor: #783ae4; + --display-purple-borderColor-muted: #e6d2fe; + --display-purple-borderColor-emphasis: #894ceb; + --display-plum-bgColor-muted: #f8e5ff; + --display-plum-bgColor-emphasis: #a830e8; + --display-plum-fgColor: #961edc; + --display-plum-borderColor-muted: #f0cdfe; + --display-plum-borderColor-emphasis: #a830e8; + --display-red-bgColor-muted: #ffe2e0; + --display-red-bgColor-emphasis: #df0c24; + --display-red-fgColor: #c50d28; + --display-red-borderColor-muted: #fecdcd; + --display-red-borderColor-emphasis: #df0c24; + --display-coral-bgColor-muted: #ffe5db; + --display-coral-bgColor-emphasis: #d43511; + --display-coral-fgColor: #ba2e12; + --display-coral-borderColor-muted: #fecebe; + --display-coral-borderColor-emphasis: #d43511; + --display-yellow-bgColor-muted: #ffec9e; + --display-yellow-bgColor-emphasis: #946a00; + --display-yellow-fgColor: #805900; + --display-yellow-borderColor-muted: #ffd642; + --display-yellow-borderColor-emphasis: #946a00; + --display-gray-bgColor-muted: #e8ecf2; + --display-gray-bgColor-emphasis: #647182; + --display-gray-fgColor: #5c6570; + --display-gray-borderColor-muted: #d2dae4; + --display-gray-borderColor-emphasis: #647182; + --display-auburn-bgColor-muted: #f2e9e9; + --display-auburn-bgColor-emphasis: #9d615c; + --display-auburn-fgColor: #8a5551; + --display-auburn-borderColor-muted: #e6d6d5; + --display-auburn-borderColor-emphasis: #9d615c; + --display-brown-bgColor-muted: #eeeae2; + --display-brown-bgColor-emphasis: #856d4c; + --display-brown-fgColor: #755f43; + --display-brown-borderColor-muted: #dfd7c8; + --display-brown-borderColor-emphasis: #856d4c; + --display-lemon-bgColor-muted: #f7eea1; + --display-lemon-bgColor-emphasis: #866e04; + --display-lemon-fgColor: #786002; + --display-lemon-borderColor-muted: #f0db3d; + --display-lemon-borderColor-emphasis: #866e04; + --display-olive-bgColor-muted: #f0f0ad; + --display-olive-bgColor-emphasis: #64762d; + --display-olive-fgColor: #56682c; + --display-olive-borderColor-muted: #dbe170; + --display-olive-borderColor-emphasis: #64762d; + --display-lime-bgColor-muted: #e3f2b5; + --display-lime-bgColor-emphasis: #527a29; + --display-lime-fgColor: #476c28; + --display-lime-borderColor-muted: #c7e580; + --display-lime-borderColor-emphasis: #527a29; + --display-pine-bgColor-muted: #bff8db; + --display-pine-bgColor-emphasis: #167e53; + --display-pine-fgColor: #156f4b; + --display-pine-borderColor-muted: #80efb9; + --display-pine-borderColor-emphasis: #167e53; + --display-teal-bgColor-muted: #c7f5ef; + --display-teal-bgColor-emphasis: #127e81; + --display-teal-fgColor: #106e75; + --display-teal-borderColor-muted: #89ebe1; + --display-teal-borderColor-emphasis: #127e81; + --display-cyan-bgColor-muted: #bdf4ff; + --display-cyan-bgColor-emphasis: #007b94; + --display-cyan-fgColor: #006a80; + --display-cyan-borderColor-muted: #7ae9ff; + --display-cyan-borderColor-emphasis: #007b94; + --display-indigo-bgColor-muted: #e5e9ff; + --display-indigo-bgColor-emphasis: #5a61e7; + --display-indigo-fgColor: #494edf; + --display-indigo-borderColor-muted: #d2d7fe; + --display-indigo-borderColor-emphasis: #5a61e7; + --display-pink-bgColor-muted: #ffe5f1; + --display-pink-bgColor-emphasis: #ce2c85; + --display-pink-fgColor: #b12f79; + --display-pink-borderColor-muted: #fdc9e2; + --display-pink-borderColor-emphasis: #ce2c85; --avatar-bgColor: #ffffff; - --avatar-borderColor: #d0d7de; + --avatar-borderColor: #1f232826; --avatar-shadow: 0px 0px 0px 2px #ffffffcc; --avatarStack-fade-bgColor-default: #afb8c1; --avatarStack-fade-bgColor-muted: #d0d7de; --control-bgColor-rest: #f6f8fa; --control-bgColor-hover: #eef1f4; --control-bgColor-active: #e7ebef; - --control-bgColor-disabled: #f6f8fa; + --control-bgColor-disabled: #eaeef2b3; --control-bgColor-selected: #f6f8fa; --control-fgColor-rest: #24292f; --control-fgColor-placeholder: #6e7781; --control-fgColor-disabled: #8c959f; --control-borderColor-rest: #d0d7de; --control-borderColor-emphasis: #868f99; - --control-borderColor-disabled: #f6f8fa; + --control-borderColor-disabled: #eaeef2b3; --control-borderColor-selected: #f6f8fa; --control-borderColor-success: #218bff; --control-borderColor-danger: #cf222e; @@ -475,7 +744,7 @@ --control-transparent-bgColor-rest: #ffffff00; --control-transparent-bgColor-hover: #d0d7de33; --control-transparent-bgColor-active: #d0d7de66; - --control-transparent-bgColor-disabled: #ffffff00; + --control-transparent-bgColor-disabled: #eaeef2b3; --control-transparent-bgColor-selected: #d0d7de33; --control-transparent-borderColor-rest: #ffffff00; --control-transparent-borderColor-hover: #ffffff00; @@ -503,10 +772,10 @@ --controlTrack-borderColor-rest: #ffffff00; --controlTrack-borderColor-disabled: #8c959f; --controlKnob-bgColor-rest: #ffffff; - --controlKnob-bgColor-disabled: #f6f8fa; + --controlKnob-bgColor-disabled: #eaeef2b3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #868f99; - --controlKnob-borderColor-disabled: #f6f8fa; + --controlKnob-borderColor-disabled: #eaeef2b3; --controlKnob-borderColor-checked: #0969da; --counter-borderColor: #ffffff00; --button-default-fgColor-rest: #24292f; @@ -514,11 +783,11 @@ --button-default-bgColor-hover: #eef1f4; --button-default-bgColor-active: #e7ebef; --button-default-bgColor-selected: #e7ebef; - --button-default-bgColor-disabled: #f6f8fa; + --button-default-bgColor-disabled: #eaeef2b3; --button-default-borderColor-rest: #d0d7de; --button-default-borderColor-hover: #d0d7de; --button-default-borderColor-active: #d0d7de; - --button-default-borderColor-disabled: #f6f8fa; + --button-default-borderColor-disabled: #eaeef2b3; --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #ffffffcc; @@ -541,10 +810,10 @@ --button-invisible-bgColor-rest: #ffffff00; --button-invisible-bgColor-hover: #d0d7de33; --button-invisible-bgColor-active: #d0d7de66; - --button-invisible-bgColor-disabled: #ffffff00; + --button-invisible-bgColor-disabled: #eaeef2b3; --button-invisible-borderColor-rest: #ffffff00; --button-invisible-borderColor-hover: #ffffff00; - --button-invisible-borderColor-disabled: #f6f8fa; + --button-invisible-borderColor-disabled: #eaeef2b3; --button-outline-fgColor-rest: #0969da; --button-outline-fgColor-hover: #ffffff; --button-outline-fgColor-active: #ffffff; @@ -565,13 +834,14 @@ --button-danger-bgColor-rest: #f6f8fa; --button-danger-bgColor-hover: #a40e26; --button-danger-bgColor-active: #8b0820; - --button-danger-bgColor-disabled: #f6f8fa; + --button-danger-bgColor-disabled: #eaeef2b3; --button-danger-borderColor-rest: #d0d7de; --button-danger-borderColor-hover: #1f232826; --button-danger-borderColor-active: #1f232826; --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433; - --button-inactive-fgColor-rest: #57606a; - --button-inactive-bgColor-rest: #eaeef2; + --button-inactive-fgColor: #57606a; + --button-inactive-bgColor: #eaeef2; + --button-star-iconColor: #eac54f; --buttonCounter-default-bgColor-rest: #afb8c133; --buttonCounter-invisible-bgColor-rest: #afb8c133; --buttonCounter-primary-bgColor-rest: #002d1133; @@ -587,10 +857,15 @@ --buttonCounter-danger-fgColor-rest: #c21c2c; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #d1242f80; + --reactionButton-selected-bgColor-rest: #ddf4ff; + --reactionButton-selected-bgColor-hover: #caecff; + --reactionButton-selected-fgColor-rest: #0969da; + --reactionButton-selected-fgColor-hover: #0550ae; --focus-outlineColor: #0969da; --focus-outline: #0969da solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; + --overlay-borderColor: #d0d7de80; --overlay-backdrop-bgColor: #8c959f33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #b6e3ff; @@ -601,9 +876,127 @@ --underlineNav-borderColor-active: #fd8c73; --underlineNav-borderColor-hover: #afb8c133; --underlineNav-iconColor-rest: #636c76; + --selection-bgColor: #0969da33; + --card-bgColor: #ffffff; + --label-green-bgColor-rest: #caf7ca; + --label-green-bgColor-hover: #9ceda0; + --label-green-bgColor-active: #54d961; + --label-green-fgColor-rest: #2b6e3f; + --label-green-fgColor-hover: #285c3b; + --label-green-fgColor-active: #254b34; + --label-orange-bgColor-rest: #ffe7d1; + --label-orange-bgColor-hover: #fecfaa; + --label-orange-bgColor-active: #fbaf74; + --label-orange-fgColor-rest: #a24610; + --label-orange-fgColor-hover: #8d3c11; + --label-orange-fgColor-active: #70300f; + --label-purple-bgColor-rest: #f1e5ff; + --label-purple-bgColor-hover: #e6d2fe; + --label-purple-bgColor-active: #d1b1fc; + --label-purple-fgColor-rest: #783ae4; + --label-purple-fgColor-hover: #6223d7; + --label-purple-fgColor-active: #4f21ab; + --label-red-bgColor-rest: #ffe2e0; + --label-red-bgColor-hover: #fecdcd; + --label-red-bgColor-active: #fda5a7; + --label-red-fgColor-rest: #c50d28; + --label-red-fgColor-hover: #a60c29; + --label-red-fgColor-active: #880c27; + --label-yellow-bgColor-rest: #ffec9e; + --label-yellow-bgColor-hover: #ffd642; + --label-yellow-bgColor-active: #ebb400; + --label-yellow-fgColor-rest: #805900; + --label-yellow-fgColor-hover: #704d00; + --label-yellow-fgColor-active: #5c3d00; + --label-gray-bgColor-rest: #e8ecf2; + --label-gray-bgColor-hover: #d2dae4; + --label-gray-bgColor-active: #b4c0cf; + --label-gray-fgColor-rest: #5c6570; + --label-gray-fgColor-hover: #4e535a; + --label-gray-fgColor-active: #424448; + --label-auburn-bgColor-rest: #f2e9e9; + --label-auburn-bgColor-hover: #e6d6d5; + --label-auburn-bgColor-active: #d4b7b5; + --label-auburn-fgColor-rest: #8a5551; + --label-auburn-fgColor-hover: #744744; + --label-auburn-fgColor-active: #5d3937; + --label-brown-bgColor-rest: #eeeae2; + --label-brown-bgColor-hover: #dfd7c8; + --label-brown-bgColor-active: #cbbda4; + --label-brown-fgColor-rest: #755f43; + --label-brown-fgColor-hover: #64513a; + --label-brown-fgColor-active: #51412f; + --label-lemon-bgColor-rest: #f7eea1; + --label-lemon-bgColor-hover: #f0db3d; + --label-lemon-bgColor-active: #d8bd0e; + --label-lemon-fgColor-rest: #786002; + --label-lemon-fgColor-hover: #654f01; + --label-lemon-fgColor-active: #523f00; + --label-olive-bgColor-rest: #f0f0ad; + --label-olive-bgColor-hover: #dbe170; + --label-olive-bgColor-active: #b9c832; + --label-olive-fgColor-rest: #56682c; + --label-olive-fgColor-hover: #495a2b; + --label-olive-fgColor-active: #3b4927; + --label-lime-bgColor-rest: #e3f2b5; + --label-lime-bgColor-hover: #c7e580; + --label-lime-bgColor-active: #9bd039; + --label-lime-fgColor-rest: #476c28; + --label-lime-fgColor-hover: #3a5b25; + --label-lime-fgColor-active: #2f4a21; + --label-pine-bgColor-rest: #bff8db; + --label-pine-bgColor-hover: #80efb9; + --label-pine-bgColor-active: #1dd781; + --label-pine-fgColor-rest: #156f4b; + --label-pine-fgColor-hover: #135d41; + --label-pine-fgColor-active: #114b36; + --label-teal-bgColor-rest: #c7f5ef; + --label-teal-bgColor-hover: #89ebe1; + --label-teal-bgColor-active: #22d3c7; + --label-teal-fgColor-rest: #106e75; + --label-teal-fgColor-hover: #0d5b63; + --label-teal-fgColor-active: #0a4852; + --label-cyan-bgColor-rest: #bdf4ff; + --label-cyan-bgColor-hover: #7ae9ff; + --label-cyan-bgColor-active: #00d0fa; + --label-cyan-fgColor-rest: #006a80; + --label-cyan-fgColor-hover: #00596b; + --label-cyan-fgColor-active: #004857; + --label-indigo-bgColor-rest: #e5e9ff; + --label-indigo-bgColor-hover: #d2d7fe; + --label-indigo-bgColor-active: #b1b9fb; + --label-indigo-fgColor-rest: #494edf; + --label-indigo-fgColor-hover: #393cd5; + --label-indigo-fgColor-active: #2d2db4; + --label-blue-bgColor-rest: #d1f0ff; + --label-blue-bgColor-hover: #ade1ff; + --label-blue-bgColor-active: #75c8ff; + --label-blue-fgColor-rest: #005fcc; + --label-blue-fgColor-hover: #004db3; + --label-blue-fgColor-active: #003d99; + --label-plum-bgColor-rest: #f8e5ff; + --label-plum-bgColor-hover: #f0cdfe; + --label-plum-bgColor-active: #e2a7fb; + --label-plum-fgColor-rest: #961edc; + --label-plum-fgColor-hover: #7d1eb8; + --label-plum-fgColor-active: #651d96; + --label-pink-bgColor-rest: #ffe5f1; + --label-pink-bgColor-hover: #fdc9e2; + --label-pink-bgColor-active: #f8a5cf; + --label-pink-fgColor-rest: #b12f79; + --label-pink-fgColor-hover: #8e2e66; + --label-pink-fgColor-active: #6e2b53; + --label-coral-bgColor-rest: #ffe5db; + --label-coral-bgColor-hover: #fecebe; + --label-coral-bgColor-active: #fcab92; + --label-coral-fgColor-rest: #ba2e12; + --label-coral-fgColor-hover: #9b2712; + --label-coral-fgColor-active: #7e2011; --fgColor-default: #1f2328; --fgColor-muted: #636c76; --fgColor-onEmphasis: #ffffff; + --fgColor-white: #ffffff; + --fgColor-black: #1f2328; --fgColor-disabled: #8c959f; --fgColor-link: #0969da; --fgColor-neutral: #6e7781; @@ -615,13 +1008,16 @@ --fgColor-open: #cf222e; --fgColor-closed: #6e7781; --fgColor-done: #8250df; + --fgColor-upsell: #8250df; --fgColor-sponsors: #bf3989; --bgColor-default: #ffffff; --bgColor-muted: #f6f8fa; --bgColor-inset: #f6f8fa; --bgColor-emphasis: #24292f; --bgColor-inverse: #24292f; - --bgColor-disabled: #f6f8fa; + --bgColor-white: #ffffff; + --bgColor-black: #1f2328; + --bgColor-disabled: #eaeef2b3; --bgColor-transparent: #ffffff00; --bgColor-neutral-muted: #afb8c133; --bgColor-neutral-emphasis: #6e7781; @@ -641,12 +1037,14 @@ --bgColor-closed-emphasis: #6e7781; --bgColor-done-muted: #fbefff; --bgColor-done-emphasis: #8250df; + --bgColor-upsell-muted: #fbefff; + --bgColor-upsell-emphasis: #8250df; --bgColor-sponsors-muted: #ffeff7; --bgColor-sponsors-emphasis: #bf3989; --borderColor-default: #d0d7de; - --borderColor-muted: #d0d7de80; + --borderColor-muted: #d0d7deb3; --borderColor-emphasis: #6e7781; - --borderColor-disabled: #f6f8fa; + --borderColor-disabled: #eaeef2b3; --borderColor-transparent: #ffffff00; --borderColor-neutral-muted: #afb8c133; --borderColor-neutral-emphasis: #6e7781; @@ -666,6 +1064,8 @@ --borderColor-closed-emphasis: #6e7781; --borderColor-done-muted: #c297ff66; --borderColor-done-emphasis: #8250df; + --borderColor-upsell-muted: #c297ff66; + --borderColor-upsell-emphasis: #8250df; --borderColor-sponsors-muted: #ff80c866; --borderColor-sponsors-emphasis: #bf3989; --color-ansi-black: #24292f; @@ -715,106 +1115,14 @@ --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-scale-black: #1f2328; - --color-scale-transparent: #ffffff00; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f6f8fa; - --color-scale-gray-1: #eaeef2; - --color-scale-gray-2: #d0d7de; - --color-scale-gray-3: #afb8c1; - --color-scale-gray-4: #8c959f; - --color-scale-gray-5: #6e7781; - --color-scale-gray-6: #57606a; - --color-scale-gray-7: #424a53; - --color-scale-gray-8: #32383f; - --color-scale-gray-9: #24292f; - --color-scale-blue-0: #ddf4ff; - --color-scale-blue-1: #b6e3ff; - --color-scale-blue-2: #80ccff; - --color-scale-blue-3: #54aeff; - --color-scale-blue-4: #218bff; - --color-scale-blue-5: #0969da; - --color-scale-blue-6: #0550ae; - --color-scale-blue-7: #033d8b; - --color-scale-blue-8: #0a3069; - --color-scale-blue-9: #002155; - --color-scale-green-0: #ddf4ff; - --color-scale-green-1: #b6e3ff; - --color-scale-green-2: #80ccff; - --color-scale-green-3: #54aeff; - --color-scale-green-4: #218bff; - --color-scale-green-5: #0969da; - --color-scale-green-6: #0550ae; - --color-scale-green-7: #033d8b; - --color-scale-green-8: #0a3069; - --color-scale-green-9: #002155; - --color-scale-yellow-0: #fff8c5; - --color-scale-yellow-1: #fae17d; - --color-scale-yellow-2: #eac54f; - --color-scale-yellow-3: #d4a72c; - --color-scale-yellow-4: #bf8700; - --color-scale-yellow-5: #9a6700; - --color-scale-yellow-6: #7d4e00; - --color-scale-yellow-7: #633c01; - --color-scale-yellow-8: #4d2d00; - --color-scale-yellow-9: #3b2300; - --color-scale-orange-0: #ffebe9; - --color-scale-orange-1: #ffcecb; - --color-scale-orange-2: #ffaba8; - --color-scale-orange-3: #ff8182; - --color-scale-orange-4: #fa4549; - --color-scale-orange-5: #cf222e; - --color-scale-orange-6: #a40e26; - --color-scale-orange-7: #82071e; - --color-scale-orange-8: #660018; - --color-scale-orange-9: #4c0014; - --color-scale-red-0: #ffebe9; - --color-scale-red-1: #ffcecb; - --color-scale-red-2: #ffaba8; - --color-scale-red-3: #ff8182; - --color-scale-red-4: #fa4549; - --color-scale-red-5: #cf222e; - --color-scale-red-6: #a40e26; - --color-scale-red-7: #82071e; - --color-scale-red-8: #660018; - --color-scale-red-9: #4c0014; - --color-scale-purple-0: #fbefff; - --color-scale-purple-1: #ecd8ff; - --color-scale-purple-2: #d8b9ff; - --color-scale-purple-3: #c297ff; - --color-scale-purple-4: #a475f9; - --color-scale-purple-5: #8250df; - --color-scale-purple-6: #6639ba; - --color-scale-purple-7: #512a97; - --color-scale-purple-8: #3e1f79; - --color-scale-purple-9: #2e1461; - --color-scale-pink-0: #ffeff7; - --color-scale-pink-1: #ffd3eb; - --color-scale-pink-2: #ffadda; - --color-scale-pink-3: #ff80c8; - --color-scale-pink-4: #e85aad; - --color-scale-pink-5: #bf3989; - --color-scale-pink-6: #99286e; - --color-scale-pink-7: #772057; - --color-scale-pink-8: #611347; - --color-scale-pink-9: #4d0336; - --color-scale-coral-0: #fff0eb; - --color-scale-coral-1: #ffd6cc; - --color-scale-coral-2: #ffb4a1; - --color-scale-coral-3: #fd8c73; - --color-scale-coral-4: #ec6547; - --color-scale-coral-5: #c4432b; - --color-scale-coral-6: #9e2f1c; - --color-scale-coral-7: #801f0f; - --color-scale-coral-8: #691105; - --color-scale-coral-9: #510901; --shadow-inset: inset 0px 1px 0px 0px #1f23280a; --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; - --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; + --shadow-resting-small: 0px 1px 0px 0px #1f23280a; --shadow-resting-medium: 0px 3px 6px 0px #424a531f; - --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; - --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; - --shadow-floating-large: 0px 40px 80px 0px #424a533d; - --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352; + --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; + --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; + --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d; + --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352; + --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; } } diff --git a/dist/css/functional/themes/light.css b/dist/css/functional/themes/light.css index 694f5f57b..c508d43c8 100644 --- a/dist/css/functional/themes/light.css +++ b/dist/css/functional/themes/light.css @@ -42,31 +42,146 @@ --header-borderColor-divider: #57606a; --headerSearch-bgColor: #24292f; --headerSearch-borderColor: #57606a; + --data-blue-color: #006edb; + --data-blue-color-muted: #d1f0ff; + --data-auburn-color: #9d615c; + --data-auburn-color-muted: #f2e9e9; + --data-orange-color: #eb670f; + --data-orange-color-muted: #ffe7d1; + --data-yellow-color: #b88700; + --data-yellow-color-muted: #ffec9e; + --data-green-color: #30a147; + --data-green-color-muted: #caf7ca; + --data-teal-color: #179b9b; + --data-teal-color-muted: #c7f5ef; + --data-purple-color: #894ceb; + --data-purple-color-muted: #f1e5ff; + --data-pink-color: #ce2c85; + --data-pink-color-muted: #ffe5f1; + --data-red-color: #df0c24; + --data-red-color-muted: #ffe2e0; + --data-gray-color: #808fa3; + --data-gray-color-muted: #e8ecf2; + --display-blue-bgColor-muted: #d1f0ff; + --display-blue-bgColor-emphasis: #006edb; + --display-blue-fgColor: #005fcc; + --display-blue-borderColor-muted: #ade1ff; + --display-blue-borderColor-emphasis: #006edb; + --display-green-bgColor-muted: #caf7ca; + --display-green-bgColor-emphasis: #2c8141; + --display-green-fgColor: #2b6e3f; + --display-green-borderColor-muted: #9ceda0; + --display-green-borderColor-emphasis: #2c8141; + --display-orange-bgColor-muted: #ffe7d1; + --display-orange-bgColor-emphasis: #b8500f; + --display-orange-fgColor: #a24610; + --display-orange-borderColor-muted: #fecfaa; + --display-orange-borderColor-emphasis: #b8500f; + --display-purple-bgColor-muted: #f1e5ff; + --display-purple-bgColor-emphasis: #894ceb; + --display-purple-fgColor: #783ae4; + --display-purple-borderColor-muted: #e6d2fe; + --display-purple-borderColor-emphasis: #894ceb; + --display-plum-bgColor-muted: #f8e5ff; + --display-plum-bgColor-emphasis: #a830e8; + --display-plum-fgColor: #961edc; + --display-plum-borderColor-muted: #f0cdfe; + --display-plum-borderColor-emphasis: #a830e8; + --display-red-bgColor-muted: #ffe2e0; + --display-red-bgColor-emphasis: #df0c24; + --display-red-fgColor: #c50d28; + --display-red-borderColor-muted: #fecdcd; + --display-red-borderColor-emphasis: #df0c24; + --display-coral-bgColor-muted: #ffe5db; + --display-coral-bgColor-emphasis: #d43511; + --display-coral-fgColor: #ba2e12; + --display-coral-borderColor-muted: #fecebe; + --display-coral-borderColor-emphasis: #d43511; + --display-yellow-bgColor-muted: #ffec9e; + --display-yellow-bgColor-emphasis: #946a00; + --display-yellow-fgColor: #805900; + --display-yellow-borderColor-muted: #ffd642; + --display-yellow-borderColor-emphasis: #946a00; + --display-gray-bgColor-muted: #e8ecf2; + --display-gray-bgColor-emphasis: #647182; + --display-gray-fgColor: #5c6570; + --display-gray-borderColor-muted: #d2dae4; + --display-gray-borderColor-emphasis: #647182; + --display-auburn-bgColor-muted: #f2e9e9; + --display-auburn-bgColor-emphasis: #9d615c; + --display-auburn-fgColor: #8a5551; + --display-auburn-borderColor-muted: #e6d6d5; + --display-auburn-borderColor-emphasis: #9d615c; + --display-brown-bgColor-muted: #eeeae2; + --display-brown-bgColor-emphasis: #856d4c; + --display-brown-fgColor: #755f43; + --display-brown-borderColor-muted: #dfd7c8; + --display-brown-borderColor-emphasis: #856d4c; + --display-lemon-bgColor-muted: #f7eea1; + --display-lemon-bgColor-emphasis: #866e04; + --display-lemon-fgColor: #786002; + --display-lemon-borderColor-muted: #f0db3d; + --display-lemon-borderColor-emphasis: #866e04; + --display-olive-bgColor-muted: #f0f0ad; + --display-olive-bgColor-emphasis: #64762d; + --display-olive-fgColor: #56682c; + --display-olive-borderColor-muted: #dbe170; + --display-olive-borderColor-emphasis: #64762d; + --display-lime-bgColor-muted: #e3f2b5; + --display-lime-bgColor-emphasis: #527a29; + --display-lime-fgColor: #476c28; + --display-lime-borderColor-muted: #c7e580; + --display-lime-borderColor-emphasis: #527a29; + --display-pine-bgColor-muted: #bff8db; + --display-pine-bgColor-emphasis: #167e53; + --display-pine-fgColor: #156f4b; + --display-pine-borderColor-muted: #80efb9; + --display-pine-borderColor-emphasis: #167e53; + --display-teal-bgColor-muted: #c7f5ef; + --display-teal-bgColor-emphasis: #127e81; + --display-teal-fgColor: #106e75; + --display-teal-borderColor-muted: #89ebe1; + --display-teal-borderColor-emphasis: #127e81; + --display-cyan-bgColor-muted: #bdf4ff; + --display-cyan-bgColor-emphasis: #007b94; + --display-cyan-fgColor: #006a80; + --display-cyan-borderColor-muted: #7ae9ff; + --display-cyan-borderColor-emphasis: #007b94; + --display-indigo-bgColor-muted: #e5e9ff; + --display-indigo-bgColor-emphasis: #5a61e7; + --display-indigo-fgColor: #494edf; + --display-indigo-borderColor-muted: #d2d7fe; + --display-indigo-borderColor-emphasis: #5a61e7; + --display-pink-bgColor-muted: #ffe5f1; + --display-pink-bgColor-emphasis: #ce2c85; + --display-pink-fgColor: #b12f79; + --display-pink-borderColor-muted: #fdc9e2; + --display-pink-borderColor-emphasis: #ce2c85; --avatar-bgColor: #ffffff; - --avatar-borderColor: #d0d7de; + --avatar-borderColor: #1f232826; --avatar-shadow: 0px 0px 0px 2px #ffffffcc; --avatarStack-fade-bgColor-default: #afb8c1; --avatarStack-fade-bgColor-muted: #d0d7de; --control-bgColor-rest: #f6f8fa; --control-bgColor-hover: #eef1f4; --control-bgColor-active: #e7ebef; - --control-bgColor-disabled: #f6f8fa; + --control-bgColor-disabled: #eaeef2b3; --control-bgColor-selected: #f6f8fa; --control-fgColor-rest: #24292f; --control-fgColor-placeholder: #6e7781; --control-fgColor-disabled: #8c959f; --control-borderColor-rest: #d0d7de; --control-borderColor-emphasis: #868f99; - --control-borderColor-disabled: #f6f8fa; + --control-borderColor-disabled: #eaeef2b3; --control-borderColor-selected: #f6f8fa; - --control-borderColor-success: #1a7f37; + --control-borderColor-success: #08856c; --control-borderColor-danger: #cf222e; --control-borderColor-warning: #bf8700; --control-iconColor-rest: #636c76; --control-transparent-bgColor-rest: #ffffff00; --control-transparent-bgColor-hover: #d0d7de33; --control-transparent-bgColor-active: #d0d7de66; - --control-transparent-bgColor-disabled: #ffffff00; + --control-transparent-bgColor-disabled: #eaeef2b3; --control-transparent-bgColor-selected: #d0d7de33; --control-transparent-borderColor-rest: #ffffff00; --control-transparent-borderColor-hover: #ffffff00; @@ -94,10 +209,10 @@ --controlTrack-borderColor-rest: #ffffff00; --controlTrack-borderColor-disabled: #8c959f; --controlKnob-bgColor-rest: #ffffff; - --controlKnob-bgColor-disabled: #f6f8fa; + --controlKnob-bgColor-disabled: #eaeef2b3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #868f99; - --controlKnob-borderColor-disabled: #f6f8fa; + --controlKnob-borderColor-disabled: #eaeef2b3; --controlKnob-borderColor-checked: #0969da; --counter-borderColor: #ffffff00; --button-default-fgColor-rest: #24292f; @@ -105,24 +220,24 @@ --button-default-bgColor-hover: #eef1f4; --button-default-bgColor-active: #e7ebef; --button-default-bgColor-selected: #e7ebef; - --button-default-bgColor-disabled: #f6f8fa; + --button-default-bgColor-disabled: #eaeef2b3; --button-default-borderColor-rest: #d0d7de; --button-default-borderColor-hover: #d0d7de; --button-default-borderColor-active: #d0d7de; - --button-default-borderColor-disabled: #f6f8fa; + --button-default-borderColor-disabled: #eaeef2b3; --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #ffffffcc; --button-primary-iconColor-rest: #ffffffcc; - --button-primary-bgColor-rest: #1f883d; - --button-primary-bgColor-hover: #1c8139; - --button-primary-bgColor-active: #197935; + --button-primary-bgColor-rest: #1c8e75; + --button-primary-bgColor-hover: #1a8566; + --button-primary-bgColor-active: #187d57; --button-primary-bgColor-disabled: #95d8a6; --button-primary-borderColor-rest: #1f232826; --button-primary-borderColor-hover: #1f232826; --button-primary-borderColor-active: #1f232826; --button-primary-borderColor-disabled: #95d8a6; - --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d; + --button-primary-shadow-selected: inset 0px 1px 0px 0px #07251f4d; --button-invisible-fgColor-rest: #0969da; --button-invisible-fgColor-hover: #0969da; --button-invisible-fgColor-disabled: #8c959f; @@ -132,10 +247,10 @@ --button-invisible-bgColor-rest: #ffffff00; --button-invisible-bgColor-hover: #d0d7de33; --button-invisible-bgColor-active: #d0d7de66; - --button-invisible-bgColor-disabled: #ffffff00; + --button-invisible-bgColor-disabled: #eaeef2b3; --button-invisible-borderColor-rest: #ffffff00; --button-invisible-borderColor-hover: #ffffff00; - --button-invisible-borderColor-disabled: #f6f8fa; + --button-invisible-borderColor-disabled: #eaeef2b3; --button-outline-fgColor-rest: #0969da; --button-outline-fgColor-hover: #ffffff; --button-outline-fgColor-active: #ffffff; @@ -156,13 +271,14 @@ --button-danger-bgColor-rest: #f6f8fa; --button-danger-bgColor-hover: #a40e26; --button-danger-bgColor-active: #8b0820; - --button-danger-bgColor-disabled: #f6f8fa; + --button-danger-bgColor-disabled: #eaeef2b3; --button-danger-borderColor-rest: #d0d7de; --button-danger-borderColor-hover: #1f232826; --button-danger-borderColor-active: #1f232826; --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433; - --button-inactive-fgColor-rest: #57606a; - --button-inactive-bgColor-rest: #eaeef2; + --button-inactive-fgColor: #57606a; + --button-inactive-bgColor: #eaeef2; + --button-star-iconColor: #eac54f; --buttonCounter-default-bgColor-rest: #afb8c133; --buttonCounter-invisible-bgColor-rest: #afb8c133; --buttonCounter-primary-bgColor-rest: #002d1133; @@ -178,10 +294,15 @@ --buttonCounter-danger-fgColor-rest: #c21c2c; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #d1242f80; + --reactionButton-selected-bgColor-rest: #ddf4ff; + --reactionButton-selected-bgColor-hover: #caecff; + --reactionButton-selected-fgColor-rest: #0969da; + --reactionButton-selected-fgColor-hover: #0550ae; --focus-outlineColor: #0969da; --focus-outline: #0969da solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; + --overlay-borderColor: #d0d7de80; --overlay-backdrop-bgColor: #8c959f33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #b6e3ff; @@ -192,71 +313,196 @@ --underlineNav-borderColor-active: #fd8c73; --underlineNav-borderColor-hover: #afb8c133; --underlineNav-iconColor-rest: #636c76; + --selection-bgColor: #0969da33; + --card-bgColor: #ffffff; + --label-green-bgColor-rest: #caf7ca; + --label-green-bgColor-hover: #9ceda0; + --label-green-bgColor-active: #54d961; + --label-green-fgColor-rest: #2b6e3f; + --label-green-fgColor-hover: #285c3b; + --label-green-fgColor-active: #254b34; + --label-orange-bgColor-rest: #ffe7d1; + --label-orange-bgColor-hover: #fecfaa; + --label-orange-bgColor-active: #fbaf74; + --label-orange-fgColor-rest: #a24610; + --label-orange-fgColor-hover: #8d3c11; + --label-orange-fgColor-active: #70300f; + --label-purple-bgColor-rest: #f1e5ff; + --label-purple-bgColor-hover: #e6d2fe; + --label-purple-bgColor-active: #d1b1fc; + --label-purple-fgColor-rest: #783ae4; + --label-purple-fgColor-hover: #6223d7; + --label-purple-fgColor-active: #4f21ab; + --label-red-bgColor-rest: #ffe2e0; + --label-red-bgColor-hover: #fecdcd; + --label-red-bgColor-active: #fda5a7; + --label-red-fgColor-rest: #c50d28; + --label-red-fgColor-hover: #a60c29; + --label-red-fgColor-active: #880c27; + --label-yellow-bgColor-rest: #ffec9e; + --label-yellow-bgColor-hover: #ffd642; + --label-yellow-bgColor-active: #ebb400; + --label-yellow-fgColor-rest: #805900; + --label-yellow-fgColor-hover: #704d00; + --label-yellow-fgColor-active: #5c3d00; + --label-gray-bgColor-rest: #e8ecf2; + --label-gray-bgColor-hover: #d2dae4; + --label-gray-bgColor-active: #b4c0cf; + --label-gray-fgColor-rest: #5c6570; + --label-gray-fgColor-hover: #4e535a; + --label-gray-fgColor-active: #424448; + --label-auburn-bgColor-rest: #f2e9e9; + --label-auburn-bgColor-hover: #e6d6d5; + --label-auburn-bgColor-active: #d4b7b5; + --label-auburn-fgColor-rest: #8a5551; + --label-auburn-fgColor-hover: #744744; + --label-auburn-fgColor-active: #5d3937; + --label-brown-bgColor-rest: #eeeae2; + --label-brown-bgColor-hover: #dfd7c8; + --label-brown-bgColor-active: #cbbda4; + --label-brown-fgColor-rest: #755f43; + --label-brown-fgColor-hover: #64513a; + --label-brown-fgColor-active: #51412f; + --label-lemon-bgColor-rest: #f7eea1; + --label-lemon-bgColor-hover: #f0db3d; + --label-lemon-bgColor-active: #d8bd0e; + --label-lemon-fgColor-rest: #786002; + --label-lemon-fgColor-hover: #654f01; + --label-lemon-fgColor-active: #523f00; + --label-olive-bgColor-rest: #f0f0ad; + --label-olive-bgColor-hover: #dbe170; + --label-olive-bgColor-active: #b9c832; + --label-olive-fgColor-rest: #56682c; + --label-olive-fgColor-hover: #495a2b; + --label-olive-fgColor-active: #3b4927; + --label-lime-bgColor-rest: #e3f2b5; + --label-lime-bgColor-hover: #c7e580; + --label-lime-bgColor-active: #9bd039; + --label-lime-fgColor-rest: #476c28; + --label-lime-fgColor-hover: #3a5b25; + --label-lime-fgColor-active: #2f4a21; + --label-pine-bgColor-rest: #bff8db; + --label-pine-bgColor-hover: #80efb9; + --label-pine-bgColor-active: #1dd781; + --label-pine-fgColor-rest: #156f4b; + --label-pine-fgColor-hover: #135d41; + --label-pine-fgColor-active: #114b36; + --label-teal-bgColor-rest: #c7f5ef; + --label-teal-bgColor-hover: #89ebe1; + --label-teal-bgColor-active: #22d3c7; + --label-teal-fgColor-rest: #106e75; + --label-teal-fgColor-hover: #0d5b63; + --label-teal-fgColor-active: #0a4852; + --label-cyan-bgColor-rest: #bdf4ff; + --label-cyan-bgColor-hover: #7ae9ff; + --label-cyan-bgColor-active: #00d0fa; + --label-cyan-fgColor-rest: #006a80; + --label-cyan-fgColor-hover: #00596b; + --label-cyan-fgColor-active: #004857; + --label-indigo-bgColor-rest: #e5e9ff; + --label-indigo-bgColor-hover: #d2d7fe; + --label-indigo-bgColor-active: #b1b9fb; + --label-indigo-fgColor-rest: #494edf; + --label-indigo-fgColor-hover: #393cd5; + --label-indigo-fgColor-active: #2d2db4; + --label-blue-bgColor-rest: #d1f0ff; + --label-blue-bgColor-hover: #ade1ff; + --label-blue-bgColor-active: #75c8ff; + --label-blue-fgColor-rest: #005fcc; + --label-blue-fgColor-hover: #004db3; + --label-blue-fgColor-active: #003d99; + --label-plum-bgColor-rest: #f8e5ff; + --label-plum-bgColor-hover: #f0cdfe; + --label-plum-bgColor-active: #e2a7fb; + --label-plum-fgColor-rest: #961edc; + --label-plum-fgColor-hover: #7d1eb8; + --label-plum-fgColor-active: #651d96; + --label-pink-bgColor-rest: #ffe5f1; + --label-pink-bgColor-hover: #fdc9e2; + --label-pink-bgColor-active: #f8a5cf; + --label-pink-fgColor-rest: #b12f79; + --label-pink-fgColor-hover: #8e2e66; + --label-pink-fgColor-active: #6e2b53; + --label-coral-bgColor-rest: #ffe5db; + --label-coral-bgColor-hover: #fecebe; + --label-coral-bgColor-active: #fcab92; + --label-coral-fgColor-rest: #ba2e12; + --label-coral-fgColor-hover: #9b2712; + --label-coral-fgColor-active: #7e2011; --fgColor-default: #1f2328; --fgColor-muted: #636c76; --fgColor-onEmphasis: #ffffff; + --fgColor-white: #ffffff; + --fgColor-black: #1f2328; --fgColor-disabled: #8c959f; --fgColor-link: #0969da; --fgColor-neutral: #6e7781; --fgColor-accent: #0969da; - --fgColor-success: #1a7f37; + --fgColor-success: #08856c; --fgColor-attention: #9a6700; --fgColor-severe: #bc4c00; --fgColor-danger: #d1242f; - --fgColor-open: #1a7f37; + --fgColor-open: #08856c; --fgColor-closed: #d1242f; --fgColor-done: #8250df; + --fgColor-upsell: #8250df; --fgColor-sponsors: #bf3989; --bgColor-default: #ffffff; --bgColor-muted: #f6f8fa; --bgColor-inset: #f6f8fa; --bgColor-emphasis: #24292f; --bgColor-inverse: #24292f; - --bgColor-disabled: #f6f8fa; + --bgColor-white: #ffffff; + --bgColor-black: #1f2328; + --bgColor-disabled: #eaeef2b3; --bgColor-transparent: #ffffff00; --bgColor-neutral-muted: #afb8c133; --bgColor-neutral-emphasis: #6e7781; --bgColor-accent-muted: #ddf4ff; --bgColor-accent-emphasis: #0969da; - --bgColor-success-muted: #dafbe1; - --bgColor-success-emphasis: #1f883d; + --bgColor-success-muted: #f3f8f6; + --bgColor-success-emphasis: #1c8e75; --bgColor-attention-muted: #fff8c5; --bgColor-attention-emphasis: #9a6700; --bgColor-severe-muted: #fff1e5; --bgColor-severe-emphasis: #bc4c00; --bgColor-danger-muted: #ffebe9; --bgColor-danger-emphasis: #cf222e; - --bgColor-open-muted: #dafbe1; - --bgColor-open-emphasis: #1f883d; + --bgColor-open-muted: #f3f8f6; + --bgColor-open-emphasis: #1c8e75; --bgColor-closed-muted: #ffebe9; --bgColor-closed-emphasis: #cf222e; --bgColor-done-muted: #fbefff; --bgColor-done-emphasis: #8250df; + --bgColor-upsell-muted: #fbefff; + --bgColor-upsell-emphasis: #8250df; --bgColor-sponsors-muted: #ffeff7; --bgColor-sponsors-emphasis: #bf3989; --borderColor-default: #d0d7de; - --borderColor-muted: #d0d7de80; + --borderColor-muted: #d0d7deb3; --borderColor-emphasis: #6e7781; - --borderColor-disabled: #f6f8fa; + --borderColor-disabled: #eaeef2b3; --borderColor-transparent: #ffffff00; --borderColor-neutral-muted: #afb8c133; --borderColor-neutral-emphasis: #6e7781; --borderColor-accent-muted: #54aeff66; --borderColor-accent-emphasis: #0969da; - --borderColor-success-muted: #4ac26b66; - --borderColor-success-emphasis: #1a7f37; + --borderColor-success-muted: #94c5b666; + --borderColor-success-emphasis: #08856c; --borderColor-attention-muted: #d4a72c66; --borderColor-attention-emphasis: #bf8700; --borderColor-severe-muted: #fb8f4466; --borderColor-severe-emphasis: #bc4c00; --borderColor-danger-muted: #ff818266; --borderColor-danger-emphasis: #cf222e; - --borderColor-open-muted: #4ac26b66; - --borderColor-open-emphasis: #1a7f37; + --borderColor-open-muted: #94c5b666; + --borderColor-open-emphasis: #08856c; --borderColor-closed-muted: #ff818266; --borderColor-closed-emphasis: #cf222e; --borderColor-done-muted: #c297ff66; --borderColor-done-emphasis: #8250df; + --borderColor-upsell-muted: #c297ff66; + --borderColor-upsell-emphasis: #8250df; --borderColor-sponsors-muted: #ff80c866; --borderColor-sponsors-emphasis: #bf3989; --color-ansi-black: #24292f; @@ -306,107 +552,15 @@ --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-scale-black: #1f2328; - --color-scale-transparent: #ffffff00; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f6f8fa; - --color-scale-gray-1: #eaeef2; - --color-scale-gray-2: #d0d7de; - --color-scale-gray-3: #afb8c1; - --color-scale-gray-4: #8c959f; - --color-scale-gray-5: #6e7781; - --color-scale-gray-6: #57606a; - --color-scale-gray-7: #424a53; - --color-scale-gray-8: #32383f; - --color-scale-gray-9: #24292f; - --color-scale-blue-0: #ddf4ff; - --color-scale-blue-1: #b6e3ff; - --color-scale-blue-2: #80ccff; - --color-scale-blue-3: #54aeff; - --color-scale-blue-4: #218bff; - --color-scale-blue-5: #0969da; - --color-scale-blue-6: #0550ae; - --color-scale-blue-7: #033d8b; - --color-scale-blue-8: #0a3069; - --color-scale-blue-9: #002155; - --color-scale-green-0: #dafbe1; - --color-scale-green-1: #aceebb; - --color-scale-green-2: #6fdd8b; - --color-scale-green-3: #4ac26b; - --color-scale-green-4: #2da44e; - --color-scale-green-5: #1a7f37; - --color-scale-green-6: #116329; - --color-scale-green-7: #044f1e; - --color-scale-green-8: #003d16; - --color-scale-green-9: #002d11; - --color-scale-yellow-0: #fff8c5; - --color-scale-yellow-1: #fae17d; - --color-scale-yellow-2: #eac54f; - --color-scale-yellow-3: #d4a72c; - --color-scale-yellow-4: #bf8700; - --color-scale-yellow-5: #9a6700; - --color-scale-yellow-6: #7d4e00; - --color-scale-yellow-7: #633c01; - --color-scale-yellow-8: #4d2d00; - --color-scale-yellow-9: #3b2300; - --color-scale-orange-0: #fff1e5; - --color-scale-orange-1: #ffd8b5; - --color-scale-orange-2: #ffb77c; - --color-scale-orange-3: #fb8f44; - --color-scale-orange-4: #e16f24; - --color-scale-orange-5: #bc4c00; - --color-scale-orange-6: #953800; - --color-scale-orange-7: #762c00; - --color-scale-orange-8: #5c2200; - --color-scale-orange-9: #471700; - --color-scale-red-0: #ffebe9; - --color-scale-red-1: #ffcecb; - --color-scale-red-2: #ffaba8; - --color-scale-red-3: #ff8182; - --color-scale-red-4: #fa4549; - --color-scale-red-5: #cf222e; - --color-scale-red-6: #a40e26; - --color-scale-red-7: #82071e; - --color-scale-red-8: #660018; - --color-scale-red-9: #4c0014; - --color-scale-purple-0: #fbefff; - --color-scale-purple-1: #ecd8ff; - --color-scale-purple-2: #d8b9ff; - --color-scale-purple-3: #c297ff; - --color-scale-purple-4: #a475f9; - --color-scale-purple-5: #8250df; - --color-scale-purple-6: #6639ba; - --color-scale-purple-7: #512a97; - --color-scale-purple-8: #3e1f79; - --color-scale-purple-9: #2e1461; - --color-scale-pink-0: #ffeff7; - --color-scale-pink-1: #ffd3eb; - --color-scale-pink-2: #ffadda; - --color-scale-pink-3: #ff80c8; - --color-scale-pink-4: #e85aad; - --color-scale-pink-5: #bf3989; - --color-scale-pink-6: #99286e; - --color-scale-pink-7: #772057; - --color-scale-pink-8: #611347; - --color-scale-pink-9: #4d0336; - --color-scale-coral-0: #fff0eb; - --color-scale-coral-1: #ffd6cc; - --color-scale-coral-2: #ffb4a1; - --color-scale-coral-3: #fd8c73; - --color-scale-coral-4: #ec6547; - --color-scale-coral-5: #c4432b; - --color-scale-coral-6: #9e2f1c; - --color-scale-coral-7: #801f0f; - --color-scale-coral-8: #691105; - --color-scale-coral-9: #510901; --shadow-inset: inset 0px 1px 0px 0px #1f23280a; --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; - --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; + --shadow-resting-small: 0px 1px 0px 0px #1f23280a; --shadow-resting-medium: 0px 3px 6px 0px #424a531f; - --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; - --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; - --shadow-floating-large: 0px 40px 80px 0px #424a533d; - --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352; + --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; + --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; + --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d; + --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352; + --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; } @media (prefers-color-scheme: dark) { [data-color-mode="auto"][data-dark-theme="light"], @@ -451,31 +605,146 @@ --header-borderColor-divider: #57606a; --headerSearch-bgColor: #24292f; --headerSearch-borderColor: #57606a; + --data-blue-color: #006edb; + --data-blue-color-muted: #d1f0ff; + --data-auburn-color: #9d615c; + --data-auburn-color-muted: #f2e9e9; + --data-orange-color: #eb670f; + --data-orange-color-muted: #ffe7d1; + --data-yellow-color: #b88700; + --data-yellow-color-muted: #ffec9e; + --data-green-color: #30a147; + --data-green-color-muted: #caf7ca; + --data-teal-color: #179b9b; + --data-teal-color-muted: #c7f5ef; + --data-purple-color: #894ceb; + --data-purple-color-muted: #f1e5ff; + --data-pink-color: #ce2c85; + --data-pink-color-muted: #ffe5f1; + --data-red-color: #df0c24; + --data-red-color-muted: #ffe2e0; + --data-gray-color: #808fa3; + --data-gray-color-muted: #e8ecf2; + --display-blue-bgColor-muted: #d1f0ff; + --display-blue-bgColor-emphasis: #006edb; + --display-blue-fgColor: #005fcc; + --display-blue-borderColor-muted: #ade1ff; + --display-blue-borderColor-emphasis: #006edb; + --display-green-bgColor-muted: #caf7ca; + --display-green-bgColor-emphasis: #2c8141; + --display-green-fgColor: #2b6e3f; + --display-green-borderColor-muted: #9ceda0; + --display-green-borderColor-emphasis: #2c8141; + --display-orange-bgColor-muted: #ffe7d1; + --display-orange-bgColor-emphasis: #b8500f; + --display-orange-fgColor: #a24610; + --display-orange-borderColor-muted: #fecfaa; + --display-orange-borderColor-emphasis: #b8500f; + --display-purple-bgColor-muted: #f1e5ff; + --display-purple-bgColor-emphasis: #894ceb; + --display-purple-fgColor: #783ae4; + --display-purple-borderColor-muted: #e6d2fe; + --display-purple-borderColor-emphasis: #894ceb; + --display-plum-bgColor-muted: #f8e5ff; + --display-plum-bgColor-emphasis: #a830e8; + --display-plum-fgColor: #961edc; + --display-plum-borderColor-muted: #f0cdfe; + --display-plum-borderColor-emphasis: #a830e8; + --display-red-bgColor-muted: #ffe2e0; + --display-red-bgColor-emphasis: #df0c24; + --display-red-fgColor: #c50d28; + --display-red-borderColor-muted: #fecdcd; + --display-red-borderColor-emphasis: #df0c24; + --display-coral-bgColor-muted: #ffe5db; + --display-coral-bgColor-emphasis: #d43511; + --display-coral-fgColor: #ba2e12; + --display-coral-borderColor-muted: #fecebe; + --display-coral-borderColor-emphasis: #d43511; + --display-yellow-bgColor-muted: #ffec9e; + --display-yellow-bgColor-emphasis: #946a00; + --display-yellow-fgColor: #805900; + --display-yellow-borderColor-muted: #ffd642; + --display-yellow-borderColor-emphasis: #946a00; + --display-gray-bgColor-muted: #e8ecf2; + --display-gray-bgColor-emphasis: #647182; + --display-gray-fgColor: #5c6570; + --display-gray-borderColor-muted: #d2dae4; + --display-gray-borderColor-emphasis: #647182; + --display-auburn-bgColor-muted: #f2e9e9; + --display-auburn-bgColor-emphasis: #9d615c; + --display-auburn-fgColor: #8a5551; + --display-auburn-borderColor-muted: #e6d6d5; + --display-auburn-borderColor-emphasis: #9d615c; + --display-brown-bgColor-muted: #eeeae2; + --display-brown-bgColor-emphasis: #856d4c; + --display-brown-fgColor: #755f43; + --display-brown-borderColor-muted: #dfd7c8; + --display-brown-borderColor-emphasis: #856d4c; + --display-lemon-bgColor-muted: #f7eea1; + --display-lemon-bgColor-emphasis: #866e04; + --display-lemon-fgColor: #786002; + --display-lemon-borderColor-muted: #f0db3d; + --display-lemon-borderColor-emphasis: #866e04; + --display-olive-bgColor-muted: #f0f0ad; + --display-olive-bgColor-emphasis: #64762d; + --display-olive-fgColor: #56682c; + --display-olive-borderColor-muted: #dbe170; + --display-olive-borderColor-emphasis: #64762d; + --display-lime-bgColor-muted: #e3f2b5; + --display-lime-bgColor-emphasis: #527a29; + --display-lime-fgColor: #476c28; + --display-lime-borderColor-muted: #c7e580; + --display-lime-borderColor-emphasis: #527a29; + --display-pine-bgColor-muted: #bff8db; + --display-pine-bgColor-emphasis: #167e53; + --display-pine-fgColor: #156f4b; + --display-pine-borderColor-muted: #80efb9; + --display-pine-borderColor-emphasis: #167e53; + --display-teal-bgColor-muted: #c7f5ef; + --display-teal-bgColor-emphasis: #127e81; + --display-teal-fgColor: #106e75; + --display-teal-borderColor-muted: #89ebe1; + --display-teal-borderColor-emphasis: #127e81; + --display-cyan-bgColor-muted: #bdf4ff; + --display-cyan-bgColor-emphasis: #007b94; + --display-cyan-fgColor: #006a80; + --display-cyan-borderColor-muted: #7ae9ff; + --display-cyan-borderColor-emphasis: #007b94; + --display-indigo-bgColor-muted: #e5e9ff; + --display-indigo-bgColor-emphasis: #5a61e7; + --display-indigo-fgColor: #494edf; + --display-indigo-borderColor-muted: #d2d7fe; + --display-indigo-borderColor-emphasis: #5a61e7; + --display-pink-bgColor-muted: #ffe5f1; + --display-pink-bgColor-emphasis: #ce2c85; + --display-pink-fgColor: #b12f79; + --display-pink-borderColor-muted: #fdc9e2; + --display-pink-borderColor-emphasis: #ce2c85; --avatar-bgColor: #ffffff; - --avatar-borderColor: #d0d7de; + --avatar-borderColor: #1f232826; --avatar-shadow: 0px 0px 0px 2px #ffffffcc; --avatarStack-fade-bgColor-default: #afb8c1; --avatarStack-fade-bgColor-muted: #d0d7de; --control-bgColor-rest: #f6f8fa; --control-bgColor-hover: #eef1f4; --control-bgColor-active: #e7ebef; - --control-bgColor-disabled: #f6f8fa; + --control-bgColor-disabled: #eaeef2b3; --control-bgColor-selected: #f6f8fa; --control-fgColor-rest: #24292f; --control-fgColor-placeholder: #6e7781; --control-fgColor-disabled: #8c959f; --control-borderColor-rest: #d0d7de; --control-borderColor-emphasis: #868f99; - --control-borderColor-disabled: #f6f8fa; + --control-borderColor-disabled: #eaeef2b3; --control-borderColor-selected: #f6f8fa; - --control-borderColor-success: #1a7f37; + --control-borderColor-success: #08856c; --control-borderColor-danger: #cf222e; --control-borderColor-warning: #bf8700; --control-iconColor-rest: #636c76; --control-transparent-bgColor-rest: #ffffff00; --control-transparent-bgColor-hover: #d0d7de33; --control-transparent-bgColor-active: #d0d7de66; - --control-transparent-bgColor-disabled: #ffffff00; + --control-transparent-bgColor-disabled: #eaeef2b3; --control-transparent-bgColor-selected: #d0d7de33; --control-transparent-borderColor-rest: #ffffff00; --control-transparent-borderColor-hover: #ffffff00; @@ -503,10 +772,10 @@ --controlTrack-borderColor-rest: #ffffff00; --controlTrack-borderColor-disabled: #8c959f; --controlKnob-bgColor-rest: #ffffff; - --controlKnob-bgColor-disabled: #f6f8fa; + --controlKnob-bgColor-disabled: #eaeef2b3; --controlKnob-bgColor-checked: #ffffff; --controlKnob-borderColor-rest: #868f99; - --controlKnob-borderColor-disabled: #f6f8fa; + --controlKnob-borderColor-disabled: #eaeef2b3; --controlKnob-borderColor-checked: #0969da; --counter-borderColor: #ffffff00; --button-default-fgColor-rest: #24292f; @@ -514,24 +783,24 @@ --button-default-bgColor-hover: #eef1f4; --button-default-bgColor-active: #e7ebef; --button-default-bgColor-selected: #e7ebef; - --button-default-bgColor-disabled: #f6f8fa; + --button-default-bgColor-disabled: #eaeef2b3; --button-default-borderColor-rest: #d0d7de; --button-default-borderColor-hover: #d0d7de; --button-default-borderColor-active: #d0d7de; - --button-default-borderColor-disabled: #f6f8fa; + --button-default-borderColor-disabled: #eaeef2b3; --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; --button-primary-fgColor-rest: #ffffff; --button-primary-fgColor-disabled: #ffffffcc; --button-primary-iconColor-rest: #ffffffcc; - --button-primary-bgColor-rest: #1f883d; - --button-primary-bgColor-hover: #1c8139; - --button-primary-bgColor-active: #197935; + --button-primary-bgColor-rest: #1c8e75; + --button-primary-bgColor-hover: #1a8566; + --button-primary-bgColor-active: #187d57; --button-primary-bgColor-disabled: #95d8a6; --button-primary-borderColor-rest: #1f232826; --button-primary-borderColor-hover: #1f232826; --button-primary-borderColor-active: #1f232826; --button-primary-borderColor-disabled: #95d8a6; - --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d; + --button-primary-shadow-selected: inset 0px 1px 0px 0px #07251f4d; --button-invisible-fgColor-rest: #0969da; --button-invisible-fgColor-hover: #0969da; --button-invisible-fgColor-disabled: #8c959f; @@ -541,10 +810,10 @@ --button-invisible-bgColor-rest: #ffffff00; --button-invisible-bgColor-hover: #d0d7de33; --button-invisible-bgColor-active: #d0d7de66; - --button-invisible-bgColor-disabled: #ffffff00; + --button-invisible-bgColor-disabled: #eaeef2b3; --button-invisible-borderColor-rest: #ffffff00; --button-invisible-borderColor-hover: #ffffff00; - --button-invisible-borderColor-disabled: #f6f8fa; + --button-invisible-borderColor-disabled: #eaeef2b3; --button-outline-fgColor-rest: #0969da; --button-outline-fgColor-hover: #ffffff; --button-outline-fgColor-active: #ffffff; @@ -565,13 +834,14 @@ --button-danger-bgColor-rest: #f6f8fa; --button-danger-bgColor-hover: #a40e26; --button-danger-bgColor-active: #8b0820; - --button-danger-bgColor-disabled: #f6f8fa; + --button-danger-bgColor-disabled: #eaeef2b3; --button-danger-borderColor-rest: #d0d7de; --button-danger-borderColor-hover: #1f232826; --button-danger-borderColor-active: #1f232826; --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433; - --button-inactive-fgColor-rest: #57606a; - --button-inactive-bgColor-rest: #eaeef2; + --button-inactive-fgColor: #57606a; + --button-inactive-bgColor: #eaeef2; + --button-star-iconColor: #eac54f; --buttonCounter-default-bgColor-rest: #afb8c133; --buttonCounter-invisible-bgColor-rest: #afb8c133; --buttonCounter-primary-bgColor-rest: #002d1133; @@ -587,10 +857,15 @@ --buttonCounter-danger-fgColor-rest: #c21c2c; --buttonCounter-danger-fgColor-hover: #ffffff; --buttonCounter-danger-fgColor-disabled: #d1242f80; + --reactionButton-selected-bgColor-rest: #ddf4ff; + --reactionButton-selected-bgColor-hover: #caecff; + --reactionButton-selected-fgColor-rest: #0969da; + --reactionButton-selected-fgColor-hover: #0550ae; --focus-outlineColor: #0969da; --focus-outline: #0969da solid 2px; --menu-bgColor-active: #ffffff00; --overlay-bgColor: #ffffff; + --overlay-borderColor: #d0d7de80; --overlay-backdrop-bgColor: #8c959f33; --selectMenu-borderColor: #ffffff00; --selectMenu-bgColor-active: #b6e3ff; @@ -601,71 +876,196 @@ --underlineNav-borderColor-active: #fd8c73; --underlineNav-borderColor-hover: #afb8c133; --underlineNav-iconColor-rest: #636c76; + --selection-bgColor: #0969da33; + --card-bgColor: #ffffff; + --label-green-bgColor-rest: #caf7ca; + --label-green-bgColor-hover: #9ceda0; + --label-green-bgColor-active: #54d961; + --label-green-fgColor-rest: #2b6e3f; + --label-green-fgColor-hover: #285c3b; + --label-green-fgColor-active: #254b34; + --label-orange-bgColor-rest: #ffe7d1; + --label-orange-bgColor-hover: #fecfaa; + --label-orange-bgColor-active: #fbaf74; + --label-orange-fgColor-rest: #a24610; + --label-orange-fgColor-hover: #8d3c11; + --label-orange-fgColor-active: #70300f; + --label-purple-bgColor-rest: #f1e5ff; + --label-purple-bgColor-hover: #e6d2fe; + --label-purple-bgColor-active: #d1b1fc; + --label-purple-fgColor-rest: #783ae4; + --label-purple-fgColor-hover: #6223d7; + --label-purple-fgColor-active: #4f21ab; + --label-red-bgColor-rest: #ffe2e0; + --label-red-bgColor-hover: #fecdcd; + --label-red-bgColor-active: #fda5a7; + --label-red-fgColor-rest: #c50d28; + --label-red-fgColor-hover: #a60c29; + --label-red-fgColor-active: #880c27; + --label-yellow-bgColor-rest: #ffec9e; + --label-yellow-bgColor-hover: #ffd642; + --label-yellow-bgColor-active: #ebb400; + --label-yellow-fgColor-rest: #805900; + --label-yellow-fgColor-hover: #704d00; + --label-yellow-fgColor-active: #5c3d00; + --label-gray-bgColor-rest: #e8ecf2; + --label-gray-bgColor-hover: #d2dae4; + --label-gray-bgColor-active: #b4c0cf; + --label-gray-fgColor-rest: #5c6570; + --label-gray-fgColor-hover: #4e535a; + --label-gray-fgColor-active: #424448; + --label-auburn-bgColor-rest: #f2e9e9; + --label-auburn-bgColor-hover: #e6d6d5; + --label-auburn-bgColor-active: #d4b7b5; + --label-auburn-fgColor-rest: #8a5551; + --label-auburn-fgColor-hover: #744744; + --label-auburn-fgColor-active: #5d3937; + --label-brown-bgColor-rest: #eeeae2; + --label-brown-bgColor-hover: #dfd7c8; + --label-brown-bgColor-active: #cbbda4; + --label-brown-fgColor-rest: #755f43; + --label-brown-fgColor-hover: #64513a; + --label-brown-fgColor-active: #51412f; + --label-lemon-bgColor-rest: #f7eea1; + --label-lemon-bgColor-hover: #f0db3d; + --label-lemon-bgColor-active: #d8bd0e; + --label-lemon-fgColor-rest: #786002; + --label-lemon-fgColor-hover: #654f01; + --label-lemon-fgColor-active: #523f00; + --label-olive-bgColor-rest: #f0f0ad; + --label-olive-bgColor-hover: #dbe170; + --label-olive-bgColor-active: #b9c832; + --label-olive-fgColor-rest: #56682c; + --label-olive-fgColor-hover: #495a2b; + --label-olive-fgColor-active: #3b4927; + --label-lime-bgColor-rest: #e3f2b5; + --label-lime-bgColor-hover: #c7e580; + --label-lime-bgColor-active: #9bd039; + --label-lime-fgColor-rest: #476c28; + --label-lime-fgColor-hover: #3a5b25; + --label-lime-fgColor-active: #2f4a21; + --label-pine-bgColor-rest: #bff8db; + --label-pine-bgColor-hover: #80efb9; + --label-pine-bgColor-active: #1dd781; + --label-pine-fgColor-rest: #156f4b; + --label-pine-fgColor-hover: #135d41; + --label-pine-fgColor-active: #114b36; + --label-teal-bgColor-rest: #c7f5ef; + --label-teal-bgColor-hover: #89ebe1; + --label-teal-bgColor-active: #22d3c7; + --label-teal-fgColor-rest: #106e75; + --label-teal-fgColor-hover: #0d5b63; + --label-teal-fgColor-active: #0a4852; + --label-cyan-bgColor-rest: #bdf4ff; + --label-cyan-bgColor-hover: #7ae9ff; + --label-cyan-bgColor-active: #00d0fa; + --label-cyan-fgColor-rest: #006a80; + --label-cyan-fgColor-hover: #00596b; + --label-cyan-fgColor-active: #004857; + --label-indigo-bgColor-rest: #e5e9ff; + --label-indigo-bgColor-hover: #d2d7fe; + --label-indigo-bgColor-active: #b1b9fb; + --label-indigo-fgColor-rest: #494edf; + --label-indigo-fgColor-hover: #393cd5; + --label-indigo-fgColor-active: #2d2db4; + --label-blue-bgColor-rest: #d1f0ff; + --label-blue-bgColor-hover: #ade1ff; + --label-blue-bgColor-active: #75c8ff; + --label-blue-fgColor-rest: #005fcc; + --label-blue-fgColor-hover: #004db3; + --label-blue-fgColor-active: #003d99; + --label-plum-bgColor-rest: #f8e5ff; + --label-plum-bgColor-hover: #f0cdfe; + --label-plum-bgColor-active: #e2a7fb; + --label-plum-fgColor-rest: #961edc; + --label-plum-fgColor-hover: #7d1eb8; + --label-plum-fgColor-active: #651d96; + --label-pink-bgColor-rest: #ffe5f1; + --label-pink-bgColor-hover: #fdc9e2; + --label-pink-bgColor-active: #f8a5cf; + --label-pink-fgColor-rest: #b12f79; + --label-pink-fgColor-hover: #8e2e66; + --label-pink-fgColor-active: #6e2b53; + --label-coral-bgColor-rest: #ffe5db; + --label-coral-bgColor-hover: #fecebe; + --label-coral-bgColor-active: #fcab92; + --label-coral-fgColor-rest: #ba2e12; + --label-coral-fgColor-hover: #9b2712; + --label-coral-fgColor-active: #7e2011; --fgColor-default: #1f2328; --fgColor-muted: #636c76; --fgColor-onEmphasis: #ffffff; + --fgColor-white: #ffffff; + --fgColor-black: #1f2328; --fgColor-disabled: #8c959f; --fgColor-link: #0969da; --fgColor-neutral: #6e7781; --fgColor-accent: #0969da; - --fgColor-success: #1a7f37; + --fgColor-success: #08856c; --fgColor-attention: #9a6700; --fgColor-severe: #bc4c00; --fgColor-danger: #d1242f; - --fgColor-open: #1a7f37; + --fgColor-open: #08856c; --fgColor-closed: #d1242f; --fgColor-done: #8250df; + --fgColor-upsell: #8250df; --fgColor-sponsors: #bf3989; --bgColor-default: #ffffff; --bgColor-muted: #f6f8fa; --bgColor-inset: #f6f8fa; --bgColor-emphasis: #24292f; --bgColor-inverse: #24292f; - --bgColor-disabled: #f6f8fa; + --bgColor-white: #ffffff; + --bgColor-black: #1f2328; + --bgColor-disabled: #eaeef2b3; --bgColor-transparent: #ffffff00; --bgColor-neutral-muted: #afb8c133; --bgColor-neutral-emphasis: #6e7781; --bgColor-accent-muted: #ddf4ff; --bgColor-accent-emphasis: #0969da; - --bgColor-success-muted: #dafbe1; - --bgColor-success-emphasis: #1f883d; + --bgColor-success-muted: #f3f8f6; + --bgColor-success-emphasis: #1c8e75; --bgColor-attention-muted: #fff8c5; --bgColor-attention-emphasis: #9a6700; --bgColor-severe-muted: #fff1e5; --bgColor-severe-emphasis: #bc4c00; --bgColor-danger-muted: #ffebe9; --bgColor-danger-emphasis: #cf222e; - --bgColor-open-muted: #dafbe1; - --bgColor-open-emphasis: #1f883d; + --bgColor-open-muted: #f3f8f6; + --bgColor-open-emphasis: #1c8e75; --bgColor-closed-muted: #ffebe9; --bgColor-closed-emphasis: #cf222e; --bgColor-done-muted: #fbefff; --bgColor-done-emphasis: #8250df; + --bgColor-upsell-muted: #fbefff; + --bgColor-upsell-emphasis: #8250df; --bgColor-sponsors-muted: #ffeff7; --bgColor-sponsors-emphasis: #bf3989; --borderColor-default: #d0d7de; - --borderColor-muted: #d0d7de80; + --borderColor-muted: #d0d7deb3; --borderColor-emphasis: #6e7781; - --borderColor-disabled: #f6f8fa; + --borderColor-disabled: #eaeef2b3; --borderColor-transparent: #ffffff00; --borderColor-neutral-muted: #afb8c133; --borderColor-neutral-emphasis: #6e7781; --borderColor-accent-muted: #54aeff66; --borderColor-accent-emphasis: #0969da; - --borderColor-success-muted: #4ac26b66; - --borderColor-success-emphasis: #1a7f37; + --borderColor-success-muted: #94c5b666; + --borderColor-success-emphasis: #08856c; --borderColor-attention-muted: #d4a72c66; --borderColor-attention-emphasis: #bf8700; --borderColor-severe-muted: #fb8f4466; --borderColor-severe-emphasis: #bc4c00; --borderColor-danger-muted: #ff818266; --borderColor-danger-emphasis: #cf222e; - --borderColor-open-muted: #4ac26b66; - --borderColor-open-emphasis: #1a7f37; + --borderColor-open-muted: #94c5b666; + --borderColor-open-emphasis: #08856c; --borderColor-closed-muted: #ff818266; --borderColor-closed-emphasis: #cf222e; --borderColor-done-muted: #c297ff66; --borderColor-done-emphasis: #8250df; + --borderColor-upsell-muted: #c297ff66; + --borderColor-upsell-emphasis: #8250df; --borderColor-sponsors-muted: #ff80c866; --borderColor-sponsors-emphasis: #bf3989; --color-ansi-black: #24292f; @@ -715,106 +1115,14 @@ --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-scale-black: #1f2328; - --color-scale-transparent: #ffffff00; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f6f8fa; - --color-scale-gray-1: #eaeef2; - --color-scale-gray-2: #d0d7de; - --color-scale-gray-3: #afb8c1; - --color-scale-gray-4: #8c959f; - --color-scale-gray-5: #6e7781; - --color-scale-gray-6: #57606a; - --color-scale-gray-7: #424a53; - --color-scale-gray-8: #32383f; - --color-scale-gray-9: #24292f; - --color-scale-blue-0: #ddf4ff; - --color-scale-blue-1: #b6e3ff; - --color-scale-blue-2: #80ccff; - --color-scale-blue-3: #54aeff; - --color-scale-blue-4: #218bff; - --color-scale-blue-5: #0969da; - --color-scale-blue-6: #0550ae; - --color-scale-blue-7: #033d8b; - --color-scale-blue-8: #0a3069; - --color-scale-blue-9: #002155; - --color-scale-green-0: #dafbe1; - --color-scale-green-1: #aceebb; - --color-scale-green-2: #6fdd8b; - --color-scale-green-3: #4ac26b; - --color-scale-green-4: #2da44e; - --color-scale-green-5: #1a7f37; - --color-scale-green-6: #116329; - --color-scale-green-7: #044f1e; - --color-scale-green-8: #003d16; - --color-scale-green-9: #002d11; - --color-scale-yellow-0: #fff8c5; - --color-scale-yellow-1: #fae17d; - --color-scale-yellow-2: #eac54f; - --color-scale-yellow-3: #d4a72c; - --color-scale-yellow-4: #bf8700; - --color-scale-yellow-5: #9a6700; - --color-scale-yellow-6: #7d4e00; - --color-scale-yellow-7: #633c01; - --color-scale-yellow-8: #4d2d00; - --color-scale-yellow-9: #3b2300; - --color-scale-orange-0: #fff1e5; - --color-scale-orange-1: #ffd8b5; - --color-scale-orange-2: #ffb77c; - --color-scale-orange-3: #fb8f44; - --color-scale-orange-4: #e16f24; - --color-scale-orange-5: #bc4c00; - --color-scale-orange-6: #953800; - --color-scale-orange-7: #762c00; - --color-scale-orange-8: #5c2200; - --color-scale-orange-9: #471700; - --color-scale-red-0: #ffebe9; - --color-scale-red-1: #ffcecb; - --color-scale-red-2: #ffaba8; - --color-scale-red-3: #ff8182; - --color-scale-red-4: #fa4549; - --color-scale-red-5: #cf222e; - --color-scale-red-6: #a40e26; - --color-scale-red-7: #82071e; - --color-scale-red-8: #660018; - --color-scale-red-9: #4c0014; - --color-scale-purple-0: #fbefff; - --color-scale-purple-1: #ecd8ff; - --color-scale-purple-2: #d8b9ff; - --color-scale-purple-3: #c297ff; - --color-scale-purple-4: #a475f9; - --color-scale-purple-5: #8250df; - --color-scale-purple-6: #6639ba; - --color-scale-purple-7: #512a97; - --color-scale-purple-8: #3e1f79; - --color-scale-purple-9: #2e1461; - --color-scale-pink-0: #ffeff7; - --color-scale-pink-1: #ffd3eb; - --color-scale-pink-2: #ffadda; - --color-scale-pink-3: #ff80c8; - --color-scale-pink-4: #e85aad; - --color-scale-pink-5: #bf3989; - --color-scale-pink-6: #99286e; - --color-scale-pink-7: #772057; - --color-scale-pink-8: #611347; - --color-scale-pink-9: #4d0336; - --color-scale-coral-0: #fff0eb; - --color-scale-coral-1: #ffd6cc; - --color-scale-coral-2: #ffb4a1; - --color-scale-coral-3: #fd8c73; - --color-scale-coral-4: #ec6547; - --color-scale-coral-5: #c4432b; - --color-scale-coral-6: #9e2f1c; - --color-scale-coral-7: #801f0f; - --color-scale-coral-8: #691105; - --color-scale-coral-9: #510901; --shadow-inset: inset 0px 1px 0px 0px #1f23280a; --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; - --shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; + --shadow-resting-small: 0px 1px 0px 0px #1f23280a; --shadow-resting-medium: 0px 3px 6px 0px #424a531f; - --shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; - --shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; - --shadow-floating-large: 0px 40px 80px 0px #424a533d; - --shadow-floating-xlarge: 0px 56px 112px 0px #424a5352; + --shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; + --shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; + --shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d; + --shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352; + --shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; } } diff --git a/dist/css/functional/typography/typography.css b/dist/css/functional/typography/typography.css index 4fff15d60..a864d8970 100644 --- a/dist/css/functional/typography/typography.css +++ b/dist/css/functional/typography/typography.css @@ -20,10 +20,10 @@ --text-title-size-large: 2rem; --text-display-lineHeight: 1.4; --text-display-size: 2.5rem; - --text-display-lineBoxHeight: 3.5rem; + --text-display-lineBoxHeight: 1.4; --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; - --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; - --fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; + --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; + --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; --text-codeInline-weight: 400; --text-codeBlock-weight: 400; --text-caption-weight: 400; @@ -34,14 +34,14 @@ --text-title-weight-large: 600; --text-display-weight: 500; --text-codeInline-shorthand: var(--text-codeInline-weight) var(--text-codeInline-size) var(--fontStack-monospace); - --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size)/var(--text-codeBlock-lineHeight) var(--fontStack-monospace); - --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-lineHeight) var(--fontStack-sansSerif); - --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small)/var(--text-body-lineHeight-small) var(--fontStack-sansSerif); - --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium)/var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); - --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large)/var(--text-body-lineHeight-large) var(--fontStack-sansSerif); - --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size)/var(--text-subtitle-lineHeight) var(--fontStack-sansSerif); - --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small)/var(--text-title-lineHeight-small) var(--fontStack-sansSerif); - --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium)/var(--text-title-lineHeight-medium) var(--fontStack-sansSerif); - --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large)/var(--text-title-lineHeight-large) var(--fontStack-sansSerif); - --text-display-shorthand: var(--text-display-weight) var(--text-display-size)/var(--text-display-lineHeight) var(--fontStack-sansSerif); + --text-codeBlock-shorthand: var(--text-codeBlock-weight) var(--text-codeBlock-size) / var(--text-codeBlock-lineHeight) var(--fontStack-monospace); + --text-caption-shorthand: var(--text-caption-weight) var(--text-caption-size) / var(--text-caption-lineHeight) var(--fontStack-sansSerif); + --text-body-shorthand-small: var(--text-body-weight) var(--text-body-size-small) / var(--text-body-lineHeight-small) var(--fontStack-sansSerif); + --text-body-shorthand-medium: var(--text-body-weight) var(--text-body-size-medium) / var(--text-body-lineHeight-medium) var(--fontStack-sansSerif); + --text-body-shorthand-large: var(--text-body-weight) var(--text-body-size-large) / var(--text-body-lineHeight-large) var(--fontStack-sansSerif); + --text-subtitle-shorthand: var(--text-subtitle-weight) var(--text-subtitle-size) / var(--text-subtitle-lineHeight) var(--fontStack-sansSerif); + --text-title-shorthand-small: var(--text-title-weight-small) var(--text-title-size-small) / var(--text-title-lineHeight-small) var(--fontStack-sansSerif); + --text-title-shorthand-medium: var(--text-title-weight-medium) var(--text-title-size-medium) / var(--text-title-lineHeight-medium) var(--fontStack-sansSerif); + --text-title-shorthand-large: var(--text-title-weight-large) var(--text-title-size-large) / var(--text-title-lineHeight-large) var(--fontStack-sansSerif); + --text-display-shorthand: var(--text-display-weight) var(--text-display-size) / var(--text-display-lineHeight) var(--fontStack-sansSerif); } diff --git a/dist/deprecated/colors.json b/dist/deprecated/colors.json deleted file mode 100644 index 3cb431b69..000000000 --- a/dist/deprecated/colors.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "mktg.btn.bg": null, - "mktg.btn.shadow.outline": null, - "mktg.btn.shadow.focus": null, - "mktg.btn.shadow.hover": null, - "mktg.btn.shadow.hoverMuted": null -} \ No newline at end of file diff --git a/dist/docs/base/size/size.json b/dist/docs/base/size/size.json index e252ff1a8..e2edd601a 100644 --- a/dist/docs/base/size/size.json +++ b/dist/docs/base/size/size.json @@ -1,4 +1,29 @@ { + "base-size-2": { + "value": "0.125rem", + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "base/size", + "scopes": ["size"] + } + }, + "filePath": "src/tokens/base/size/size.json", + "isSource": true, + "original": { + "value": "2px", + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "base/size", + "scopes": ["size"] + } + } + }, + "name": "base-size-2", + "attributes": {}, + "path": ["base", "size", "2"] + }, "base-size-4": { "value": "0.25rem", "$type": "dimension", @@ -24,6 +49,31 @@ "attributes": {}, "path": ["base", "size", "4"] }, + "base-size-6": { + "value": "0.375rem", + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "base/size", + "scopes": ["size"] + } + }, + "filePath": "src/tokens/base/size/size.json", + "isSource": true, + "original": { + "value": "6px", + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "base/size", + "scopes": ["size"] + } + } + }, + "name": "base-size-6", + "attributes": {}, + "path": ["base", "size", "6"] + }, "base-size-8": { "value": "0.5rem", "$type": "dimension", diff --git a/dist/docs/base/typography/typography.json b/dist/docs/base/typography/typography.json index 2f778af28..34ca65997 100644 --- a/dist/docs/base/typography/typography.json +++ b/dist/docs/base/typography/typography.json @@ -2,11 +2,23 @@ "base-text-weight-light": { "$type": "fontWeight", "value": 300, + "$extensions": { + "org.primer.figma": { + "collection": "base/typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/base/typography/typography.json", "isSource": true, "original": { "$type": "fontWeight", - "value": 300 + "value": 300, + "$extensions": { + "org.primer.figma": { + "collection": "base/typography", + "scopes": ["all"] + } + } }, "name": "base-text-weight-light", "attributes": {}, @@ -15,11 +27,23 @@ "base-text-weight-normal": { "value": 400, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "base/typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/base/typography/typography.json", "isSource": true, "original": { "value": 400, - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "base/typography", + "scopes": ["all"] + } + } }, "name": "base-text-weight-normal", "attributes": {}, @@ -28,11 +52,23 @@ "base-text-weight-medium": { "value": 500, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "base/typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/base/typography/typography.json", "isSource": true, "original": { "value": 500, - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "base/typography", + "scopes": ["all"] + } + } }, "name": "base-text-weight-medium", "attributes": {}, @@ -41,11 +77,23 @@ "base-text-weight-semibold": { "value": 600, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "base/typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/base/typography/typography.json", "isSource": true, "original": { "value": 600, - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "base/typography", + "scopes": ["all"] + } + } }, "name": "base-text-weight-semibold", "attributes": {}, diff --git a/dist/docs/functional/size/size.json b/dist/docs/functional/size/size.json index 1aa752265..bb1c8dd72 100644 --- a/dist/docs/functional/size/size.json +++ b/dist/docs/functional/size/size.json @@ -1027,6 +1027,7 @@ "space-xxsmall": { "value": "0.125rem", "$type": "dimension", + "deprecated": "Use --base-size-2 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1038,6 +1039,7 @@ "original": { "value": "2px", "$type": "dimension", + "deprecated": "Use --base-size-2 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1052,6 +1054,7 @@ "space-xsmall": { "value": "0.25rem", "$type": "dimension", + "deprecated": "Use --base-size-4 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1063,6 +1066,7 @@ "original": { "value": "{base.size.4}", "$type": "dimension", + "deprecated": "Use --base-size-4 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1077,6 +1081,7 @@ "space-small": { "value": "0.375rem", "$type": "dimension", + "deprecated": "Use --base-size-6 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1088,6 +1093,7 @@ "original": { "value": "6px", "$type": "dimension", + "deprecated": "Use --base-size-6 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1102,6 +1108,7 @@ "space-medium": { "value": "0.5rem", "$type": "dimension", + "deprecated": "Use --base-size-8 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1113,6 +1120,7 @@ "original": { "value": "{base.size.8}", "$type": "dimension", + "deprecated": "Use --base-size-8 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1127,6 +1135,7 @@ "space-large": { "value": "0.75rem", "$type": "dimension", + "deprecated": "Use --base-size-12 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1138,6 +1147,7 @@ "original": { "value": "{base.size.12}", "$type": "dimension", + "deprecated": "Use --base-size-12 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1152,6 +1162,7 @@ "space-xlarge": { "value": "1rem", "$type": "dimension", + "deprecated": "Use --base-size-16 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1163,6 +1174,7 @@ "original": { "value": "{base.size.16}", "$type": "dimension", + "deprecated": "Use --base-size-16 instead", "$extensions": { "org.primer.figma": { "collection": "functional/size", @@ -1809,5 +1821,30 @@ "name": "overlay-borderRadius", "attributes": {}, "path": ["overlay", "borderRadius"] + }, + "overlay-offset": { + "value": "0.25rem", + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "pattern/size", + "scopes": ["size"] + } + }, + "filePath": "src/tokens/functional/size/size.json", + "isSource": true, + "original": { + "value": "4px", + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "pattern/size", + "scopes": ["size"] + } + } + }, + "name": "overlay-offset", + "attributes": {}, + "path": ["overlay", "offset"] } } diff --git a/dist/docs/functional/themes/dark-colorblind.json b/dist/docs/functional/themes/dark-colorblind.json index 596b1e760..99e5ad5bf 100644 --- a/dist/docs/functional/themes/dark-colorblind.json +++ b/dist/docs/functional/themes/dark-colorblind.json @@ -424,7 +424,7 @@ "path": ["diffBlob", "hunk", "bgColor", "num"] }, "diffBlob-expander-iconColor": { - "value": "#848d97", + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -569,7 +569,7 @@ "path": ["codeMirror", "gutterMarker", "fgColor", "default"] }, "codeMirror-gutterMarker-fgColor-muted": { - "value": "#848d97", + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -598,7 +598,7 @@ "path": ["codeMirror", "gutterMarker", "fgColor", "muted"] }, "codeMirror-lineNumber-fgColor": { - "value": "#848d97", + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -785,7 +785,7 @@ "filePath": "src/tokens/functional/color/dark/app-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1048,7 +1048,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1078,7 +1078,7 @@ "isSource": true, "alpha": 0.95, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1108,7 +1108,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1137,7 +1137,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1166,7 +1166,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1181,148 +1181,124 @@ "attributes": {}, "path": ["headerSearch", "borderColor"] }, - "avatar-bgColor": { - "value": "#ffffff1a", + "data-blue-color": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "avatar-bgColor", + "name": "data-blue-color", "attributes": {}, - "path": ["avatar", "bgColor"] + "path": ["data", "blue", "color", "@"] }, - "avatar-borderColor": { - "value": "#30363d80", + "data-blue-color-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.muted}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "avatar-borderColor", - "attributes": {}, - "path": ["avatar", "borderColor"] - }, - "avatar-shadow": { - "value": "0px 0px 0px 2px #0d1117", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.gray.9}", - "alpha": 1, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "2px" - } - ], - "$type": "shadow" - }, - "name": "avatar-shadow", + "name": "data-blue-color-muted", "attributes": {}, - "path": ["avatar", "shadow"] + "path": ["data", "blue", "color", "muted"] }, - "avatarStack-fade-bgColor-default": { - "value": "#30363d", + "data-auburn-color": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-default", + "name": "data-auburn-color", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "default"] + "path": ["data", "auburn", "color", "@"] }, - "avatarStack-fade-bgColor-muted": { - "value": "#21262d", + "data-auburn-color-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-muted", + "name": "data-auburn-color-muted", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "muted"] + "path": ["data", "auburn", "color", "muted"] }, - "control-bgColor-rest": { - "value": "#21262d", + "data-orange-color": { + "value": "#984b10", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1332,10 +1308,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1346,12 +1322,12 @@ } } }, - "name": "control-bgColor-rest", + "name": "data-orange-color", "attributes": {}, - "path": ["control", "bgColor", "rest"] + "path": ["data", "orange", "color", "@"] }, - "control-bgColor-hover": { - "value": "#292e36", + "data-orange-color-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1361,14 +1337,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1377,18 +1349,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-bgColor-hover", + "name": "data-orange-color-muted", "attributes": {}, - "path": ["control", "bgColor", "hover"] + "path": ["data", "orange", "color", "muted"] }, - "control-bgColor-active": { - "value": "#31363e", + "data-yellow-color": { + "value": "#895906", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1398,14 +1366,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1414,18 +1378,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "control-bgColor-active", + "name": "data-yellow-color", "attributes": {}, - "path": ["control", "bgColor", "active"] + "path": ["data", "yellow", "color", "@"] }, - "control-bgColor-disabled": { - "value": "#161b22", + "data-yellow-color-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1435,10 +1395,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1449,12 +1409,12 @@ } } }, - "name": "control-bgColor-disabled", + "name": "data-yellow-color-muted", "attributes": {}, - "path": ["control", "bgColor", "disabled"] + "path": ["data", "yellow", "color", "muted"] }, - "control-bgColor-selected": { - "value": "#161b22", + "data-green-color": { + "value": "#2f6f37", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1464,10 +1424,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1478,3337 +1438,3183 @@ } } }, - "name": "control-bgColor-selected", + "name": "data-green-color", "attributes": {}, - "path": ["control", "bgColor", "selected"] + "path": ["data", "green", "color", "@"] }, - "control-fgColor-rest": { - "value": "#c9d1d9", + "data-green-color-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-rest", + "name": "data-green-color-muted", "attributes": {}, - "path": ["control", "fgColor", "rest"] + "path": ["data", "green", "color", "muted"] }, - "control-fgColor-placeholder": { - "value": "#484f58", + "data-teal-color": { + "value": "#106c70", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-placeholder", + "name": "data-teal-color", "attributes": {}, - "path": ["control", "fgColor", "placeholder"] + "path": ["data", "teal", "color", "@"] }, - "control-fgColor-disabled": { - "value": "#8b949e", + "data-teal-color-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-disabled", + "name": "data-teal-color-muted", "attributes": {}, - "path": ["control", "fgColor", "disabled"] + "path": ["data", "teal", "color", "muted"] }, - "control-borderColor-rest": { - "value": "#30363d", + "data-purple-color": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-rest", + "name": "data-purple-color", "attributes": {}, - "path": ["control", "borderColor", "rest"] + "path": ["data", "purple", "color", "@"] }, - "control-borderColor-emphasis": { - "value": "#666e79", + "data-purple-color-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-borderColor-emphasis", + "name": "data-purple-color-muted", "attributes": {}, - "path": ["control", "borderColor", "emphasis"] + "path": ["data", "purple", "color", "muted"] }, - "control-borderColor-disabled": { - "value": "#161b22", + "data-pink-color": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-disabled", + "name": "data-pink-color", "attributes": {}, - "path": ["control", "borderColor", "disabled"] + "path": ["data", "pink", "color", "@"] }, - "control-borderColor-selected": { - "value": "#f0f6fc", + "data-pink-color-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-selected", + "name": "data-pink-color-muted", "attributes": {}, - "path": ["control", "borderColor", "selected"] + "path": ["data", "pink", "color", "muted"] }, - "control-borderColor-success": { - "value": "#1f6feb", + "data-red-color": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-success", + "name": "data-red-color", "attributes": {}, - "path": ["control", "borderColor", "success"] + "path": ["data", "red", "color", "@"] }, - "control-borderColor-danger": { - "value": "#bd561d", + "data-red-color-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.danger.emphasis}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-danger", + "name": "data-red-color-muted", "attributes": {}, - "path": ["control", "borderColor", "danger"] + "path": ["data", "red", "color", "muted"] }, - "control-borderColor-warning": { - "value": "#9e6a03", + "data-gray-color": { + "value": "#576270", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.attention.emphasis}", + "value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-warning", + "name": "data-gray-color", "attributes": {}, - "path": ["control", "borderColor", "warning"] + "path": ["data", "gray", "color", "@"] }, - "control-iconColor-rest": { - "value": "#848d97", + "data-gray-color-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-iconColor-rest", + "name": "data-gray-color-muted", "attributes": {}, - "path": ["control", "iconColor", "rest"] + "path": ["data", "gray", "color", "muted"] }, - "control-transparent-bgColor-rest": { - "value": "#00000000", + "display-blue-bgColor-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-transparent-bgColor-rest", + "name": "display-blue-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "rest"] + "path": ["display", "blue", "bgColor", "muted"] }, - "control-transparent-bgColor-hover": { - "value": "#b1bac41f", + "display-blue-bgColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.12, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.12 + } }, - "name": "control-transparent-bgColor-hover", + "name": "display-blue-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "hover"] + "path": ["display", "blue", "bgColor", "emphasis"] }, - "control-transparent-bgColor-active": { - "value": "#b1bac433", + "display-blue-fgColor": { + "value": "#4da0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-active", + "name": "display-blue-fgColor", "attributes": {}, - "path": ["control", "transparent", "bgColor", "active"] + "path": ["display", "blue", "fgColor"] }, - "control-transparent-bgColor-disabled": { - "value": "#00000000", + "display-blue-borderColor-muted": { + "value": "#002766", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-transparent-bgColor-disabled", + "name": "display-blue-borderColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "disabled"] + "path": ["display", "blue", "borderColor", "muted"] }, - "control-transparent-bgColor-selected": { - "value": "#b1bac414", + "display-blue-borderColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.08, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.08 + } }, - "name": "control-transparent-bgColor-selected", + "name": "display-blue-borderColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "selected"] + "path": ["display", "blue", "borderColor", "emphasis"] }, - "control-transparent-borderColor-rest": { - "value": "#00000000", + "display-green-bgColor-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-rest", + "name": "display-green-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "borderColor", "rest"] + "path": ["display", "green", "bgColor", "muted"] }, - "control-transparent-borderColor-hover": { - "value": "#00000000", + "display-green-bgColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-hover", + "name": "display-green-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "borderColor", "hover"] + "path": ["display", "green", "bgColor", "emphasis"] }, - "control-transparent-borderColor-active": { - "value": "#00000000", + "display-green-fgColor": { + "value": "#41b445", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-transparent-borderColor-active", + "name": "display-green-fgColor", "attributes": {}, - "path": ["control", "transparent", "borderColor", "active"] + "path": ["display", "green", "fgColor"] }, - "control-danger-fgColor-rest": { - "value": "#db6d28", + "display-green-borderColor-muted": { + "value": "#182f1f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-rest", + "name": "display-green-borderColor-muted", "attributes": {}, - "path": ["control", "danger", "fgColor", "rest"] + "path": ["display", "green", "borderColor", "muted"] }, - "control-danger-fgColor-hover": { - "value": "#f0883e", + "display-green-borderColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-hover", + "name": "display-green-borderColor-emphasis", "attributes": {}, - "path": ["control", "danger", "fgColor", "hover"] + "path": ["display", "green", "borderColor", "emphasis"] }, - "control-danger-bgColor-hover": { - "value": "#db6d281a", + "display-orange-bgColor-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-danger-bgColor-hover", + "name": "display-orange-bgColor-muted", "attributes": {}, - "path": ["control", "danger", "bgColor", "hover"] + "path": ["display", "orange", "bgColor", "muted"] }, - "control-danger-bgColor-active": { - "value": "#db6d2866", + "display-orange-bgColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-danger-bgColor-active", + "name": "display-orange-bgColor-emphasis", "attributes": {}, - "path": ["control", "danger", "bgColor", "active"] + "path": ["display", "orange", "bgColor", "emphasis"] }, - "control-checked-bgColor-rest": { - "value": "#1f6feb", + "display-orange-fgColor": { + "value": "#ed8326", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-checked-bgColor-rest", + "name": "display-orange-fgColor", "attributes": {}, - "path": ["control", "checked", "bgColor", "rest"] + "path": ["display", "orange", "fgColor"] }, - "control-checked-bgColor-hover": { - "value": "#2a7aef", + "display-orange-borderColor-muted": { + "value": "#43200a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-bgColor-hover", + "name": "display-orange-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "hover"] + "path": ["display", "orange", "borderColor", "muted"] }, - "control-checked-bgColor-active": { - "value": "#3685f3", + "display-orange-borderColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-bgColor-active", + "name": "display-orange-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "bgColor", "active"] + "path": ["display", "orange", "borderColor", "emphasis"] }, - "control-checked-bgColor-disabled": { - "value": "#8b949e", + "display-purple-bgColor-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-checked-bgColor-disabled", + "name": "display-purple-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "disabled"] + "path": ["display", "purple", "bgColor", "muted"] }, - "control-checked-fgColor-rest": { - "value": "#ffffff", + "display-purple-bgColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-fgColor-rest", + "name": "display-purple-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "fgColor", "rest"] + "path": ["display", "purple", "bgColor", "emphasis"] }, - "control-checked-fgColor-disabled": { - "value": "#010409", + "display-purple-fgColor": { + "value": "#b687f7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "control-checked-fgColor-disabled", + "name": "display-purple-fgColor", "attributes": {}, - "path": ["control", "checked", "fgColor", "disabled"] + "path": ["display", "purple", "fgColor"] }, - "control-checked-borderColor-rest": { - "value": "#1f6feb", + "display-purple-borderColor-muted": { + "value": "#31146b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "control-checked-borderColor-rest", + "name": "display-purple-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "rest"] + "path": ["display", "purple", "borderColor", "muted"] }, - "control-checked-borderColor-hover": { - "value": "#2a7aef", + "display-purple-borderColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-borderColor-hover", + "name": "display-purple-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "hover"] + "path": ["display", "purple", "borderColor", "emphasis"] }, - "control-checked-borderColor-active": { - "value": "#3685f3", + "display-plum-bgColor-muted": { + "value": "#2a0e3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-borderColor-active", + "name": "display-plum-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "active"] + "path": ["display", "plum", "bgColor", "muted"] }, - "control-checked-borderColor-disabled": { - "value": "#8b949e", + "display-plum-bgColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-borderColor-disabled", + "name": "display-plum-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "disabled"] + "path": ["display", "plum", "bgColor", "emphasis"] }, - "controlTrack-bgColor-rest": { - "value": "#21262d", + "display-plum-fgColor": { + "value": "#d07ef7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlTrack-bgColor-rest", + "name": "display-plum-fgColor", "attributes": {}, - "path": ["controlTrack", "bgColor", "rest"] + "path": ["display", "plum", "fgColor"] }, - "controlTrack-bgColor-hover": { - "value": "#292e36", + "display-plum-borderColor-muted": { + "value": "#40125e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "controlTrack-bgColor-hover", + "name": "display-plum-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "hover"] + "path": ["display", "plum", "borderColor", "muted"] }, - "controlTrack-bgColor-active": { - "value": "#31363e", + "display-plum-borderColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "controlTrack-bgColor-active", + "name": "display-plum-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "bgColor", "active"] + "path": ["display", "plum", "borderColor", "emphasis"] }, - "controlTrack-bgColor-disabled": { - "value": "#8b949e", + "display-red-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlTrack-bgColor-disabled", + "name": "display-red-bgColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "disabled"] + "path": ["display", "red", "bgColor", "muted"] }, - "controlTrack-fgColor-rest": { - "value": "#848d97", + "display-red-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "controlTrack-fgColor-rest", + "name": "display-red-bgColor-emphasis", "attributes": {}, - "path": ["controlTrack", "fgColor", "rest"] + "path": ["display", "red", "bgColor", "emphasis"] }, - "controlTrack-fgColor-disabled": { - "value": "#ffffff", + "display-red-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "controlTrack-fgColor-disabled", + "name": "display-red-fgColor", "attributes": {}, - "path": ["controlTrack", "fgColor", "disabled"] + "path": ["display", "red", "fgColor"] }, - "controlTrack-borderColor-rest": { - "value": "#00000000", + "display-red-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-rest", + "name": "display-red-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "borderColor", "rest"] + "path": ["display", "red", "borderColor", "muted"] }, - "controlTrack-borderColor-disabled": { - "value": "#8b949e", + "display-red-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-disabled", + "name": "display-red-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "borderColor", "disabled"] + "path": ["display", "red", "borderColor", "emphasis"] }, - "controlKnob-bgColor-rest": { - "value": "#010409", + "display-coral-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-rest", + "name": "display-coral-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "bgColor", "rest"] + "path": ["display", "coral", "bgColor", "muted"] }, - "controlKnob-bgColor-disabled": { - "value": "#161b22", + "display-coral-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-disabled", + "name": "display-coral-bgColor-emphasis", "attributes": {}, - "path": ["controlKnob", "bgColor", "disabled"] + "path": ["display", "coral", "bgColor", "emphasis"] }, - "controlKnob-bgColor-checked": { - "value": "#ffffff", + "display-coral-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlKnob-bgColor-checked", + "name": "display-coral-fgColor", "attributes": {}, - "path": ["controlKnob", "bgColor", "checked"] + "path": ["display", "coral", "fgColor"] }, - "controlKnob-borderColor-rest": { - "value": "#666e79", + "display-coral-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.emphasis}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-rest", + "name": "display-coral-borderColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "rest"] + "path": ["display", "coral", "borderColor", "muted"] }, - "controlKnob-borderColor-disabled": { - "value": "#161b22", + "display-coral-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-disabled", + "name": "display-coral-borderColor-emphasis", "attributes": {}, - "path": ["controlKnob", "borderColor", "disabled"] + "path": ["display", "coral", "borderColor", "emphasis"] }, - "controlKnob-borderColor-checked": { - "value": "#1f6feb", + "display-yellow-bgColor-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.checked.bgColor.rest}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "controlKnob-borderColor-checked", + "name": "display-yellow-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "checked"] + "path": ["display", "yellow", "bgColor", "muted"] }, - "counter-borderColor": { - "value": "#00000000", + "display-yellow-bgColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "counter-borderColor", + "name": "display-yellow-bgColor-emphasis", "attributes": {}, - "path": ["counter", "borderColor"] + "path": ["display", "yellow", "bgColor", "emphasis"] }, - "button-default-fgColor-rest": { - "value": "#c9d1d9", + "display-yellow-fgColor": { + "value": "#d3910d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.rest}", + "value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-default-fgColor-rest", + "name": "display-yellow-fgColor", "attributes": {}, - "path": ["button", "default", "fgColor", "rest"] + "path": ["display", "yellow", "fgColor"] }, - "button-default-bgColor-rest": { - "value": "#21262d", + "display-yellow-borderColor-muted": { + "value": "#3d2401", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-rest", + "name": "display-yellow-borderColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "rest"] + "path": ["display", "yellow", "borderColor", "muted"] }, - "button-default-bgColor-hover": { - "value": "#292e36", + "display-yellow-borderColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.hover}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-hover", + "name": "display-yellow-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "hover"] + "path": ["display", "yellow", "borderColor", "emphasis"] }, - "button-default-bgColor-active": { - "value": "#31363e", + "display-gray-bgColor-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-active", + "name": "display-gray-bgColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "active"] + "path": ["display", "gray", "bgColor", "muted"] }, - "button-default-bgColor-selected": { - "value": "#31363e", + "display-gray-bgColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-selected", + "name": "display-gray-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "selected"] + "path": ["display", "gray", "bgColor", "emphasis"] }, - "button-default-bgColor-disabled": { - "value": "#161b22", + "display-gray-fgColor": { + "value": "#92a1b5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-default-bgColor-disabled", + "name": "display-gray-fgColor", "attributes": {}, - "path": ["button", "default", "bgColor", "disabled"] + "path": ["display", "gray", "fgColor"] }, - "button-default-borderColor-rest": { - "value": "#30363d", + "display-gray-borderColor-muted": { + "value": "#2a2b2d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-rest", + "name": "display-gray-borderColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "rest"] + "path": ["display", "gray", "borderColor", "muted"] }, - "button-default-borderColor-hover": { - "value": "#30363d", + "display-gray-borderColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-hover", + "name": "display-gray-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "borderColor", "hover"] + "path": ["display", "gray", "borderColor", "emphasis"] }, - "button-default-borderColor-active": { - "value": "#30363d", + "display-auburn-bgColor-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-active", + "name": "display-auburn-bgColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "active"] + "path": ["display", "auburn", "bgColor", "muted"] }, - "button-default-borderColor-disabled": { - "value": "#161b22", + "display-auburn-bgColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-disabled", - "attributes": {}, - "path": ["button", "default", "borderColor", "disabled"] - }, - "button-default-shadow-resting": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-default-shadow-resting", + "name": "display-auburn-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "shadow", "resting"] + "path": ["display", "auburn", "bgColor", "emphasis"] }, - "button-primary-fgColor-rest": { - "value": "#ffffff", + "display-auburn-fgColor": { + "value": "#bf9592", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-primary-fgColor-rest", + "name": "display-auburn-fgColor", "attributes": {}, - "path": ["button", "primary", "fgColor", "rest"] + "path": ["display", "auburn", "fgColor"] }, - "button-primary-fgColor-disabled": { - "value": "#ffffff80", + "display-auburn-borderColor-muted": { + "value": "#3a2422", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-primary-fgColor-disabled", + "name": "display-auburn-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "fgColor", "disabled"] + "path": ["display", "auburn", "borderColor", "muted"] }, - "button-primary-iconColor-rest": { - "value": "#ffffff", + "display-auburn-borderColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-primary-iconColor-rest", + "name": "display-auburn-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "iconColor", "rest"] + "path": ["display", "auburn", "borderColor", "emphasis"] }, - "button-primary-bgColor-rest": { - "value": "#1f6feb", + "display-brown-bgColor-muted": { + "value": "#241c14", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-primary-bgColor-rest", + "name": "display-brown-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "rest"] + "path": ["display", "brown", "bgColor", "muted"] }, - "button-primary-bgColor-hover": { - "value": "#2a7aef", + "display-brown-bgColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "button-primary-bgColor-hover", + "name": "display-brown-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "hover"] + "path": ["display", "brown", "bgColor", "emphasis"] }, - "button-primary-bgColor-active": { - "value": "#3685f3", + "display-brown-fgColor": { + "value": "#b69a6d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "button-primary-bgColor-active", + "name": "display-brown-fgColor", "attributes": {}, - "path": ["button", "primary", "bgColor", "active"] + "path": ["display", "brown", "fgColor"] }, - "button-primary-bgColor-disabled": { - "value": "#1158c7", + "display-brown-borderColor-muted": { + "value": "#342a1d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": null, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": null + } }, - "name": "button-primary-bgColor-disabled", + "name": "display-brown-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "disabled"] + "path": ["display", "brown", "borderColor", "muted"] }, - "button-primary-borderColor-rest": { - "value": "#f0f6fc1a", + "display-brown-borderColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-primary-borderColor-rest", + "name": "display-brown-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "rest"] + "path": ["display", "brown", "borderColor", "emphasis"] }, - "button-primary-borderColor-hover": { - "value": "#f0f6fc1a", + "display-lemon-bgColor-muted": { + "value": "#291d00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-hover", + "name": "display-lemon-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "hover"] + "path": ["display", "lemon", "bgColor", "muted"] }, - "button-primary-borderColor-active": { - "value": "#f0f6fc1a", + "display-lemon-bgColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-active", + "name": "display-lemon-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "active"] + "path": ["display", "lemon", "bgColor", "emphasis"] }, - "button-primary-borderColor-disabled": { - "value": "#1158c7", + "display-lemon-fgColor": { + "value": "#ba9b12", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.bgColor.disabled}", + "value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-primary-borderColor-disabled", - "attributes": {}, - "path": ["button", "primary", "borderColor", "disabled"] - }, - "button-primary-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-primary-shadow-selected", + "name": "display-lemon-fgColor", "attributes": {}, - "path": ["button", "primary", "shadow", "selected"] + "path": ["display", "lemon", "fgColor"] }, - "button-invisible-fgColor-rest": { - "value": "#2f81f7", + "display-lemon-borderColor-muted": { + "value": "#372901", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-rest", + "name": "display-lemon-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "rest"] + "path": ["display", "lemon", "borderColor", "muted"] }, - "button-invisible-fgColor-hover": { - "value": "#58a6ff", + "display-lemon-borderColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-hover", + "name": "display-lemon-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "fgColor", "hover"] + "path": ["display", "lemon", "borderColor", "emphasis"] }, - "button-invisible-fgColor-disabled": { - "value": "#8b949e", + "display-olive-bgColor-muted": { + "value": "#171e0b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-fgColor-disabled", + "name": "display-olive-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "disabled"] + "path": ["display", "olive", "bgColor", "muted"] }, - "button-invisible-iconColor-rest": { - "value": "#848d97", + "display-olive-bgColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-rest", + "name": "display-olive-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "iconColor", "rest"] + "path": ["display", "olive", "bgColor", "emphasis"] }, - "button-invisible-iconColor-hover": { - "value": "#e6edf3", + "display-olive-fgColor": { + "value": "#a2a626", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.default}", + "value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-invisible-iconColor-hover", + "name": "display-olive-fgColor", "attributes": {}, - "path": ["button", "invisible", "iconColor", "hover"] + "path": ["display", "olive", "fgColor"] }, - "button-invisible-iconColor-disabled": { - "value": "#8b949e", + "display-olive-borderColor-muted": { + "value": "#252d10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-iconColor-disabled", + "name": "display-olive-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "iconColor", "disabled"] + "path": ["display", "olive", "borderColor", "muted"] }, - "button-invisible-bgColor-rest": { - "value": "#00000000", + "display-olive-borderColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.rest}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-rest", + "name": "display-olive-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "rest"] + "path": ["display", "olive", "borderColor", "emphasis"] }, - "button-invisible-bgColor-hover": { - "value": "#b1bac41f", + "display-lime-bgColor-muted": { + "value": "#141f0f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.hover}", + "value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-invisible-bgColor-hover", + "name": "display-lime-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "hover"] + "path": ["display", "lime", "bgColor", "muted"] }, - "button-invisible-bgColor-active": { - "value": "#b1bac433", + "display-lime-bgColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.active}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-invisible-bgColor-active", + "name": "display-lime-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "active"] + "path": ["display", "lime", "bgColor", "emphasis"] }, - "button-invisible-bgColor-disabled": { - "value": "#00000000", + "display-lime-fgColor": { + "value": "#7dae37", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.disabled}", + "value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-invisible-bgColor-disabled", + "name": "display-lime-fgColor", "attributes": {}, - "path": ["button", "invisible", "bgColor", "disabled"] + "path": ["display", "lime", "fgColor"] }, - "button-invisible-borderColor-rest": { - "value": "#00000000", + "display-lime-borderColor-muted": { + "value": "#1f3116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.rest}", + "value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-rest", + "name": "display-lime-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "rest"] + "path": ["display", "lime", "borderColor", "muted"] }, - "button-invisible-borderColor-hover": { - "value": "#00000000", + "display-lime-borderColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.hover}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-hover", + "name": "display-lime-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "borderColor", "hover"] + "path": ["display", "lime", "borderColor", "emphasis"] }, - "button-invisible-borderColor-disabled": { - "value": "#161b22", + "display-pine-bgColor-muted": { + "value": "#082119", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-borderColor-disabled", + "name": "display-pine-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "disabled"] + "path": ["display", "pine", "bgColor", "muted"] }, - "button-outline-fgColor-rest": { - "value": "#388bfd", + "display-pine-bgColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-rest", + "name": "display-pine-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "rest"] + "path": ["display", "pine", "bgColor", "emphasis"] }, - "button-outline-fgColor-hover": { - "value": "#58a6ff", + "display-pine-fgColor": { + "value": "#1bb673", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-outline-fgColor-hover", + "name": "display-pine-fgColor", "attributes": {}, - "path": ["button", "outline", "fgColor", "hover"] + "path": ["display", "pine", "fgColor"] }, - "button-outline-fgColor-active": { - "value": "#ffffff", + "display-pine-borderColor-muted": { + "value": "#0b3224", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-fgColor-active", + "name": "display-pine-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "active"] + "path": ["display", "pine", "borderColor", "muted"] }, - "button-outline-fgColor-disabled": { - "value": "#2f81f780", + "display-pine-borderColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-outline-fgColor-disabled", + "name": "display-pine-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "disabled"] + "path": ["display", "pine", "borderColor", "emphasis"] }, - "button-outline-bgColor-rest": { - "value": "#f0f6fc", + "display-teal-bgColor-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-rest", + "name": "display-teal-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "rest"] + "path": ["display", "teal", "bgColor", "muted"] }, - "button-outline-bgColor-hover": { - "value": "#30363d", + "display-teal-bgColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-hover", + "name": "display-teal-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "hover"] + "path": ["display", "teal", "bgColor", "emphasis"] }, - "button-outline-bgColor-active": { - "value": "#0d419d", + "display-teal-fgColor": { + "value": "#1cb0ab", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-outline-bgColor-active", + "name": "display-teal-fgColor", "attributes": {}, - "path": ["button", "outline", "bgColor", "active"] + "path": ["display", "teal", "fgColor"] }, - "button-outline-bgColor-disabled": { - "value": "#0d1117", + "display-teal-borderColor-muted": { + "value": "#073036", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-bgColor-disabled", + "name": "display-teal-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "disabled"] + "path": ["display", "teal", "borderColor", "muted"] }, - "button-outline-borderColor-hover": { - "value": "#f0f6fc1a", + "display-teal-borderColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-outline-borderColor-hover", + "name": "display-teal-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "borderColor", "hover"] + "path": ["display", "teal", "borderColor", "emphasis"] }, - "button-outline-borderColor-selected": { - "value": "#f0f6fc1a", + "display-cyan-bgColor-muted": { + "value": "#001f29", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.outline.borderColor.hover}", + "value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-borderColor-selected", + "name": "display-cyan-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "borderColor", "selected"] + "path": ["display", "cyan", "bgColor", "muted"] }, - "button-outline-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", + "display-cyan-bgColor-emphasis": { + "value": "#0587b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false + "value": "{base.display.color.cyan.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } - ], - "$type": "shadow" + } }, - "name": "button-outline-shadow-selected", + "name": "display-cyan-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "shadow", "selected"] + "path": ["display", "cyan", "bgColor", "emphasis"] }, - "button-danger-fgColor-rest": { - "value": "#db6d28", + "display-cyan-fgColor": { + "value": "#07ace4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-danger-fgColor-rest", + "name": "display-cyan-fgColor", "attributes": {}, - "path": ["button", "danger", "fgColor", "rest"] + "path": ["display", "cyan", "fgColor"] }, - "button-danger-fgColor-hover": { - "value": "#ffffff", + "display-cyan-borderColor-muted": { + "value": "#002e3d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-fgColor-hover", + "name": "display-cyan-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "hover"] + "path": ["display", "cyan", "borderColor", "muted"] }, - "button-danger-fgColor-active": { - "value": "#ffffff", + "display-cyan-borderColor-emphasis": { + "value": "#0587b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-fgColor-active", + "name": "display-cyan-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "active"] + "path": ["display", "cyan", "borderColor", "emphasis"] }, - "button-danger-fgColor-disabled": { - "value": "#db6d2880", + "display-indigo-bgColor-muted": { + "value": "#1b183f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-danger-fgColor-disabled", + "name": "display-indigo-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "disabled"] + "path": ["display", "indigo", "bgColor", "muted"] }, - "button-danger-iconColor-rest": { - "value": "#db6d28", + "display-indigo-bgColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-rest", + "name": "display-indigo-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "iconColor", "rest"] + "path": ["display", "indigo", "bgColor", "emphasis"] }, - "button-danger-iconColor-hover": { - "value": "#ffffff", + "display-indigo-fgColor": { + "value": "#9899ec", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-danger-iconColor-hover", + "name": "display-indigo-fgColor", "attributes": {}, - "path": ["button", "danger", "iconColor", "hover"] + "path": ["display", "indigo", "fgColor"] }, - "button-danger-bgColor-rest": { - "value": "#21262d", + "display-indigo-borderColor-muted": { + "value": "#25215f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-rest", + "name": "display-indigo-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "rest"] + "path": ["display", "indigo", "borderColor", "muted"] }, - "button-danger-bgColor-hover": { - "value": "#9b4215", + "display-indigo-borderColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-hover", + "name": "display-indigo-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "hover"] + "path": ["display", "indigo", "borderColor", "emphasis"] }, - "button-danger-bgColor-active": { - "value": "#b5531d", + "display-pink-bgColor-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "mix": { - "color": "#db6d28", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.orange.4}", - "weight": 0.4 } }, - "name": "button-danger-bgColor-active", + "name": "display-pink-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "active"] + "path": ["display", "pink", "bgColor", "muted"] }, - "button-danger-bgColor-disabled": { - "value": "#161b22", + "display-pink-bgColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-danger-bgColor-disabled", + "name": "display-pink-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "disabled"] + "path": ["display", "pink", "bgColor", "emphasis"] }, - "button-danger-borderColor-rest": { - "value": "#30363d", + "display-pink-fgColor": { + "value": "#e57bb2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-borderColor-rest", + "name": "display-pink-fgColor", "attributes": {}, - "path": ["button", "danger", "borderColor", "rest"] + "path": ["display", "pink", "fgColor"] }, - "button-danger-borderColor-hover": { - "value": "#f0f6fc1a", + "display-pink-borderColor-muted": { + "value": "#451c35", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-danger-borderColor-hover", + "name": "display-pink-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "borderColor", "hover"] + "path": ["display", "pink", "borderColor", "muted"] }, - "button-danger-borderColor-active": { - "value": "#f0f6fc1a", + "display-pink-borderColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.danger.borderColor.hover}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-danger-borderColor-active", - "attributes": {}, - "path": ["button", "danger", "borderColor", "active"] - }, - "button-danger-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-danger-shadow-selected", + "name": "display-pink-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "shadow", "selected"] + "path": ["display", "pink", "borderColor", "emphasis"] }, - "button-inactive-fgColor-rest": { - "value": "#8b949e", + "avatar-bgColor": { + "value": "#ffffff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, + "alpha": 0.1, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "button-inactive-fgColor-rest", + "name": "avatar-bgColor", "attributes": {}, - "path": ["button", "inactive", "fgColor", "rest"] + "path": ["avatar", "bgColor"] }, - "button-inactive-bgColor-rest": { - "value": "#21262d", + "avatar-borderColor": { + "value": "#ffffff26", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, + "alpha": 0.15, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "button-inactive-bgColor-rest", + "name": "avatar-borderColor", "attributes": {}, - "path": ["button", "inactive", "bgColor", "rest"] + "path": ["avatar", "borderColor"] }, - "buttonCounter-default-bgColor-rest": { - "value": "#30363d", - "$type": "color", + "avatar-shadow": { + "value": "0px 0px 0px 2px #0d1117", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", - "$type": "color", + "value": [ + { + "color": "{base.color.neutral.9}", + "alpha": 1, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "2px" + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "mode": "light", + "group": "component shadow" } } }, - "name": "buttonCounter-default-bgColor-rest", + "name": "avatar-shadow", "attributes": {}, - "path": ["buttonCounter", "default", "bgColor", "rest"] + "path": ["avatar", "shadow"] }, - "buttonCounter-invisible-bgColor-rest": { + "avatarStack-fade-bgColor-default": { "value": "#30363d", "$type": "color", "$extensions": { @@ -4819,11 +4625,10 @@ "scopes": ["bgColor"] } }, - "alpha": 1, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4832,15 +4637,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 1 + } }, - "name": "buttonCounter-invisible-bgColor-rest", + "name": "avatarStack-fade-bgColor-default", "attributes": {}, - "path": ["buttonCounter", "invisible", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "default"] }, - "buttonCounter-primary-bgColor-rest": { - "value": "#04260f33", + "avatarStack-fade-bgColor-muted": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4850,11 +4654,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4863,5752 +4666,11815 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-primary-bgColor-rest", + "name": "avatarStack-fade-bgColor-muted", "attributes": {}, - "path": ["buttonCounter", "primary", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "muted"] }, - "buttonCounter-outline-bgColor-rest": { - "value": "#051d4d33", + "control-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-rest", + "name": "control-bgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "rest"] + "path": ["control", "bgColor", "rest"] }, - "buttonCounter-outline-bgColor-hover": { - "value": "#051d4d33", + "control-bgColor-hover": { + "value": "#292e36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, + "mix": { + "color": "#484f58", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-hover", + "name": "control-bgColor-hover", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "hover"] + "path": ["control", "bgColor", "hover"] }, - "buttonCounter-outline-bgColor-disabled": { - "value": "#1f6feb0d", + "control-bgColor-active": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05, + "mix": { + "color": "#484f58", + "weight": 0.4 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 + } }, - "name": "buttonCounter-outline-bgColor-disabled", + "name": "control-bgColor-active", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "disabled"] + "path": ["control", "bgColor", "active"] }, - "buttonCounter-outline-fgColor-rest": { - "value": "#388bfd", + "control-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "buttonCounter-outline-fgColor-rest", + "name": "control-bgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "rest"] + "path": ["control", "bgColor", "disabled"] }, - "buttonCounter-outline-fgColor-hover": { - "value": "#58a6ff", + "control-bgColor-selected": { + "value": "#161b22", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "buttonCounter-outline-fgColor-hover", + "name": "control-bgColor-selected", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "hover"] + "path": ["control", "bgColor", "selected"] }, - "buttonCounter-outline-fgColor-disabled": { - "value": "#2f81f780", + "control-fgColor-rest": { + "value": "#c9d1d9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-outline-fgColor-disabled", + "name": "control-fgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "disabled"] + "path": ["control", "fgColor", "rest"] }, - "buttonCounter-danger-bgColor-hover": { - "value": "#ffffff33", + "control-fgColor-placeholder": { + "value": "#484f58", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-hover", + "name": "control-fgColor-placeholder", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "hover"] + "path": ["control", "fgColor", "placeholder"] }, - "buttonCounter-danger-bgColor-disabled": { - "value": "#bd561d0d", + "control-fgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-danger-bgColor-disabled", + "name": "control-fgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "disabled"] + "path": ["control", "fgColor", "disabled"] }, - "buttonCounter-danger-bgColor-rest": { - "value": "#49020233", + "control-borderColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-rest", + "name": "control-borderColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "rest"] + "path": ["control", "borderColor", "rest"] }, - "buttonCounter-danger-fgColor-rest": { - "value": "#db6d28", + "control-borderColor-emphasis": { + "value": "#666e79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, + "mix": { + "color": "#484f58", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "buttonCounter-danger-fgColor-rest", + "name": "control-borderColor-emphasis", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "rest"] + "path": ["control", "borderColor", "emphasis"] }, - "buttonCounter-danger-fgColor-hover": { - "value": "#ffffff", + "control-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "buttonCounter-danger-fgColor-hover", + "name": "control-borderColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "hover"] + "path": ["control", "borderColor", "disabled"] }, - "buttonCounter-danger-fgColor-disabled": { - "value": "#db6d2880", + "control-borderColor-selected": { + "value": "#f0f6fc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-danger-fgColor-disabled", + "name": "control-borderColor-selected", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "disabled"] + "path": ["control", "borderColor", "selected"] }, - "focus-outlineColor": { + "control-borderColor-success": { "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.accent.emphasis}", + "value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "focus-outlineColor", + "name": "control-borderColor-success", "attributes": {}, - "path": ["focus", "outlineColor"] + "path": ["control", "borderColor", "success"] }, - "menu-bgColor-active": { - "value": "#161b22", + "control-borderColor-danger": { + "value": "#bd561d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "menu-bgColor-active", + "name": "control-borderColor-danger", "attributes": {}, - "path": ["menu", "bgColor", "active"] + "path": ["control", "borderColor", "danger"] }, - "overlay-bgColor": { - "value": "#161b22", + "control-borderColor-warning": { + "value": "#9e6a03", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "overlay-bgColor", + "name": "control-borderColor-warning", "attributes": {}, - "path": ["overlay", "bgColor"] + "path": ["control", "borderColor", "warning"] }, - "overlay-backdrop-bgColor": { - "value": "#161b2266", + "control-iconColor-rest": { + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.4, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "overlay-backdrop-bgColor", + "name": "control-iconColor-rest", "attributes": {}, - "path": ["overlay", "backdrop", "bgColor"] + "path": ["control", "iconColor", "rest"] }, - "selectMenu-borderColor": { - "value": "#484f58", - "$type": "color", + "control-transparent-bgColor-rest": { + "value": "#00000000", + "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "selectMenu-borderColor", + "name": "control-transparent-bgColor-rest", "attributes": {}, - "path": ["selectMenu", "borderColor"] + "path": ["control", "transparent", "bgColor", "rest"] }, - "selectMenu-bgColor-active": { - "value": "#0c2d6b", + "control-transparent-bgColor-hover": { + "value": "#b1bac41f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.12, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.12 }, - "name": "selectMenu-bgColor-active", + "name": "control-transparent-bgColor-hover", "attributes": {}, - "path": ["selectMenu", "bgColor", "active"] + "path": ["control", "transparent", "bgColor", "hover"] }, - "sideNav-bgColor-selected": { - "value": "#21262d", + "control-transparent-bgColor-active": { + "value": "#b1bac433", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } - }, - "name": "sideNav-bgColor-selected", - "attributes": {}, - "path": ["sideNav", "bgColor", "selected"] - }, - "skeletonLoader-bgColor": { - "value": "#161b22", - "$type": "color", - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", - "isSource": true, - "original": { - "value": "{bgColor.muted}", - "$type": "color" + }, + "alpha": 0.2 }, - "name": "skeletonLoader-bgColor", + "name": "control-transparent-bgColor-active", "attributes": {}, - "path": ["skeletonLoader", "bgColor"] + "path": ["control", "transparent", "bgColor", "active"] }, - "timelineBadge-bgColor": { - "value": "#21262d", + "control-transparent-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "timelineBadge-bgColor", + "name": "control-transparent-bgColor-disabled", "attributes": {}, - "path": ["timelineBadge", "bgColor"] + "path": ["control", "transparent", "bgColor", "disabled"] }, - "treeViewItem-leadingVisual-iconColor-rest": { - "value": "#848d97", + "control-transparent-bgColor-selected": { + "value": "#b1bac414", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.08, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.08 }, - "name": "treeViewItem-leadingVisual-iconColor-rest", + "name": "control-transparent-bgColor-selected", "attributes": {}, - "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] + "path": ["control", "transparent", "bgColor", "selected"] }, - "underlineNav-borderColor-active": { - "value": "#f78166", + "control-transparent-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-active", + "name": "control-transparent-borderColor-rest", "attributes": {}, - "path": ["underlineNav", "borderColor", "active"] + "path": ["control", "transparent", "borderColor", "rest"] }, - "underlineNav-borderColor-hover": { - "value": "#6e768166", + "control-transparent-borderColor-hover": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.neutral.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-hover", + "name": "control-transparent-borderColor-hover", "attributes": {}, - "path": ["underlineNav", "borderColor", "hover"] + "path": ["control", "transparent", "borderColor", "hover"] }, - "underlineNav-iconColor-rest": { - "value": "#848d97", + "control-transparent-borderColor-active": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "underlineNav-iconColor-rest", + "name": "control-transparent-borderColor-active", "attributes": {}, - "path": ["underlineNav", "iconColor", "rest"] + "path": ["control", "transparent", "borderColor", "active"] }, - "fgColor-default": { - "value": "#e6edf3", + "control-danger-fgColor-rest": { + "value": "#db6d28", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#c9d1d9", - "weight": 0.25 - }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.gray.1}", - "weight": 0.25 } }, - "name": "fgColor-default", + "name": "control-danger-fgColor-rest", "attributes": {}, - "path": ["fgColor", "default"] + "path": ["control", "danger", "fgColor", "rest"] }, - "fgColor-muted": { - "value": "#848d97", + "control-danger-fgColor-hover": { + "value": "#f0883e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#6e7681", - "weight": 0.25 - }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.orange.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.gray.4}", - "weight": 0.25 } }, - "name": "fgColor-muted", + "name": "control-danger-fgColor-hover", "attributes": {}, - "path": ["fgColor", "muted"] + "path": ["control", "danger", "fgColor", "hover"] }, - "fgColor-onEmphasis": { - "value": "#ffffff", + "control-danger-bgColor-hover": { + "value": "#db6d281a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-onEmphasis", + "name": "control-danger-bgColor-hover", "attributes": {}, - "path": ["fgColor", "onEmphasis"] + "path": ["control", "danger", "bgColor", "hover"] }, - "fgColor-disabled": { - "value": "#8b949e", + "control-danger-bgColor-active": { + "value": "#db6d2866", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "fgColor-disabled", + "name": "control-danger-bgColor-active", "attributes": {}, - "path": ["fgColor", "disabled"] + "path": ["control", "danger", "bgColor", "active"] }, - "fgColor-link": { - "value": "#2f81f7", + "control-checked-bgColor-rest": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-link", + "name": "control-checked-bgColor-rest", "attributes": {}, - "path": ["fgColor", "link", "@"] + "path": ["control", "checked", "bgColor", "rest"] }, - "fgColor-neutral": { - "value": "#6e7681", + "control-checked-bgColor-hover": { + "value": "#2a7aef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-neutral", + "name": "control-checked-bgColor-hover", "attributes": {}, - "path": ["fgColor", "neutral", "@"] + "path": ["control", "checked", "bgColor", "hover"] }, - "fgColor-accent": { - "value": "#2f81f7", + "control-checked-bgColor-active": { + "value": "#3685f3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "#1f6feb", - "weight": 0.35 + "color": "#58a6ff", + "weight": 0.4 }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "{base.color.blue.5}", - "weight": 0.35 + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-accent", + "name": "control-checked-bgColor-active", "attributes": {}, - "path": ["fgColor", "accent", "@"] + "path": ["control", "checked", "bgColor", "active"] }, - "fgColor-success": { - "value": "#58a6ff", + "control-checked-bgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-success", + "name": "control-checked-bgColor-disabled", "attributes": {}, - "path": ["fgColor", "success", "@"] + "path": ["control", "checked", "bgColor", "disabled"] }, - "fgColor-attention": { - "value": "#d29922", + "control-checked-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-attention", + "name": "control-checked-fgColor-rest", "attributes": {}, - "path": ["fgColor", "attention", "@"] + "path": ["control", "checked", "fgColor", "rest"] }, - "fgColor-severe": { - "value": "#db6d28", + "control-checked-fgColor-disabled": { + "value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-severe", + "name": "control-checked-fgColor-disabled", "attributes": {}, - "path": ["fgColor", "severe", "@"] + "path": ["control", "checked", "fgColor", "disabled"] }, - "fgColor-danger": { - "value": "#db6d28", + "control-checked-borderColor-rest": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-danger", + "name": "control-checked-borderColor-rest", "attributes": {}, - "path": ["fgColor", "danger", "@"] + "path": ["control", "checked", "borderColor", "rest"] }, - "fgColor-open": { - "value": "#f0883e", + "control-checked-borderColor-hover": { + "value": "#2a7aef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-open", + "name": "control-checked-borderColor-hover", "attributes": {}, - "path": ["fgColor", "open", "@"] + "path": ["control", "checked", "borderColor", "hover"] }, - "fgColor-closed": { - "value": "#8b949e", + "control-checked-borderColor-active": { + "value": "#3685f3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-closed", + "name": "control-checked-borderColor-active", "attributes": {}, - "path": ["fgColor", "closed", "@"] + "path": ["control", "checked", "borderColor", "active"] }, - "fgColor-done": { - "value": "#a371f7", + "control-checked-borderColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-done", + "name": "control-checked-borderColor-disabled", "attributes": {}, - "path": ["fgColor", "done", "@"] + "path": ["control", "checked", "borderColor", "disabled"] }, - "fgColor-sponsors": { - "value": "#db61a2", + "controlTrack-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "fgColor-sponsors", + "name": "controlTrack-bgColor-rest", "attributes": {}, - "path": ["fgColor", "sponsors", "@"] + "path": ["controlTrack", "bgColor", "rest"] }, - "bgColor-default": { - "value": "#0d1117", + "controlTrack-bgColor-hover": { + "value": "#292e36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#484f58", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "bgColor-default", + "name": "controlTrack-bgColor-hover", "attributes": {}, - "path": ["bgColor", "default"] + "path": ["controlTrack", "bgColor", "hover"] }, - "bgColor-muted": { - "value": "#161b22", + "controlTrack-bgColor-active": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#484f58", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 } }, - "name": "bgColor-muted", + "name": "controlTrack-bgColor-active", "attributes": {}, - "path": ["bgColor", "muted"] + "path": ["controlTrack", "bgColor", "active"] }, - "bgColor-inset": { - "value": "#010409", + "controlTrack-bgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-inset", + "name": "controlTrack-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "inset"] + "path": ["controlTrack", "bgColor", "disabled"] }, - "bgColor-emphasis": { - "value": "#6e7681", + "controlTrack-fgColor-rest": { + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-emphasis", + "name": "controlTrack-fgColor-rest", "attributes": {}, - "path": ["bgColor", "emphasis"] + "path": ["controlTrack", "fgColor", "rest"] }, - "bgColor-inverse": { + "controlTrack-fgColor-disabled": { "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-inverse", + "name": "controlTrack-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "inverse"] + "path": ["controlTrack", "fgColor", "disabled"] }, - "bgColor-disabled": { - "value": "#161b22", + "controlTrack-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-disabled", + "name": "controlTrack-borderColor-rest", "attributes": {}, - "path": ["bgColor", "disabled"] + "path": ["controlTrack", "borderColor", "rest"] }, - "bgColor-transparent": { - "value": "#00000000", + "controlTrack-borderColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-transparent", + "name": "controlTrack-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "transparent"] + "path": ["controlTrack", "borderColor", "disabled"] }, - "bgColor-neutral-muted": { - "value": "#6e768166", + "controlKnob-bgColor-rest": { + "value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "bgColor-neutral-muted", + "name": "controlKnob-bgColor-rest", "attributes": {}, - "path": ["bgColor", "neutral", "muted"] + "path": ["controlKnob", "bgColor", "rest"] }, - "bgColor-neutral-emphasis": { - "value": "#6e7681", + "controlKnob-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "bgColor-neutral-emphasis", + "name": "controlKnob-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "neutral", "emphasis"] + "path": ["controlKnob", "bgColor", "disabled"] }, - "bgColor-accent-muted": { - "value": "#388bfd1a", + "controlKnob-bgColor-checked": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-accent-muted", + "name": "controlKnob-bgColor-checked", "attributes": {}, - "path": ["bgColor", "accent", "muted"] + "path": ["controlKnob", "bgColor", "checked"] }, - "bgColor-accent-emphasis": { - "value": "#1f6feb", + "controlKnob-borderColor-rest": { + "value": "#666e79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-accent-emphasis", + "name": "controlKnob-borderColor-rest", "attributes": {}, - "path": ["bgColor", "accent", "emphasis"] + "path": ["controlKnob", "borderColor", "rest"] }, - "bgColor-success-muted": { - "value": "#388bfd26", + "controlKnob-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-success-muted", + "name": "controlKnob-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "success", "muted"] + "path": ["controlKnob", "borderColor", "disabled"] }, - "bgColor-success-emphasis": { + "controlKnob-borderColor-checked": { "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-success-emphasis", + "name": "controlKnob-borderColor-checked", "attributes": {}, - "path": ["bgColor", "success", "emphasis"] + "path": ["controlKnob", "borderColor", "checked"] }, - "bgColor-attention-muted": { - "value": "#bb800926", + "counter-borderColor": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-attention-muted", + "name": "counter-borderColor", "attributes": {}, - "path": ["bgColor", "attention", "muted"] + "path": ["counter", "borderColor"] }, - "bgColor-attention-emphasis": { - "value": "#9e6a03", + "button-default-fgColor-rest": { + "value": "#c9d1d9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-attention-emphasis", + "name": "button-default-fgColor-rest", "attributes": {}, - "path": ["bgColor", "attention", "emphasis"] + "path": ["button", "default", "fgColor", "rest"] }, - "bgColor-severe-muted": { - "value": "#db6d281a", + "button-default-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-severe-muted", + "name": "button-default-bgColor-rest", "attributes": {}, - "path": ["bgColor", "severe", "muted"] + "path": ["button", "default", "bgColor", "rest"] }, - "bgColor-severe-emphasis": { - "value": "#bd561d", + "button-default-bgColor-hover": { + "value": "#292e36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-severe-emphasis", + "name": "button-default-bgColor-hover", "attributes": {}, - "path": ["bgColor", "severe", "emphasis"] + "path": ["button", "default", "bgColor", "hover"] }, - "bgColor-danger-muted": { - "value": "#db6d281a", + "button-default-bgColor-active": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-danger-muted", + "name": "button-default-bgColor-active", "attributes": {}, - "path": ["bgColor", "danger", "muted"] + "path": ["button", "default", "bgColor", "active"] }, - "bgColor-danger-emphasis": { - "value": "#bd561d", + "button-default-bgColor-selected": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-emphasis", + "name": "button-default-bgColor-selected", "attributes": {}, - "path": ["bgColor", "danger", "emphasis"] + "path": ["button", "default", "bgColor", "selected"] }, - "bgColor-open-muted": { - "value": "#db6d2866", + "button-default-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "bgColor-open-muted", + "name": "button-default-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "open", "muted"] + "path": ["button", "default", "bgColor", "disabled"] }, - "bgColor-open-emphasis": { - "value": "#bd561d", + "button-default-borderColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-open-emphasis", + "name": "button-default-borderColor-rest", "attributes": {}, - "path": ["bgColor", "open", "emphasis"] + "path": ["button", "default", "borderColor", "rest"] }, - "bgColor-closed-muted": { - "value": "#6e768166", + "button-default-borderColor-hover": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "bgColor-closed-muted", + "name": "button-default-borderColor-hover", "attributes": {}, - "path": ["bgColor", "closed", "muted"] + "path": ["button", "default", "borderColor", "hover"] }, - "bgColor-closed-emphasis": { - "value": "#6e7681", + "button-default-borderColor-active": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-emphasis", + "name": "button-default-borderColor-active", "attributes": {}, - "path": ["bgColor", "closed", "emphasis"] + "path": ["button", "default", "borderColor", "active"] }, - "bgColor-done-muted": { - "value": "#a371f726", + "button-default-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-done-muted", + "name": "button-default-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "done", "muted"] + "path": ["button", "default", "borderColor", "disabled"] }, - "bgColor-done-emphasis": { - "value": "#8957e5", - "$type": "color", + "button-default-shadow-resting": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } } }, - "name": "bgColor-done-emphasis", + "name": "button-default-shadow-resting", "attributes": {}, - "path": ["bgColor", "done", "emphasis"] + "path": ["button", "default", "shadow", "resting"] }, - "bgColor-sponsors-muted": { - "value": "#db61a21a", + "button-primary-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-sponsors-muted", + "name": "button-primary-fgColor-rest", "attributes": {}, - "path": ["bgColor", "sponsors", "muted"] + "path": ["button", "primary", "fgColor", "rest"] }, - "bgColor-sponsors-emphasis": { - "value": "#bf4b8a", + "button-primary-fgColor-disabled": { + "value": "#ffffff66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.4 }, - "name": "bgColor-sponsors-emphasis", + "name": "button-primary-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "sponsors", "emphasis"] + "path": ["button", "primary", "fgColor", "disabled"] }, - "borderColor-default": { - "value": "#30363d", + "button-primary-iconColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-default", + "name": "button-primary-iconColor-rest", "attributes": {}, - "path": ["borderColor", "default"] + "path": ["button", "primary", "iconColor", "rest"] }, - "borderColor-muted": { - "value": "#30363d80", + "button-primary-bgColor-rest": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "borderColor-muted", + "name": "button-primary-bgColor-rest", "attributes": {}, - "path": ["borderColor", "muted"] + "path": ["button", "primary", "bgColor", "rest"] }, - "borderColor-emphasis": { - "value": "#484f58", + "button-primary-bgColor-hover": { + "value": "#2a7aef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "borderColor-emphasis", + "name": "button-primary-bgColor-hover", "attributes": {}, - "path": ["borderColor", "emphasis"] + "path": ["button", "primary", "bgColor", "hover"] }, - "borderColor-disabled": { - "value": "#161b22", + "button-primary-bgColor-active": { + "value": "#3685f3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "borderColor-disabled", + "name": "button-primary-bgColor-active", "attributes": {}, - "path": ["borderColor", "disabled"] + "path": ["button", "primary", "bgColor", "active"] }, - "borderColor-transparent": { - "value": "#00000000", + "button-primary-bgColor-disabled": { + "value": "#1158c7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": null, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "mix": null }, - "name": "borderColor-transparent", + "name": "button-primary-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "transparent"] + "path": ["button", "primary", "bgColor", "disabled"] }, - "borderColor-neutral-muted": { - "value": "#6e768166", + "button-primary-borderColor-rest": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.4 + "alpha": 0.1 }, - "name": "borderColor-neutral-muted", + "name": "button-primary-borderColor-rest", "attributes": {}, - "path": ["borderColor", "neutral", "muted"] + "path": ["button", "primary", "borderColor", "rest"] }, - "borderColor-neutral-emphasis": { - "value": "#6e7681", + "button-primary-borderColor-hover": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "borderColor-neutral-emphasis", + "name": "button-primary-borderColor-hover", "attributes": {}, - "path": ["borderColor", "neutral", "emphasis"] + "path": ["button", "primary", "borderColor", "hover"] }, - "borderColor-accent-muted": { - "value": "#388bfd66", + "button-primary-borderColor-active": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-accent-muted", + "name": "button-primary-borderColor-active", "attributes": {}, - "path": ["borderColor", "accent", "muted"] + "path": ["button", "primary", "borderColor", "active"] }, - "borderColor-accent-emphasis": { - "value": "#1f6feb", + "button-primary-borderColor-disabled": { + "value": "#1158c7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{button.primary.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-accent-emphasis", + "name": "button-primary-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "accent", "emphasis"] + "path": ["button", "primary", "borderColor", "disabled"] }, - "borderColor-success-muted": { - "value": "#388bfd66", - "$type": "color", + "button-primary-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "mode": "light", + "group": "component shadow" } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "mode": "light", + "group": "component shadow" } - }, - "alpha": 0.4 + } }, - "name": "borderColor-success-muted", + "name": "button-primary-shadow-selected", "attributes": {}, - "path": ["borderColor", "success", "muted"] + "path": ["button", "primary", "shadow", "selected"] }, - "borderColor-success-emphasis": { - "value": "#1f6feb", + "button-invisible-fgColor-rest": { + "value": "#4493f8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-success-emphasis", + "name": "button-invisible-fgColor-rest", "attributes": {}, - "path": ["borderColor", "success", "emphasis"] + "path": ["button", "invisible", "fgColor", "rest"] }, - "borderColor-attention-muted": { - "value": "#bb800966", + "button-invisible-fgColor-hover": { + "value": "#58a6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-attention-muted", + "name": "button-invisible-fgColor-hover", "attributes": {}, - "path": ["borderColor", "attention", "muted"] + "path": ["button", "invisible", "fgColor", "hover"] }, - "borderColor-attention-emphasis": { - "value": "#9e6a03", + "button-invisible-fgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-attention-emphasis", + "name": "button-invisible-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "attention", "emphasis"] + "path": ["button", "invisible", "fgColor", "disabled"] }, - "borderColor-severe-muted": { - "value": "#db6d2866", + "button-invisible-iconColor-rest": { + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-severe-muted", + "name": "button-invisible-iconColor-rest", "attributes": {}, - "path": ["borderColor", "severe", "muted"] + "path": ["button", "invisible", "iconColor", "rest"] }, - "borderColor-severe-emphasis": { - "value": "#bd561d", + "button-invisible-iconColor-hover": { + "value": "#e6edf3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-severe-emphasis", + "name": "button-invisible-iconColor-hover", "attributes": {}, - "path": ["borderColor", "severe", "emphasis"] + "path": ["button", "invisible", "iconColor", "hover"] }, - "borderColor-danger-muted": { - "value": "#db6d2866", + "button-invisible-iconColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-danger-muted", + "name": "button-invisible-iconColor-disabled", "attributes": {}, - "path": ["borderColor", "danger", "muted"] + "path": ["button", "invisible", "iconColor", "disabled"] }, - "borderColor-danger-emphasis": { - "value": "#bd561d", + "button-invisible-bgColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-danger-emphasis", + "name": "button-invisible-bgColor-rest", "attributes": {}, - "path": ["borderColor", "danger", "emphasis"] + "path": ["button", "invisible", "bgColor", "rest"] }, - "borderColor-open-muted": { - "value": "#db6d2866", + "button-invisible-bgColor-hover": { + "value": "#b1bac41f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, - "alpha": 0.4, "original": { - "value": "{base.color.orange.4}", + "value": "{control.transparent.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-open-muted", + "name": "button-invisible-bgColor-hover", "attributes": {}, - "path": ["borderColor", "open", "muted"] + "path": ["button", "invisible", "bgColor", "hover"] }, - "borderColor-open-emphasis": { - "value": "#db6d28", + "button-invisible-bgColor-active": { + "value": "#b1bac433", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.transparent.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-emphasis", + "name": "button-invisible-bgColor-active", "attributes": {}, - "path": ["borderColor", "open", "emphasis"] + "path": ["button", "invisible", "bgColor", "active"] }, - "borderColor-closed-muted": { - "value": "#6e768166", + "button-invisible-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.transparent.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-closed-muted", + "name": "button-invisible-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "closed", "muted"] + "path": ["button", "invisible", "bgColor", "disabled"] }, - "borderColor-closed-emphasis": { - "value": "#6e7681", + "button-invisible-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-closed-emphasis", + "name": "button-invisible-borderColor-rest", "attributes": {}, - "path": ["borderColor", "closed", "emphasis"] + "path": ["button", "invisible", "borderColor", "rest"] }, - "borderColor-done-muted": { - "value": "#a371f766", + "button-invisible-borderColor-hover": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-done-muted", + "name": "button-invisible-borderColor-hover", "attributes": {}, - "path": ["borderColor", "done", "muted"] + "path": ["button", "invisible", "borderColor", "hover"] }, - "borderColor-done-emphasis": { - "value": "#8957e5", + "button-invisible-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-done-emphasis", + "name": "button-invisible-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "done", "emphasis"] + "path": ["button", "invisible", "borderColor", "disabled"] }, - "borderColor-sponsors-muted": { - "value": "#db61a266", + "button-outline-fgColor-rest": { + "value": "#388bfd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-sponsors-muted", + "name": "button-outline-fgColor-rest", "attributes": {}, - "path": ["borderColor", "sponsors", "muted"] + "path": ["button", "outline", "fgColor", "rest"] }, - "borderColor-sponsors-emphasis": { - "value": "#bf4b8a", + "button-outline-fgColor-hover": { + "value": "#58a6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-sponsors-emphasis", + "name": "button-outline-fgColor-hover", "attributes": {}, - "path": ["borderColor", "sponsors", "emphasis"] + "path": ["button", "outline", "fgColor", "hover"] }, - "color-ansi-black": { - "value": "#484f58", + "button-outline-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black", + "name": "button-outline-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "black"] + "path": ["button", "outline", "fgColor", "active"] }, - "color-ansi-black-bright": { - "value": "#6e7681", + "button-outline-fgColor-disabled": { + "value": "#4493f880", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-black-bright", + "name": "button-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "black-bright"] + "path": ["button", "outline", "fgColor", "disabled"] }, - "color-ansi-white": { - "value": "#b1bac4", + "button-outline-bgColor-rest": { + "value": "#f0f6fc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white", + "name": "button-outline-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "white"] + "path": ["button", "outline", "bgColor", "rest"] }, - "color-ansi-white-bright": { - "value": "#ffffff", + "button-outline-bgColor-hover": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white-bright", + "name": "button-outline-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "white-bright"] + "path": ["button", "outline", "bgColor", "hover"] }, - "color-ansi-gray": { - "value": "#6e7681", + "button-outline-bgColor-active": { + "value": "#0d419d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.blue.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-gray", + "name": "button-outline-bgColor-active", "attributes": {}, - "path": ["color", "ansi", "gray"] + "path": ["button", "outline", "bgColor", "active"] }, - "color-ansi-red": { - "value": "#f0883e", + "button-outline-bgColor-disabled": { + "value": "#0d1117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-red", + "name": "button-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "red"] + "path": ["button", "outline", "bgColor", "disabled"] }, - "color-ansi-red-bright": { - "value": "#ffa657", + "button-outline-borderColor-hover": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-ansi-red-bright", + "name": "button-outline-borderColor-hover", "attributes": {}, - "path": ["color", "ansi", "red-bright"] + "path": ["button", "outline", "borderColor", "hover"] }, - "color-ansi-green": { - "value": "#58a6ff", + "button-outline-borderColor-selected": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-ansi-green", + "name": "button-outline-borderColor-selected", "attributes": {}, - "path": ["color", "ansi", "green"] + "path": ["button", "outline", "borderColor", "selected"] }, - "color-ansi-green-bright": { - "value": "#79c0ff", - "$type": "color", + "button-outline-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-ansi-green-bright", + "name": "button-outline-shadow-selected", "attributes": {}, - "path": ["color", "ansi", "green-bright"] + "path": ["button", "outline", "shadow", "selected"] }, - "color-ansi-yellow": { - "value": "#d29922", + "button-danger-fgColor-rest": { + "value": "#db6d28", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow", + "name": "button-danger-fgColor-rest", "attributes": {}, - "path": ["color", "ansi", "yellow"] + "path": ["button", "danger", "fgColor", "rest"] }, - "color-ansi-yellow-bright": { - "value": "#e3b341", + "button-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow-bright", + "name": "button-danger-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "yellow-bright"] + "path": ["button", "danger", "fgColor", "hover"] }, - "color-ansi-blue": { - "value": "#58a6ff", + "button-danger-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue", + "name": "button-danger-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "blue"] + "path": ["button", "danger", "fgColor", "active"] }, - "color-ansi-blue-bright": { - "value": "#79c0ff", + "button-danger-fgColor-disabled": { + "value": "#db6d2880", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-blue-bright", + "name": "button-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "blue-bright"] + "path": ["button", "danger", "fgColor", "disabled"] }, - "color-ansi-magenta": { - "value": "#bc8cff", + "button-danger-iconColor-rest": { + "value": "#db6d28", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta", + "name": "button-danger-iconColor-rest", "attributes": {}, - "path": ["color", "ansi", "magenta"] + "path": ["button", "danger", "iconColor", "rest"] }, - "color-ansi-magenta-bright": { - "value": "#d2a8ff", + "button-danger-iconColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta-bright", + "name": "button-danger-iconColor-hover", "attributes": {}, - "path": ["color", "ansi", "magenta-bright"] + "path": ["button", "danger", "iconColor", "hover"] }, - "color-ansi-cyan": { - "value": "#39c5cf", + "button-danger-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "#39c5cf", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan", + "name": "button-danger-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "cyan"] + "path": ["button", "danger", "bgColor", "rest"] }, - "color-ansi-cyan-bright": { - "value": "#56d4dd", + "button-danger-bgColor-hover": { + "value": "#9b4215", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "#56d4dd", + "value": "{base.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan-bright", + "name": "button-danger-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "cyan-bright"] + "path": ["button", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-comment": { - "value": "#8b949e", + "button-danger-bgColor-active": { + "value": "#b5531d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "mix": { + "color": "#db6d28", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.orange.4}", + "weight": 0.4 } }, - "name": "color-prettylights-syntax-comment", + "name": "button-danger-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "comment"] + "path": ["button", "danger", "bgColor", "active"] }, - "color-prettylights-syntax-constant": { - "value": "#79c0ff", + "button-danger-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-constant", + "name": "button-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant"] + "path": ["button", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-constant-other-reference-link": { - "value": "#a5d6ff", + "button-danger-borderColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-constant-other-reference-link", + "name": "button-danger-borderColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + "path": ["button", "danger", "borderColor", "rest"] }, - "color-prettylights-syntax-entity": { - "value": "#d2a8ff", + "button-danger-borderColor-hover": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-entity", + "name": "button-danger-borderColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity"] + "path": ["button", "danger", "borderColor", "hover"] }, - "color-prettylights-syntax-storage-modifier-import": { - "value": "#c9d1d9", + "button-danger-borderColor-active": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-storage-modifier-import", + "name": "button-danger-borderColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + "path": ["button", "danger", "borderColor", "active"] }, - "color-prettylights-syntax-entity-tag": { - "value": "#a5d6ff", - "$type": "color", + "button-danger-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-prettylights-syntax-entity-tag", + "name": "button-danger-shadow-selected", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity-tag"] + "path": ["button", "danger", "shadow", "selected"] }, - "color-prettylights-syntax-keyword": { - "value": "#f0883e", + "button-inactive-fgColor": { + "value": "#8b949e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-keyword", + "name": "button-inactive-fgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "keyword"] + "path": ["button", "inactive", "fgColor"] }, - "color-prettylights-syntax-string": { - "value": "#a5d6ff", + "button-inactive-bgColor": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-string", + "name": "button-inactive-bgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string"] + "path": ["button", "inactive", "bgColor"] }, - "color-prettylights-syntax-variable": { - "value": "#ffa657", + "button-star-iconColor": { + "value": "#e3b341", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-variable", + "name": "button-star-iconColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "variable"] + "path": ["button", "star", "iconColor"] }, - "color-prettylights-syntax-brackethighlighter-unmatched": { - "value": "#db6d28", + "buttonCounter-default-bgColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "name": "buttonCounter-default-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + "path": ["buttonCounter", "default", "bgColor", "rest"] }, - "color-prettylights-syntax-brackethighlighter-angle": { - "value": "#8b949e", + "buttonCounter-invisible-bgColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 1 }, - "name": "color-prettylights-syntax-brackethighlighter-angle", + "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + "path": ["buttonCounter", "invisible", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-text": { - "value": "#f0f6fc", + "buttonCounter-primary-bgColor-rest": { + "value": "#04260f33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-text", + "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + "path": ["buttonCounter", "primary", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-bg": { - "value": "#762d0a", + "buttonCounter-outline-bgColor-rest": { + "value": "#051d4d33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-bg", + "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-text": { - "value": "#f0f6fc", + "buttonCounter-outline-bgColor-hover": { + "value": "#051d4d33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-carriage-return-text", + "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + "path": ["buttonCounter", "outline", "bgColor", "hover"] }, - "color-prettylights-syntax-carriage-return-bg": { - "value": "#9b4215", + "buttonCounter-outline-bgColor-disabled": { + "value": "#1f6feb0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-carriage-return-bg", + "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "disabled"] }, - "color-prettylights-syntax-string-regexp": { - "value": "#a5d6ff", + "buttonCounter-outline-fgColor-rest": { + "value": "#388bfd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-string-regexp", + "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string-regexp"] + "path": ["buttonCounter", "outline", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-list": { - "value": "#f2cc60", + "buttonCounter-outline-fgColor-hover": { + "value": "#58a6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-list", + "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "list"] + "path": ["buttonCounter", "outline", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-heading": { - "value": "#1f6feb", + "buttonCounter-outline-fgColor-disabled": { + "value": "#4493f880", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-heading", + "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "heading"] + "path": ["buttonCounter", "outline", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-italic": { - "value": "#c9d1d9", + "buttonCounter-danger-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-italic", + "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "italic"] + "path": ["buttonCounter", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-bold": { - "value": "#c9d1d9", + "buttonCounter-danger-bgColor-disabled": { + "value": "#bd561d0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-markup-bold", + "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "bold"] + "path": ["buttonCounter", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-deleted-text": { - "value": "#ffdfb6", + "buttonCounter-danger-bgColor-rest": { + "value": "#49020233", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.color.red.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-deleted-text", + "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + "path": ["buttonCounter", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-deleted-bg": { - "value": "#5a1e02", + "buttonCounter-danger-fgColor-rest": { + "value": "#db6d28", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-deleted-bg", + "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-text": { - "value": "#cae8ff", + "buttonCounter-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-inserted-text", + "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + "path": ["buttonCounter", "danger", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-inserted-bg": { - "value": "#0c2d6b", + "buttonCounter-danger-fgColor-disabled": { + "value": "#db6d2880", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-inserted-bg", + "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-changed-text": { - "value": "#ffdfb6", + "reactionButton-selected-bgColor-rest": { + "value": "#388bfd33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-text", + "name": "reactionButton-selected-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] + "path": ["reactionButton", "selected", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-changed-bg": { - "value": "#5a1e02", + "reactionButton-selected-bgColor-hover": { + "value": "#3a8cfd33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "mix": { + "color": "#79c0ff", + "weight": 0.2 + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{reactionButton.selected.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.2 + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-bg", + "name": "reactionButton-selected-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] + "path": ["reactionButton", "selected", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-ignored-text": { - "value": "#c9d1d9", + "reactionButton-selected-fgColor-rest": { + "value": "#4493f8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{fgColor.link.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-text", + "name": "reactionButton-selected-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] + "path": ["reactionButton", "selected", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-ignored-bg": { - "value": "#1158c7", + "reactionButton-selected-fgColor-hover": { + "value": "#79c0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-bg", + "name": "reactionButton-selected-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] + "path": ["reactionButton", "selected", "fgColor", "hover"] }, - "color-prettylights-syntax-meta-diff-range": { - "value": "#d2a8ff", + "focus-outlineColor": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{borderColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-meta-diff-range", + "name": "focus-outlineColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] + "path": ["focus", "outlineColor"] }, - "color-prettylights-syntax-sublimelinter-gutter-mark": { - "value": "#484f58", + "menu-bgColor-active": { + "value": "#161b22", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-sublimelinter-gutter-mark", + "name": "menu-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] + "path": ["menu", "bgColor", "active"] }, - "color-scale-black": { - "value": "#010409", + "overlay-bgColor": { + "value": "#161b22", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.black}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } }, - "name": "color-scale-black", - "attributes": {}, - "path": ["color", "scale", "black"] - }, - "color-scale-transparent": { - "value": "#00000000", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-transparent", + "name": "overlay-bgColor", "attributes": {}, - "path": ["color", "scale", "transparent"] + "path": ["overlay", "bgColor"] }, - "color-scale-white": { - "value": "#ffffff", + "overlay-borderColor": { + "value": "#30363db3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + } }, - "name": "color-scale-white", + "name": "overlay-borderColor", "attributes": {}, - "path": ["color", "scale", "white"] + "path": ["overlay", "borderColor"] }, - "color-scale-gray-0": { - "value": "#f0f6fc", + "overlay-backdrop-bgColor": { + "value": "#161b2266", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 }, - "name": "color-scale-gray-0", + "name": "overlay-backdrop-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "0"] + "path": ["overlay", "backdrop", "bgColor"] }, - "color-scale-gray-1": { - "value": "#c9d1d9", + "selectMenu-borderColor": { + "value": "#484f58", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-1", + "name": "selectMenu-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "1"] + "path": ["selectMenu", "borderColor"] }, - "color-scale-gray-2": { - "value": "#b1bac4", + "selectMenu-bgColor-active": { + "value": "#0c2d6b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-2", + "name": "selectMenu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "2"] + "path": ["selectMenu", "bgColor", "active"] }, - "color-scale-gray-3": { - "value": "#8b949e", + "sideNav-bgColor-selected": { + "value": "#21262d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-3", + "name": "sideNav-bgColor-selected", "attributes": {}, - "path": ["color", "scale", "gray", "3"] + "path": ["sideNav", "bgColor", "selected"] }, - "color-scale-gray-4": { - "value": "#6e7681", + "skeletonLoader-bgColor": { + "value": "#161b22", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": "{bgColor.muted}", + "$type": "color" }, - "name": "color-scale-gray-4", + "name": "skeletonLoader-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "4"] + "path": ["skeletonLoader", "bgColor"] }, - "color-scale-gray-5": { - "value": "#484f58", + "timelineBadge-bgColor": { + "value": "#21262d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-5", + "name": "timelineBadge-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "5"] + "path": ["timelineBadge", "bgColor"] }, - "color-scale-gray-6": { - "value": "#30363d", + "treeViewItem-leadingVisual-iconColor-rest": { + "value": "#8d96a0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-6", + "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "6"] + "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] }, - "color-scale-gray-7": { - "value": "#21262d", + "underlineNav-borderColor-active": { + "value": "#f78166", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.coral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-7", + "name": "underlineNav-borderColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "7"] + "path": ["underlineNav", "borderColor", "active"] }, - "color-scale-gray-8": { - "value": "#161b22", + "underlineNav-borderColor-hover": { + "value": "#6e768166", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.gray.8}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } }, - "name": "color-scale-gray-8", - "attributes": {}, - "path": ["color", "scale", "gray", "8"] - }, - "color-scale-gray-9": { - "value": "#0d1117", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{borderColor.neutral.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-9", + "name": "underlineNav-borderColor-hover", "attributes": {}, - "path": ["color", "scale", "gray", "9"] + "path": ["underlineNav", "borderColor", "hover"] }, - "color-scale-blue-0": { - "value": "#cae8ff", + "underlineNav-iconColor-rest": { + "value": "#8d96a0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-0", + "name": "underlineNav-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "0"] + "path": ["underlineNav", "iconColor", "rest"] }, - "color-scale-blue-1": { - "value": "#a5d6ff", + "selection-bgColor": { + "value": "#1f6febb3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{bgColor.accent.emphasis}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 }, - "name": "color-scale-blue-1", + "name": "selection-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "1"] + "path": ["selection", "bgColor"] }, - "color-scale-blue-2": { - "value": "#79c0ff", + "card-bgColor": { + "value": "#161b22", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{bgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-2", + "name": "card-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "2"] + "path": ["card", "bgColor"] }, - "color-scale-blue-3": { - "value": "#58a6ff", + "label-green-bgColor-rest": { + "value": "#122117", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-3", + "name": "label-green-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "3"] + "path": ["label", "green", "bgColor", "rest"] }, - "color-scale-blue-4": { - "value": "#388bfd", + "label-green-bgColor-hover": { + "value": "#182f1f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-4", + "name": "label-green-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "4"] + "path": ["label", "green", "bgColor", "hover"] }, - "color-scale-blue-5": { - "value": "#1f6feb", + "label-green-bgColor-active": { + "value": "#214529", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-5", + "name": "label-green-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "5"] + "path": ["label", "green", "bgColor", "active"] }, - "color-scale-blue-6": { - "value": "#1158c7", + "label-green-fgColor-rest": { + "value": "#41b445", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-6", + "name": "label-green-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "6"] + "path": ["label", "green", "fgColor", "rest"] }, - "color-scale-blue-7": { - "value": "#0d419d", + "label-green-fgColor-hover": { + "value": "#46c144", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.green.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-7", + "name": "label-green-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "7"] + "path": ["label", "green", "fgColor", "hover"] }, - "color-scale-blue-8": { - "value": "#0c2d6b", + "label-green-fgColor-active": { + "value": "#75d36f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-8", + "name": "label-green-fgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "8"] + "path": ["label", "green", "fgColor", "active"] }, - "color-scale-blue-9": { - "value": "#051d4d", + "label-orange-bgColor-rest": { + "value": "#311708", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-9", + "name": "label-orange-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "9"] + "path": ["label", "orange", "bgColor", "rest"] }, - "color-scale-green-0": { - "value": "#cae8ff", + "label-orange-bgColor-hover": { + "value": "#43200a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.display.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-0", + "name": "label-orange-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "0"] + "path": ["label", "orange", "bgColor", "hover"] }, - "color-scale-green-1": { - "value": "#a5d6ff", + "label-orange-bgColor-active": { + "value": "#632f0d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.display.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-green-1", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-orange-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "1"] + "path": ["label", "orange", "bgColor", "active"] }, - "color-scale-green-2": { - "value": "#79c0ff", + "label-orange-fgColor-rest": { + "value": "#ed8326", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{base.display.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-2", + "name": "label-orange-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "2"] + "path": ["label", "orange", "fgColor", "rest"] }, - "color-scale-green-3": { - "value": "#58a6ff", + "label-orange-fgColor-hover": { + "value": "#f1933b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-3", + "name": "label-orange-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "3"] + "path": ["label", "orange", "fgColor", "hover"] }, - "color-scale-green-4": { - "value": "#388bfd", + "label-orange-fgColor-active": { + "value": "#f6b06a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-4", + "name": "label-orange-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "4"] + "path": ["label", "orange", "fgColor", "active"] }, - "color-scale-green-5": { - "value": "#1f6feb", + "label-purple-bgColor-rest": { + "value": "#211047", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.purple.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-5", + "name": "label-purple-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "5"] + "path": ["label", "purple", "bgColor", "rest"] }, - "color-scale-green-6": { - "value": "#1158c7", + "label-purple-bgColor-hover": { + "value": "#31146b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.purple.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-6", + "name": "label-purple-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "6"] + "path": ["label", "purple", "bgColor", "hover"] }, - "color-scale-green-7": { - "value": "#0d419d", + "label-purple-bgColor-active": { + "value": "#481a9e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-7", + "name": "label-purple-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "7"] + "path": ["label", "purple", "bgColor", "active"] }, - "color-scale-green-8": { - "value": "#0c2d6b", + "label-purple-fgColor-rest": { + "value": "#b687f7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-8", + "name": "label-purple-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "8"] + "path": ["label", "purple", "fgColor", "rest"] }, - "color-scale-green-9": { - "value": "#051d4d", + "label-purple-fgColor-hover": { + "value": "#c398fb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.purple.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-9", + "name": "label-purple-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "9"] + "path": ["label", "purple", "fgColor", "hover"] }, - "color-scale-yellow-0": { - "value": "#f8e3a1", + "label-purple-fgColor-active": { + "value": "#d2affd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{base.display.color.purple.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-0", + "name": "label-purple-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "0"] + "path": ["label", "purple", "fgColor", "active"] }, - "color-scale-yellow-1": { - "value": "#f2cc60", + "label-red-bgColor-rest": { + "value": "#3c0614", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.display.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-1", + "name": "label-red-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "1"] + "path": ["label", "red", "bgColor", "rest"] }, - "color-scale-yellow-2": { - "value": "#e3b341", + "label-red-bgColor-hover": { + "value": "#58091a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.display.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-2", + "name": "label-red-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "2"] + "path": ["label", "red", "bgColor", "hover"] }, - "color-scale-yellow-3": { - "value": "#d29922", + "label-red-bgColor-active": { + "value": "#790c20", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.display.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-3", + "name": "label-red-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "3"] + "path": ["label", "red", "bgColor", "active"] }, - "color-scale-yellow-4": { - "value": "#bb8009", + "label-red-fgColor-rest": { + "value": "#f27d83", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.display.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-yellow-4", - "attributes": {}, - "path": ["color", "scale", "yellow", "4"] - }, - "color-scale-yellow-5": { - "value": "#9e6a03", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.yellow.5}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-5", + "name": "label-red-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "5"] + "path": ["label", "red", "fgColor", "rest"] }, - "color-scale-yellow-6": { - "value": "#845306", + "label-red-fgColor-hover": { + "value": "#f48b8d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.yellow.6}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } }, - "name": "color-scale-yellow-6", - "attributes": {}, - "path": ["color", "scale", "yellow", "6"] - }, - "color-scale-yellow-7": { - "value": "#693e00", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{base.display.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-7", + "name": "label-red-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "7"] + "path": ["label", "red", "fgColor", "hover"] }, - "color-scale-yellow-8": { - "value": "#4b2900", + "label-red-fgColor-active": { + "value": "#f7adab", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", + "value": "{base.display.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-8", + "name": "label-red-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "8"] + "path": ["label", "red", "fgColor", "active"] }, - "color-scale-yellow-9": { - "value": "#341a00", + "label-yellow-bgColor-rest": { + "value": "#2e1a00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.display.color.yellow.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-9", + "name": "label-yellow-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "9"] + "path": ["label", "yellow", "bgColor", "rest"] }, - "color-scale-orange-0": { - "value": "#ffdfb6", + "label-yellow-bgColor-hover": { + "value": "#3d2401", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.display.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-0", + "name": "label-yellow-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "0"] + "path": ["label", "yellow", "bgColor", "hover"] }, - "color-scale-orange-1": { - "value": "#ffc680", + "label-yellow-bgColor-active": { + "value": "#5a3702", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.display.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-1", + "name": "label-yellow-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "1"] + "path": ["label", "yellow", "bgColor", "active"] }, - "color-scale-orange-2": { - "value": "#ffa657", + "label-yellow-fgColor-rest": { + "value": "#d3910d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.display.color.yellow.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-2", + "name": "label-yellow-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "2"] + "path": ["label", "yellow", "fgColor", "rest"] }, - "color-scale-orange-3": { - "value": "#f0883e", + "label-yellow-fgColor-hover": { + "value": "#df9e11", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.display.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-3", + "name": "label-yellow-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "3"] + "path": ["label", "yellow", "fgColor", "hover"] }, - "color-scale-orange-4": { - "value": "#db6d28", + "label-yellow-fgColor-active": { + "value": "#edb431", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.display.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-4", + "name": "label-yellow-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "4"] + "path": ["label", "yellow", "fgColor", "active"] }, - "color-scale-orange-5": { - "value": "#bd561d", + "label-gray-bgColor-rest": { + "value": "#1c1c1c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{base.display.color.gray.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-5", + "name": "label-gray-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "5"] + "path": ["label", "gray", "bgColor", "rest"] }, - "color-scale-orange-6": { - "value": "#9b4215", + "label-gray-bgColor-hover": { + "value": "#2a2b2d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.gray.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-6", + "name": "label-gray-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "6"] + "path": ["label", "gray", "bgColor", "hover"] }, - "color-scale-orange-7": { - "value": "#762d0a", + "label-gray-bgColor-active": { + "value": "#393d41", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.display.color.gray.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-7", + "name": "label-gray-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "7"] + "path": ["label", "gray", "bgColor", "active"] }, - "color-scale-orange-8": { - "value": "#5a1e02", + "label-gray-fgColor-rest": { + "value": "#92a1b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{base.display.color.gray.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-8", + "name": "label-gray-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "8"] + "path": ["label", "gray", "fgColor", "rest"] }, - "color-scale-orange-9": { - "value": "#3d1300", + "label-gray-fgColor-hover": { + "value": "#9babbf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.9}", + "value": "{base.display.color.gray.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-9", + "name": "label-gray-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "9"] + "path": ["label", "gray", "fgColor", "hover"] }, - "color-scale-red-0": { - "value": "#ffdfb6", + "label-gray-fgColor-active": { + "value": "#b3c0d1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.gray.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-gray-fgColor-active", + "attributes": {}, + "path": ["label", "gray", "fgColor", "active"] + }, + "label-auburn-bgColor-rest": { + "value": "#271817", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-rest", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "rest"] + }, + "label-auburn-bgColor-hover": { + "value": "#3a2422", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-hover", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "hover"] + }, + "label-auburn-bgColor-active": { + "value": "#543331", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-active", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "active"] + }, + "label-auburn-fgColor-rest": { + "value": "#bf9592", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-rest", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "rest"] + }, + "label-auburn-fgColor-hover": { + "value": "#c6a19f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-hover", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "hover"] + }, + "label-auburn-fgColor-active": { + "value": "#d4b7b5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-active", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "active"] + }, + "label-brown-bgColor-rest": { + "value": "#241c14", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-rest", + "attributes": {}, + "path": ["label", "brown", "bgColor", "rest"] + }, + "label-brown-bgColor-hover": { + "value": "#342a1d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-hover", + "attributes": {}, + "path": ["label", "brown", "bgColor", "hover"] + }, + "label-brown-bgColor-active": { + "value": "#483a28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-active", + "attributes": {}, + "path": ["label", "brown", "bgColor", "active"] + }, + "label-brown-fgColor-rest": { + "value": "#b69a6d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-rest", + "attributes": {}, + "path": ["label", "brown", "fgColor", "rest"] + }, + "label-brown-fgColor-hover": { + "value": "#bfa77d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-hover", + "attributes": {}, + "path": ["label", "brown", "fgColor", "hover"] + }, + "label-brown-fgColor-active": { + "value": "#cdbb98", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-active", + "attributes": {}, + "path": ["label", "brown", "fgColor", "active"] + }, + "label-lemon-bgColor-rest": { + "value": "#291d00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "rest"] + }, + "label-lemon-bgColor-hover": { + "value": "#372901", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "hover"] + }, + "label-lemon-bgColor-active": { + "value": "#4f3c02", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-active", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "active"] + }, + "label-lemon-fgColor-rest": { + "value": "#ba9b12", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "rest"] + }, + "label-lemon-fgColor-hover": { + "value": "#c4a717", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "hover"] + }, + "label-lemon-fgColor-active": { + "value": "#d7bc1d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-active", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "active"] + }, + "label-olive-bgColor-rest": { + "value": "#171e0b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-rest", + "attributes": {}, + "path": ["label", "olive", "bgColor", "rest"] + }, + "label-olive-bgColor-hover": { + "value": "#252d10", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-hover", + "attributes": {}, + "path": ["label", "olive", "bgColor", "hover"] + }, + "label-olive-bgColor-active": { + "value": "#374115", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-active", + "attributes": {}, + "path": ["label", "olive", "bgColor", "active"] + }, + "label-olive-fgColor-rest": { + "value": "#a2a626", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-rest", + "attributes": {}, + "path": ["label", "olive", "fgColor", "rest"] + }, + "label-olive-fgColor-hover": { + "value": "#b2af24", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-hover", + "attributes": {}, + "path": ["label", "olive", "fgColor", "hover"] + }, + "label-olive-fgColor-active": { + "value": "#cbc025", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-active", + "attributes": {}, + "path": ["label", "olive", "fgColor", "active"] + }, + "label-lime-bgColor-rest": { + "value": "#141f0f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-rest", + "attributes": {}, + "path": ["label", "lime", "bgColor", "rest"] + }, + "label-lime-bgColor-hover": { + "value": "#1f3116", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-hover", + "attributes": {}, + "path": ["label", "lime", "bgColor", "hover"] + }, + "label-lime-bgColor-active": { + "value": "#2c441d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-active", + "attributes": {}, + "path": ["label", "lime", "bgColor", "active"] + }, + "label-lime-fgColor-rest": { + "value": "#7dae37", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-rest", + "attributes": {}, + "path": ["label", "lime", "fgColor", "rest"] + }, + "label-lime-fgColor-hover": { + "value": "#89ba36", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-hover", + "attributes": {}, + "path": ["label", "lime", "fgColor", "hover"] + }, + "label-lime-fgColor-active": { + "value": "#9fcc3e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-active", + "attributes": {}, + "path": ["label", "lime", "fgColor", "active"] + }, + "label-pine-bgColor-rest": { + "value": "#082119", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-rest", + "attributes": {}, + "path": ["label", "pine", "bgColor", "rest"] + }, + "label-pine-bgColor-hover": { + "value": "#0b3224", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-hover", + "attributes": {}, + "path": ["label", "pine", "bgColor", "hover"] + }, + "label-pine-bgColor-active": { + "value": "#0e4430", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-active", + "attributes": {}, + "path": ["label", "pine", "bgColor", "active"] + }, + "label-pine-fgColor-rest": { + "value": "#1bb673", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-rest", + "attributes": {}, + "path": ["label", "pine", "fgColor", "rest"] + }, + "label-pine-fgColor-hover": { + "value": "#1ac176", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-hover", + "attributes": {}, + "path": ["label", "pine", "fgColor", "hover"] + }, + "label-pine-fgColor-active": { + "value": "#1bda81", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-active", + "attributes": {}, + "path": ["label", "pine", "fgColor", "active"] + }, + "label-teal-bgColor-rest": { + "value": "#041f25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-rest", + "attributes": {}, + "path": ["label", "teal", "bgColor", "rest"] + }, + "label-teal-bgColor-hover": { + "value": "#073036", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-hover", + "attributes": {}, + "path": ["label", "teal", "bgColor", "hover"] + }, + "label-teal-bgColor-active": { + "value": "#0a464d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-active", + "attributes": {}, + "path": ["label", "teal", "bgColor", "active"] + }, + "label-teal-fgColor-rest": { + "value": "#1cb0ab", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-rest", + "attributes": {}, + "path": ["label", "teal", "fgColor", "rest"] + }, + "label-teal-fgColor-hover": { + "value": "#1fbdb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-hover", + "attributes": {}, + "path": ["label", "teal", "fgColor", "hover"] + }, + "label-teal-fgColor-active": { + "value": "#24d6c4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-active", + "attributes": {}, + "path": ["label", "teal", "fgColor", "active"] + }, + "label-cyan-bgColor-rest": { + "value": "#001f29", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "rest"] + }, + "label-cyan-bgColor-hover": { + "value": "#002e3d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "hover"] + }, + "label-cyan-bgColor-active": { + "value": "#014156", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-active", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "active"] + }, + "label-cyan-fgColor-rest": { + "value": "#07ace4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "rest"] + }, + "label-cyan-fgColor-hover": { + "value": "#09b7f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "hover"] + }, + "label-cyan-fgColor-active": { + "value": "#45cbf7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-active", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "active"] + }, + "label-indigo-bgColor-rest": { + "value": "#1b183f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "rest"] + }, + "label-indigo-bgColor-hover": { + "value": "#25215f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "hover"] + }, + "label-indigo-bgColor-active": { + "value": "#312c90", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-active", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "active"] + }, + "label-indigo-fgColor-rest": { + "value": "#9899ec", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "rest"] + }, + "label-indigo-fgColor-hover": { + "value": "#a2a5f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "hover"] + }, + "label-indigo-fgColor-active": { + "value": "#b7baf6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-active", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "active"] + }, + "label-blue-bgColor-rest": { + "value": "#001a47", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-rest", + "attributes": {}, + "path": ["label", "blue", "bgColor", "rest"] + }, + "label-blue-bgColor-hover": { + "value": "#002766", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-hover", + "attributes": {}, + "path": ["label", "blue", "bgColor", "hover"] + }, + "label-blue-bgColor-active": { + "value": "#00378a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-active", + "attributes": {}, + "path": ["label", "blue", "bgColor", "active"] + }, + "label-blue-fgColor-rest": { + "value": "#4da0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-rest", + "attributes": {}, + "path": ["label", "blue", "fgColor", "rest"] + }, + "label-blue-fgColor-hover": { + "value": "#61adff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-hover", + "attributes": {}, + "path": ["label", "blue", "fgColor", "hover"] + }, + "label-blue-fgColor-active": { + "value": "#85c2ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-active", + "attributes": {}, + "path": ["label", "blue", "fgColor", "active"] + }, + "label-plum-bgColor-rest": { + "value": "#2a0e3f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-rest", + "attributes": {}, + "path": ["label", "plum", "bgColor", "rest"] + }, + "label-plum-bgColor-hover": { + "value": "#40125e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-hover", + "attributes": {}, + "path": ["label", "plum", "bgColor", "hover"] + }, + "label-plum-bgColor-active": { + "value": "#5c1688", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-active", + "attributes": {}, + "path": ["label", "plum", "bgColor", "active"] + }, + "label-plum-fgColor-rest": { + "value": "#d07ef7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-rest", + "attributes": {}, + "path": ["label", "plum", "fgColor", "rest"] + }, + "label-plum-fgColor-hover": { + "value": "#d889fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-hover", + "attributes": {}, + "path": ["label", "plum", "fgColor", "hover"] + }, + "label-plum-fgColor-active": { + "value": "#e4a5fd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-active", + "attributes": {}, + "path": ["label", "plum", "fgColor", "active"] + }, + "label-pink-bgColor-rest": { + "value": "#2d1524", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-rest", + "attributes": {}, + "path": ["label", "pink", "bgColor", "rest"] + }, + "label-pink-bgColor-hover": { + "value": "#451c35", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-hover", + "attributes": {}, + "path": ["label", "pink", "bgColor", "hover"] + }, + "label-pink-bgColor-active": { + "value": "#65244a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-active", + "attributes": {}, + "path": ["label", "pink", "bgColor", "active"] + }, + "label-pink-fgColor-rest": { + "value": "#e57bb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-rest", + "attributes": {}, + "path": ["label", "pink", "fgColor", "rest"] + }, + "label-pink-fgColor-hover": { + "value": "#ec8dbd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-hover", + "attributes": {}, + "path": ["label", "pink", "fgColor", "hover"] + }, + "label-pink-fgColor-active": { + "value": "#f4a9cd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-active", + "attributes": {}, + "path": ["label", "pink", "fgColor", "active"] + }, + "label-coral-bgColor-rest": { + "value": "#351008", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-rest", + "attributes": {}, + "path": ["label", "coral", "bgColor", "rest"] + }, + "label-coral-bgColor-hover": { + "value": "#51180b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-hover", + "attributes": {}, + "path": ["label", "coral", "bgColor", "hover"] + }, + "label-coral-bgColor-active": { + "value": "#72220d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-active", + "attributes": {}, + "path": ["label", "coral", "bgColor", "active"] + }, + "label-coral-fgColor-rest": { + "value": "#f7794b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-rest", + "attributes": {}, + "path": ["label", "coral", "fgColor", "rest"] + }, + "label-coral-fgColor-hover": { + "value": "#fa8c61", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-hover", + "attributes": {}, + "path": ["label", "coral", "fgColor", "hover"] + }, + "label-coral-fgColor-active": { + "value": "#fdaa86", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-active", + "attributes": {}, + "path": ["label", "coral", "fgColor", "active"] + }, + "fgColor-default": { + "value": "#e6edf3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "#c9d1d9", + "weight": 0.25 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "{base.color.neutral.1}", + "weight": 0.25 + } + }, + "name": "fgColor-default", + "attributes": {}, + "path": ["fgColor", "default"] + }, + "fgColor-muted": { + "value": "#8d96a0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "#8b949e", + "weight": 0.95 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.95 + } + }, + "name": "fgColor-muted", + "attributes": {}, + "path": ["fgColor", "muted"] + }, + "fgColor-onEmphasis": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + } + }, + "name": "fgColor-onEmphasis", + "attributes": {}, + "path": ["fgColor", "onEmphasis"] + }, + "fgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-white", + "attributes": {}, + "path": ["fgColor", "white"] + }, + "fgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-black", + "attributes": {}, + "path": ["fgColor", "black"] + }, + "fgColor-disabled": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-disabled", + "attributes": {}, + "path": ["fgColor", "disabled"] + }, + "fgColor-link": { + "value": "#4493f8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{fgColor.accent.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-link", + "attributes": {}, + "path": ["fgColor", "link", "@"] + }, + "fgColor-neutral": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-neutral", + "attributes": {}, + "path": ["fgColor", "neutral", "@"] + }, + "fgColor-accent": { + "value": "#4493f8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "#1f6feb", + "weight": 0.35 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "{base.color.blue.5}", + "weight": 0.35 + } + }, + "name": "fgColor-accent", + "attributes": {}, + "path": ["fgColor", "accent", "@"] + }, + "fgColor-success": { + "value": "#58a6ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + } + }, + "name": "fgColor-success", + "attributes": {}, + "path": ["fgColor", "success", "@"] + }, + "fgColor-attention": { + "value": "#d29922", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + } + }, + "name": "fgColor-attention", + "attributes": {}, + "path": ["fgColor", "attention", "@"] + }, + "fgColor-severe": { + "value": "#db6d28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + } + }, + "name": "fgColor-severe", + "attributes": {}, + "path": ["fgColor", "severe", "@"] + }, + "fgColor-danger": { + "value": "#db6d28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + } + }, + "name": "fgColor-danger", + "attributes": {}, + "path": ["fgColor", "danger", "@"] + }, + "fgColor-open": { + "value": "#f0883e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + } + }, + "name": "fgColor-open", + "attributes": {}, + "path": ["fgColor", "open", "@"] + }, + "fgColor-closed": { + "value": "#8b949e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + } + }, + "name": "fgColor-closed", + "attributes": {}, + "path": ["fgColor", "closed", "@"] + }, + "fgColor-done": { + "value": "#ab7df8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + } + }, + "name": "fgColor-done", + "attributes": {}, + "path": ["fgColor", "done", "@"] + }, + "fgColor-upsell": { + "value": "#ab7df8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + } + }, + "name": "fgColor-upsell", + "attributes": {}, + "path": ["fgColor", "upsell", "@"] + }, + "fgColor-sponsors": { + "value": "#db61a2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + } + }, + "name": "fgColor-sponsors", + "attributes": {}, + "path": ["fgColor", "sponsors", "@"] + }, + "bgColor-default": { + "value": "#0d1117", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + } + }, + "name": "bgColor-default", + "attributes": {}, + "path": ["bgColor", "default"] + }, + "bgColor-muted": { + "value": "#161b22", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + } + }, + "name": "bgColor-muted", + "attributes": {}, + "path": ["bgColor", "muted"] + }, + "bgColor-inset": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + } + }, + "name": "bgColor-inset", + "attributes": {}, + "path": ["bgColor", "inset"] + }, + "bgColor-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + } + }, + "name": "bgColor-emphasis", + "attributes": {}, + "path": ["bgColor", "emphasis"] + }, + "bgColor-inverse": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-inverse", + "attributes": {}, + "path": ["bgColor", "inverse"] + }, + "bgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-white", + "attributes": {}, + "path": ["bgColor", "white"] + }, + "bgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-black", + "attributes": {}, + "path": ["bgColor", "black"] + }, + "bgColor-disabled": { + "value": "#21262db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 + }, + "name": "bgColor-disabled", + "attributes": {}, + "path": ["bgColor", "disabled"] + }, + "bgColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + } + }, + "name": "bgColor-transparent", + "attributes": {}, + "path": ["bgColor", "transparent"] + }, + "bgColor-neutral-muted": { + "value": "#6e768166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 + }, + "name": "bgColor-neutral-muted", + "attributes": {}, + "path": ["bgColor", "neutral", "muted"] + }, + "bgColor-neutral-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-neutral-emphasis", + "attributes": {}, + "path": ["bgColor", "neutral", "emphasis"] + }, + "bgColor-accent-muted": { + "value": "#388bfd1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-accent-muted", + "attributes": {}, + "path": ["bgColor", "accent", "muted"] + }, + "bgColor-accent-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + } + }, + "name": "bgColor-accent-emphasis", + "attributes": {}, + "path": ["bgColor", "accent", "emphasis"] + }, + "bgColor-success-muted": { + "value": "#388bfd26", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-success-muted", + "attributes": {}, + "path": ["bgColor", "success", "muted"] + }, + "bgColor-success-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-success-emphasis", + "attributes": {}, + "path": ["bgColor", "success", "emphasis"] + }, + "bgColor-attention-muted": { + "value": "#bb800926", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-attention-muted", + "attributes": {}, + "path": ["bgColor", "attention", "muted"] + }, + "bgColor-attention-emphasis": { + "value": "#9e6a03", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + } + }, + "name": "bgColor-attention-emphasis", + "attributes": {}, + "path": ["bgColor", "attention", "emphasis"] + }, + "bgColor-severe-muted": { + "value": "#db6d281a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-severe-muted", + "attributes": {}, + "path": ["bgColor", "severe", "muted"] + }, + "bgColor-severe-emphasis": { + "value": "#bd561d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + } + }, + "name": "bgColor-severe-emphasis", + "attributes": {}, + "path": ["bgColor", "severe", "emphasis"] + }, + "bgColor-danger-muted": { + "value": "#db6d281a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-danger-muted", + "attributes": {}, + "path": ["bgColor", "danger", "muted"] + }, + "bgColor-danger-emphasis": { + "value": "#bd561d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + } + }, + "name": "bgColor-danger-emphasis", + "attributes": {}, + "path": ["bgColor", "danger", "emphasis"] + }, + "bgColor-open-muted": { + "value": "#db6d2866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.4 + }, + "name": "bgColor-open-muted", + "attributes": {}, + "path": ["bgColor", "open", "muted"] + }, + "bgColor-open-emphasis": { + "value": "#bd561d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-open-emphasis", + "attributes": {}, + "path": ["bgColor", "open", "emphasis"] + }, + "bgColor-closed-muted": { + "value": "#6e768166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "bgColor-closed-muted", + "attributes": {}, + "path": ["bgColor", "closed", "muted"] + }, + "bgColor-closed-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + } + }, + "name": "bgColor-closed-emphasis", + "attributes": {}, + "path": ["bgColor", "closed", "emphasis"] + }, + "bgColor-done-muted": { + "value": "#ab7df826", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-done-muted", + "attributes": {}, + "path": ["bgColor", "done", "muted"] + }, + "bgColor-done-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + } + }, + "name": "bgColor-done-emphasis", + "attributes": {}, + "path": ["bgColor", "done", "emphasis"] + }, + "bgColor-upsell-muted": { + "value": "#ab7df826", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-upsell-muted", + "attributes": {}, + "path": ["bgColor", "upsell", "muted"] + }, + "bgColor-upsell-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + } + }, + "name": "bgColor-upsell-emphasis", + "attributes": {}, + "path": ["bgColor", "upsell", "emphasis"] + }, + "bgColor-sponsors-muted": { + "value": "#db61a21a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-sponsors-muted", + "attributes": {}, + "path": ["bgColor", "sponsors", "muted"] + }, + "bgColor-sponsors-emphasis": { + "value": "#bf4b8a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + } + }, + "name": "bgColor-sponsors-emphasis", + "attributes": {}, + "path": ["bgColor", "sponsors", "emphasis"] + }, + "borderColor-default": { + "value": "#30363d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + } + }, + "name": "borderColor-default", + "attributes": {}, + "path": ["borderColor", "default"] + }, + "borderColor-muted": { + "value": "#30363db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.default}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7 + }, + "name": "borderColor-muted", + "attributes": {}, + "path": ["borderColor", "muted"] + }, + "borderColor-emphasis": { + "value": "#484f58", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-emphasis", + "attributes": {}, + "path": ["borderColor", "emphasis"] + }, + "borderColor-disabled": { + "value": "#21262db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.disabled}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-disabled", + "attributes": {}, + "path": ["borderColor", "disabled"] + }, + "borderColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-transparent", + "attributes": {}, + "path": ["borderColor", "transparent"] + }, + "borderColor-neutral-muted": { + "value": "#6e768166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.4 + }, + "name": "borderColor-neutral-muted", + "attributes": {}, + "path": ["borderColor", "neutral", "muted"] + }, + "borderColor-neutral-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-neutral-emphasis", + "attributes": {}, + "path": ["borderColor", "neutral", "emphasis"] + }, + "borderColor-accent-muted": { + "value": "#388bfd66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-accent-muted", + "attributes": {}, + "path": ["borderColor", "accent", "muted"] + }, + "borderColor-accent-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + } + }, + "name": "borderColor-accent-emphasis", + "attributes": {}, + "path": ["borderColor", "accent", "emphasis"] + }, + "borderColor-success-muted": { + "value": "#388bfd66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-success-muted", + "attributes": {}, + "path": ["borderColor", "success", "muted"] + }, + "borderColor-success-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + } + }, + "name": "borderColor-success-emphasis", + "attributes": {}, + "path": ["borderColor", "success", "emphasis"] + }, + "borderColor-attention-muted": { + "value": "#bb800966", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-attention-muted", + "attributes": {}, + "path": ["borderColor", "attention", "muted"] + }, + "borderColor-attention-emphasis": { + "value": "#9e6a03", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + } + }, + "name": "borderColor-attention-emphasis", + "attributes": {}, + "path": ["borderColor", "attention", "emphasis"] + }, + "borderColor-severe-muted": { + "value": "#db6d2866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-severe-muted", + "attributes": {}, + "path": ["borderColor", "severe", "muted"] + }, + "borderColor-severe-emphasis": { + "value": "#bd561d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + } + }, + "name": "borderColor-severe-emphasis", + "attributes": {}, + "path": ["borderColor", "severe", "emphasis"] + }, + "borderColor-danger-muted": { + "value": "#db6d2866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-danger-muted", + "attributes": {}, + "path": ["borderColor", "danger", "muted"] + }, + "borderColor-danger-emphasis": { + "value": "#bd561d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + } + }, + "name": "borderColor-danger-emphasis", + "attributes": {}, + "path": ["borderColor", "danger", "emphasis"] + }, + "borderColor-open-muted": { + "value": "#db6d2866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "alpha": 0.4, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-open-muted", + "attributes": {}, + "path": ["borderColor", "open", "muted"] + }, + "borderColor-open-emphasis": { + "value": "#db6d28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + } + }, + "name": "borderColor-open-emphasis", + "attributes": {}, + "path": ["borderColor", "open", "emphasis"] + }, + "borderColor-closed-muted": { + "value": "#6e768166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-closed-muted", + "attributes": {}, + "path": ["borderColor", "closed", "muted"] + }, + "borderColor-closed-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + } + }, + "name": "borderColor-closed-emphasis", + "attributes": {}, + "path": ["borderColor", "closed", "emphasis"] + }, + "borderColor-done-muted": { + "value": "#ab7df866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-done-muted", + "attributes": {}, + "path": ["borderColor", "done", "muted"] + }, + "borderColor-done-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + } + }, + "name": "borderColor-done-emphasis", + "attributes": {}, + "path": ["borderColor", "done", "emphasis"] + }, + "borderColor-upsell-muted": { + "value": "#ab7df866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-upsell-muted", + "attributes": {}, + "path": ["borderColor", "upsell", "muted"] + }, + "borderColor-upsell-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + } + }, + "name": "borderColor-upsell-emphasis", + "attributes": {}, + "path": ["borderColor", "upsell", "emphasis"] + }, + "borderColor-sponsors-muted": { + "value": "#db61a266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-sponsors-muted", + "attributes": {}, + "path": ["borderColor", "sponsors", "muted"] + }, + "borderColor-sponsors-emphasis": { + "value": "#bf4b8a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + } + }, + "name": "borderColor-sponsors-emphasis", + "attributes": {}, + "path": ["borderColor", "sponsors", "emphasis"] + }, + "color-ansi-black": { + "value": "#484f58", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black", + "attributes": {}, + "path": ["color", "ansi", "black"] + }, + "color-ansi-black-bright": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black-bright", + "attributes": {}, + "path": ["color", "ansi", "black-bright"] + }, + "color-ansi-white": { + "value": "#b1bac4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white", + "attributes": {}, + "path": ["color", "ansi", "white"] + }, + "color-ansi-white-bright": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white-bright", + "attributes": {}, + "path": ["color", "ansi", "white-bright"] + }, + "color-ansi-gray": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-gray", + "attributes": {}, + "path": ["color", "ansi", "gray"] + }, + "color-ansi-red": { + "value": "#f0883e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.color.orange.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-0", + "name": "color-ansi-red", "attributes": {}, - "path": ["color", "scale", "red", "0"] + "path": ["color", "ansi", "red"] }, - "color-scale-red-1": { - "value": "#ffc680", + "color-ansi-red-bright": { + "value": "#ffa657", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-1", + "name": "color-ansi-red-bright", "attributes": {}, - "path": ["color", "scale", "red", "1"] + "path": ["color", "ansi", "red-bright"] }, - "color-scale-red-2": { - "value": "#ffa657", + "color-ansi-green": { + "value": "#58a6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.color.blue.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-2", + "name": "color-ansi-green", "attributes": {}, - "path": ["color", "scale", "red", "2"] + "path": ["color", "ansi", "green"] }, - "color-scale-red-3": { - "value": "#f0883e", + "color-ansi-green-bright": { + "value": "#79c0ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.color.blue.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-3", + "name": "color-ansi-green-bright", "attributes": {}, - "path": ["color", "scale", "red", "3"] + "path": ["color", "ansi", "green-bright"] }, - "color-scale-red-4": { - "value": "#db6d28", + "color-ansi-yellow": { + "value": "#d29922", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.color.yellow.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-4", + "name": "color-ansi-yellow", "attributes": {}, - "path": ["color", "scale", "red", "4"] + "path": ["color", "ansi", "yellow"] }, - "color-scale-red-5": { - "value": "#bd561d", + "color-ansi-yellow-bright": { + "value": "#e3b341", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{base.color.yellow.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow-bright", + "attributes": {}, + "path": ["color", "ansi", "yellow-bright"] + }, + "color-ansi-blue": { + "value": "#58a6ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-5", + "name": "color-ansi-blue", "attributes": {}, - "path": ["color", "scale", "red", "5"] + "path": ["color", "ansi", "blue"] }, - "color-scale-red-6": { - "value": "#9b4215", + "color-ansi-blue-bright": { + "value": "#79c0ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.color.blue.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-6", + "name": "color-ansi-blue-bright", "attributes": {}, - "path": ["color", "scale", "red", "6"] + "path": ["color", "ansi", "blue-bright"] }, - "color-scale-red-7": { - "value": "#762d0a", + "color-ansi-magenta": { + "value": "#be8fff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.color.purple.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-7", + "name": "color-ansi-magenta", "attributes": {}, - "path": ["color", "scale", "red", "7"] + "path": ["color", "ansi", "magenta"] }, - "color-scale-red-8": { - "value": "#5a1e02", + "color-ansi-magenta-bright": { + "value": "#d2a8ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta-bright", + "attributes": {}, + "path": ["color", "ansi", "magenta-bright"] + }, + "color-ansi-cyan": { + "value": "#39c5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "#39c5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan", + "attributes": {}, + "path": ["color", "ansi", "cyan"] + }, + "color-ansi-cyan-bright": { + "value": "#56d4dd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "#56d4dd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-8", + "name": "color-ansi-cyan-bright", "attributes": {}, - "path": ["color", "scale", "red", "8"] + "path": ["color", "ansi", "cyan-bright"] }, - "color-scale-red-9": { - "value": "#3d1300", + "color-prettylights-syntax-comment": { + "value": "#8b949e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.9}", + "value": "{base.color.neutral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-9", + "name": "color-prettylights-syntax-comment", "attributes": {}, - "path": ["color", "scale", "red", "9"] + "path": ["color", "prettylights", "syntax", "comment"] }, - "color-scale-purple-0": { - "value": "#eddeff", + "color-prettylights-syntax-constant": { + "value": "#79c0ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{base.color.blue.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-0", + "name": "color-prettylights-syntax-constant", "attributes": {}, - "path": ["color", "scale", "purple", "0"] + "path": ["color", "prettylights", "syntax", "constant"] }, - "color-scale-purple-1": { - "value": "#e2c5ff", + "color-prettylights-syntax-constant-other-reference-link": { + "value": "#a5d6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.1}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-1", + "name": "color-prettylights-syntax-constant-other-reference-link", "attributes": {}, - "path": ["color", "scale", "purple", "1"] + "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] }, - "color-scale-purple-2": { + "color-prettylights-syntax-entity": { "value": "#d2a8ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-2", + "name": "color-prettylights-syntax-entity", "attributes": {}, - "path": ["color", "scale", "purple", "2"] + "path": ["color", "prettylights", "syntax", "entity"] }, - "color-scale-purple-3": { - "value": "#bc8cff", + "color-prettylights-syntax-storage-modifier-import": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-3", + "name": "color-prettylights-syntax-storage-modifier-import", "attributes": {}, - "path": ["color", "scale", "purple", "3"] + "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] }, - "color-scale-purple-4": { - "value": "#a371f7", + "color-prettylights-syntax-entity-tag": { + "value": "#a5d6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-4", + "name": "color-prettylights-syntax-entity-tag", "attributes": {}, - "path": ["color", "scale", "purple", "4"] + "path": ["color", "prettylights", "syntax", "entity-tag"] }, - "color-scale-purple-5": { - "value": "#8957e5", + "color-prettylights-syntax-keyword": { + "value": "#f0883e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.orange.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-5", + "name": "color-prettylights-syntax-keyword", "attributes": {}, - "path": ["color", "scale", "purple", "5"] + "path": ["color", "prettylights", "syntax", "keyword"] }, - "color-scale-purple-6": { - "value": "#6e40c9", + "color-prettylights-syntax-string": { + "value": "#a5d6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-6", + "name": "color-prettylights-syntax-string", "attributes": {}, - "path": ["color", "scale", "purple", "6"] + "path": ["color", "prettylights", "syntax", "string"] }, - "color-scale-purple-7": { - "value": "#553098", + "color-prettylights-syntax-variable": { + "value": "#ffa657", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.7}", + "value": "{base.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-7", + "name": "color-prettylights-syntax-variable", "attributes": {}, - "path": ["color", "scale", "purple", "7"] + "path": ["color", "prettylights", "syntax", "variable"] }, - "color-scale-purple-8": { - "value": "#3c1e70", + "color-prettylights-syntax-brackethighlighter-unmatched": { + "value": "#db6d28", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.purple.8}", + "value": "{base.color.orange.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-8", + "name": "color-prettylights-syntax-brackethighlighter-unmatched", "attributes": {}, - "path": ["color", "scale", "purple", "8"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] }, - "color-scale-purple-9": { - "value": "#271052", + "color-prettylights-syntax-brackethighlighter-angle": { + "value": "#8b949e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.9}", + "value": "{base.color.neutral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-9", + "name": "color-prettylights-syntax-brackethighlighter-angle", "attributes": {}, - "path": ["color", "scale", "purple", "9"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] }, - "color-scale-pink-0": { - "value": "#ffdaec", + "color-prettylights-syntax-invalid-illegal-text": { + "value": "#f0f6fc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-0", + "name": "color-prettylights-syntax-invalid-illegal-text", "attributes": {}, - "path": ["color", "scale", "pink", "0"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] }, - "color-scale-pink-1": { - "value": "#ffbedd", + "color-prettylights-syntax-invalid-illegal-bg": { + "value": "#762d0a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.pink.1}", + "value": "{base.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-1", + "name": "color-prettylights-syntax-invalid-illegal-bg", "attributes": {}, - "path": ["color", "scale", "pink", "1"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] }, - "color-scale-pink-2": { - "value": "#ff9bce", + "color-prettylights-syntax-carriage-return-text": { + "value": "#f0f6fc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.2}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-2", + "name": "color-prettylights-syntax-carriage-return-text", "attributes": {}, - "path": ["color", "scale", "pink", "2"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] }, - "color-scale-pink-3": { - "value": "#f778ba", + "color-prettylights-syntax-carriage-return-bg": { + "value": "#9b4215", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{base.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-3", + "name": "color-prettylights-syntax-carriage-return-bg", "attributes": {}, - "path": ["color", "scale", "pink", "3"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] }, - "color-scale-pink-4": { - "value": "#db61a2", + "color-prettylights-syntax-string-regexp": { + "value": "#a5d6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-4", + "name": "color-prettylights-syntax-string-regexp", "attributes": {}, - "path": ["color", "scale", "pink", "4"] + "path": ["color", "prettylights", "syntax", "string-regexp"] }, - "color-scale-pink-5": { - "value": "#bf4b8a", + "color-prettylights-syntax-markup-list": { + "value": "#f2cc60", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-5", + "name": "color-prettylights-syntax-markup-list", "attributes": {}, - "path": ["color", "scale", "pink", "5"] + "path": ["color", "prettylights", "syntax", "markup", "list"] }, - "color-scale-pink-6": { - "value": "#9e3670", + "color-prettylights-syntax-markup-heading": { + "value": "#1f6feb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.6}", + "value": "{base.color.blue.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-6", + "name": "color-prettylights-syntax-markup-heading", "attributes": {}, - "path": ["color", "scale", "pink", "6"] + "path": ["color", "prettylights", "syntax", "markup", "heading"] }, - "color-scale-pink-7": { - "value": "#7d2457", + "color-prettylights-syntax-markup-italic": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.7}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-7", + "name": "color-prettylights-syntax-markup-italic", "attributes": {}, - "path": ["color", "scale", "pink", "7"] + "path": ["color", "prettylights", "syntax", "markup", "italic"] }, - "color-scale-pink-8": { - "value": "#5e103e", + "color-prettylights-syntax-markup-bold": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.8}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-8", + "name": "color-prettylights-syntax-markup-bold", "attributes": {}, - "path": ["color", "scale", "pink", "8"] + "path": ["color", "prettylights", "syntax", "markup", "bold"] }, - "color-scale-pink-9": { - "value": "#42062a", + "color-prettylights-syntax-markup-deleted-text": { + "value": "#ffdfb6", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.pink.9}", + "value": "{base.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-9", + "name": "color-prettylights-syntax-markup-deleted-text", "attributes": {}, - "path": ["color", "scale", "pink", "9"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] }, - "color-scale-coral-0": { - "value": "#ffddd2", + "color-prettylights-syntax-markup-deleted-bg": { + "value": "#5a1e02", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.0}", + "value": "{base.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-0", + "name": "color-prettylights-syntax-markup-deleted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "0"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] }, - "color-scale-coral-1": { - "value": "#ffc2b2", + "color-prettylights-syntax-markup-inserted-text": { + "value": "#cae8ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.1}", + "value": "{base.color.blue.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-1", + "name": "color-prettylights-syntax-markup-inserted-text", "attributes": {}, - "path": ["color", "scale", "coral", "1"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] }, - "color-scale-coral-2": { - "value": "#ffa28b", + "color-prettylights-syntax-markup-inserted-bg": { + "value": "#0c2d6b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.2}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-2", + "name": "color-prettylights-syntax-markup-inserted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "2"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] }, - "color-scale-coral-3": { - "value": "#f78166", + "color-prettylights-syntax-markup-changed-text": { + "value": "#ffdfb6", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.coral.3}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } }, - "name": "color-scale-coral-3", - "attributes": {}, - "path": ["color", "scale", "coral", "3"] - }, - "color-scale-coral-4": { - "value": "#ea6045", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.4}", + "value": "{base.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-4", + "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, - "path": ["color", "scale", "coral", "4"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] }, - "color-scale-coral-5": { - "value": "#cf462d", + "color-prettylights-syntax-markup-changed-bg": { + "value": "#5a1e02", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.5}", + "value": "{base.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-5", + "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, - "path": ["color", "scale", "coral", "5"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] }, - "color-scale-coral-6": { - "value": "#ac3220", + "color-prettylights-syntax-markup-ignored-text": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-6", + "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, - "path": ["color", "scale", "coral", "6"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] }, - "color-scale-coral-7": { - "value": "#872012", + "color-prettylights-syntax-markup-ignored-bg": { + "value": "#1158c7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-7", + "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, - "path": ["color", "scale", "coral", "7"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] }, - "color-scale-coral-8": { - "value": "#640d04", + "color-prettylights-syntax-meta-diff-range": { + "value": "#d2a8ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.8}", + "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-8", + "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, - "path": ["color", "scale", "coral", "8"] + "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] }, - "color-scale-coral-9": { - "value": "#460701", + "color-prettylights-syntax-sublimelinter-gutter-mark": { + "value": "#484f58", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.9}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-9", + "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, - "path": ["color", "scale", "coral", "9"] + "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] }, "shadow-inset": { "value": "inset 0px 1px 0px 0px #0104093d", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10621,7 +16487,14 @@ "spread": "0px", "inset": true }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-inset", "attributes": {}, @@ -10630,6 +16503,13 @@ "shadow-resting-xsmall": { "value": "0px 1px 0px 0px #010409cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10642,15 +16522,29 @@ "spread": "0px", "inset": false }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"] }, "shadow-resting-small": { - "value": "0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966", + "value": "0px 1px 0px 0px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10663,18 +16557,16 @@ "blur": "0px", "spread": "0px", "inset": false - }, - { - "color": "{base.color.black}", - "alpha": 0.4, - "offsetX": "0px", - "offsetY": "1px", - "blur": "3px", - "spread": "0px", - "inset": false } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-small", "attributes": {}, @@ -10683,6 +16575,13 @@ "shadow-resting-medium": { "value": "0px 3px 6px 0px #010409cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10696,21 +16595,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"] }, "shadow-floating-small": { - "value": "0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", + "value": "0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10734,21 +16647,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"] }, "shadow-floating-medium": { - "value": "0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966", + "value": "0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10788,21 +16715,35 @@ "spread": "-24px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"] }, "shadow-floating-large": { - "value": "0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409", + "value": "0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10818,21 +16759,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"] }, "shadow-floating-xlarge": { - "value": "0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409", + "value": "0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10848,12 +16803,63 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"] }, + "shadow-floating-legacy": { + "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, + "filePath": "src/tokens/functional/shadow/dark.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "12px", + "spread": "-3px" + }, + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "18px", + "spread": "0px" + } + ], + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } + }, + "name": "shadow-floating-legacy", + "attributes": {}, + "path": ["shadow", "floating", "legacy"] + }, "outline-focus": { "value": "#1f6feb solid 2px", "$type": "border", diff --git a/dist/docs/functional/themes/dark-dimmed.json b/dist/docs/functional/themes/dark-dimmed.json index ad9c15ee6..cb73490f7 100644 --- a/dist/docs/functional/themes/dark-dimmed.json +++ b/dist/docs/functional/themes/dark-dimmed.json @@ -569,7 +569,7 @@ "path": ["codeMirror", "gutterMarker", "fgColor", "default"] }, "codeMirror-gutterMarker-fgColor-muted": { - "value": "#717e8b", + "value": "#778491", "$type": "color", "$extensions": { "org.primer.figma": { @@ -598,7 +598,7 @@ "path": ["codeMirror", "gutterMarker", "fgColor", "muted"] }, "codeMirror-lineNumber-fgColor": { - "value": "#717e8b", + "value": "#778491", "$type": "color", "$extensions": { "org.primer.figma": { @@ -785,7 +785,7 @@ "filePath": "src/tokens/functional/color/dark/app-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1048,7 +1048,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1078,7 +1078,7 @@ "isSource": true, "alpha": 0.95, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1108,7 +1108,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1137,7 +1137,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1166,7 +1166,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1181,148 +1181,124 @@ "attributes": {}, "path": ["headerSearch", "borderColor"] }, - "avatar-bgColor": { - "value": "#cdd9e51a", + "data-blue-color": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "avatar-bgColor", + "name": "data-blue-color", "attributes": {}, - "path": ["avatar", "bgColor"] + "path": ["data", "blue", "color", "@"] }, - "avatar-borderColor": { - "value": "#444c5680", + "data-blue-color-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.muted}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "avatar-borderColor", - "attributes": {}, - "path": ["avatar", "borderColor"] - }, - "avatar-shadow": { - "value": "0px 0px 0px 2px #22272e", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.gray.9}", - "alpha": 1, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "2px" - } - ], - "$type": "shadow" - }, - "name": "avatar-shadow", + "name": "data-blue-color-muted", "attributes": {}, - "path": ["avatar", "shadow"] + "path": ["data", "blue", "color", "muted"] }, - "avatarStack-fade-bgColor-default": { - "value": "#444c56", + "data-auburn-color": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-default", + "name": "data-auburn-color", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "default"] + "path": ["data", "auburn", "color", "@"] }, - "avatarStack-fade-bgColor-muted": { - "value": "#373e47", + "data-auburn-color-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-muted", + "name": "data-auburn-color-muted", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "muted"] + "path": ["data", "auburn", "color", "muted"] }, - "control-bgColor-rest": { - "value": "#373e47", + "data-orange-color": { + "value": "#984b10", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1332,10 +1308,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1346,12 +1322,12 @@ } } }, - "name": "control-bgColor-rest", + "name": "data-orange-color", "attributes": {}, - "path": ["control", "bgColor", "rest"] + "path": ["data", "orange", "color", "@"] }, - "control-bgColor-hover": { - "value": "#3d444e", + "data-orange-color-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1361,14 +1337,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#545d68", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1377,18 +1349,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-bgColor-hover", + "name": "data-orange-color-muted", "attributes": {}, - "path": ["control", "bgColor", "hover"] + "path": ["data", "orange", "color", "muted"] }, - "control-bgColor-active": { - "value": "#434a54", + "data-yellow-color": { + "value": "#895906", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1398,14 +1366,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#545d68", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1414,18 +1378,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "control-bgColor-active", + "name": "data-yellow-color", "attributes": {}, - "path": ["control", "bgColor", "active"] + "path": ["data", "yellow", "color", "@"] }, - "control-bgColor-disabled": { - "value": "#2d333b", + "data-yellow-color-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1435,10 +1395,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1449,12 +1409,12 @@ } } }, - "name": "control-bgColor-disabled", + "name": "data-yellow-color-muted", "attributes": {}, - "path": ["control", "bgColor", "disabled"] + "path": ["data", "yellow", "color", "muted"] }, - "control-bgColor-selected": { - "value": "#2d333b", + "data-green-color": { + "value": "#2f6f37", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1464,10 +1424,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1478,3375 +1438,3184 @@ } } }, - "name": "control-bgColor-selected", + "name": "data-green-color", "attributes": {}, - "path": ["control", "bgColor", "selected"] + "path": ["data", "green", "color", "@"] }, - "control-fgColor-rest": { - "value": "#adbac7", + "data-green-color-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-rest", + "name": "data-green-color-muted", "attributes": {}, - "path": ["control", "fgColor", "rest"] + "path": ["data", "green", "color", "muted"] }, - "control-fgColor-placeholder": { - "value": "#545d68", + "data-teal-color": { + "value": "#106c70", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-placeholder", + "name": "data-teal-color", "attributes": {}, - "path": ["control", "fgColor", "placeholder"] + "path": ["data", "teal", "color", "@"] }, - "control-fgColor-disabled": { - "value": "#768390", + "data-teal-color-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-disabled", + "name": "data-teal-color-muted", "attributes": {}, - "path": ["control", "fgColor", "disabled"] + "path": ["data", "teal", "color", "muted"] }, - "control-borderColor-rest": { - "value": "#444c56", + "data-purple-color": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-rest", + "name": "data-purple-color", "attributes": {}, - "path": ["control", "borderColor", "rest"] + "path": ["data", "purple", "color", "@"] }, - "control-borderColor-emphasis": { - "value": "#606b77", + "data-purple-color-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "mix": { - "color": "#545d68", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-borderColor-emphasis", + "name": "data-purple-color-muted", "attributes": {}, - "path": ["control", "borderColor", "emphasis"] + "path": ["data", "purple", "color", "muted"] }, - "control-borderColor-disabled": { - "value": "#2d333b", + "data-pink-color": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-disabled", + "name": "data-pink-color", "attributes": {}, - "path": ["control", "borderColor", "disabled"] + "path": ["data", "pink", "color", "@"] }, - "control-borderColor-selected": { - "value": "#cdd9e5", + "data-pink-color-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-selected", + "name": "data-pink-color-muted", "attributes": {}, - "path": ["control", "borderColor", "selected"] + "path": ["data", "pink", "color", "muted"] }, - "control-borderColor-success": { - "value": "#347d39", + "data-red-color": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-success", + "name": "data-red-color", "attributes": {}, - "path": ["control", "borderColor", "success"] + "path": ["data", "red", "color", "@"] }, - "control-borderColor-danger": { - "value": "#c93c37", + "data-red-color-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.danger.emphasis}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-danger", + "name": "data-red-color-muted", "attributes": {}, - "path": ["control", "borderColor", "danger"] + "path": ["data", "red", "color", "muted"] }, - "control-borderColor-warning": { - "value": "#966600", + "data-gray-color": { + "value": "#576270", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.attention.emphasis}", + "value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-warning", + "name": "data-gray-color", "attributes": {}, - "path": ["control", "borderColor", "warning"] + "path": ["data", "gray", "color", "@"] }, - "control-iconColor-rest": { - "value": "#717e8b", + "data-gray-color-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-iconColor-rest", + "name": "data-gray-color-muted", "attributes": {}, - "path": ["control", "iconColor", "rest"] + "path": ["data", "gray", "color", "muted"] }, - "control-transparent-bgColor-rest": { - "value": "#00000000", + "display-blue-bgColor-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-transparent-bgColor-rest", + "name": "display-blue-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "rest"] + "path": ["display", "blue", "bgColor", "muted"] }, - "control-transparent-bgColor-hover": { - "value": "#909dab1f", + "display-blue-bgColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.12, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.12 + } }, - "name": "control-transparent-bgColor-hover", + "name": "display-blue-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "hover"] + "path": ["display", "blue", "bgColor", "emphasis"] }, - "control-transparent-bgColor-active": { - "value": "#909dab33", + "display-blue-fgColor": { + "value": "#4da0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-active", + "name": "display-blue-fgColor", "attributes": {}, - "path": ["control", "transparent", "bgColor", "active"] + "path": ["display", "blue", "fgColor"] }, - "control-transparent-bgColor-disabled": { - "value": "#00000000", + "display-blue-borderColor-muted": { + "value": "#002766", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-transparent-bgColor-disabled", + "name": "display-blue-borderColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "disabled"] + "path": ["display", "blue", "borderColor", "muted"] }, - "control-transparent-bgColor-selected": { - "value": "#909dab14", + "display-blue-borderColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.08, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.08 + } }, - "name": "control-transparent-bgColor-selected", + "name": "display-blue-borderColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "selected"] + "path": ["display", "blue", "borderColor", "emphasis"] }, - "control-transparent-borderColor-rest": { - "value": "#00000000", + "display-green-bgColor-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-rest", + "name": "display-green-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "borderColor", "rest"] + "path": ["display", "green", "bgColor", "muted"] }, - "control-transparent-borderColor-hover": { - "value": "#00000000", + "display-green-bgColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-hover", + "name": "display-green-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "borderColor", "hover"] + "path": ["display", "green", "bgColor", "emphasis"] }, - "control-transparent-borderColor-active": { - "value": "#00000000", + "display-green-fgColor": { + "value": "#41b445", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-transparent-borderColor-active", + "name": "display-green-fgColor", "attributes": {}, - "path": ["control", "transparent", "borderColor", "active"] + "path": ["display", "green", "fgColor"] }, - "control-danger-fgColor-rest": { - "value": "#e5534b", + "display-green-borderColor-muted": { + "value": "#182f1f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-rest", + "name": "display-green-borderColor-muted", "attributes": {}, - "path": ["control", "danger", "fgColor", "rest"] + "path": ["display", "green", "borderColor", "muted"] }, - "control-danger-fgColor-hover": { - "value": "#f47067", + "display-green-borderColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-hover", + "name": "display-green-borderColor-emphasis", "attributes": {}, - "path": ["control", "danger", "fgColor", "hover"] + "path": ["display", "green", "borderColor", "emphasis"] }, - "control-danger-bgColor-hover": { - "value": "#e5534b1a", + "display-orange-bgColor-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-danger-bgColor-hover", + "name": "display-orange-bgColor-muted", "attributes": {}, - "path": ["control", "danger", "bgColor", "hover"] + "path": ["display", "orange", "bgColor", "muted"] }, - "control-danger-bgColor-active": { - "value": "#e5534b66", + "display-orange-bgColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-danger-bgColor-active", + "name": "display-orange-bgColor-emphasis", "attributes": {}, - "path": ["control", "danger", "bgColor", "active"] + "path": ["display", "orange", "bgColor", "emphasis"] }, - "control-checked-bgColor-rest": { - "value": "#316dca", + "display-orange-fgColor": { + "value": "#ed8326", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-checked-bgColor-rest", + "name": "display-orange-fgColor", "attributes": {}, - "path": ["control", "checked", "bgColor", "rest"] + "path": ["display", "orange", "fgColor"] }, - "control-checked-bgColor-hover": { - "value": "#3876d3", + "display-orange-borderColor-muted": { + "value": "#43200a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#539bf5", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-bgColor-hover", + "name": "display-orange-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "hover"] + "path": ["display", "orange", "borderColor", "muted"] }, - "control-checked-bgColor-active": { - "value": "#3f7fdb", + "display-orange-borderColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#539bf5", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-bgColor-active", + "name": "display-orange-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "bgColor", "active"] + "path": ["display", "orange", "borderColor", "emphasis"] }, - "control-checked-bgColor-disabled": { - "value": "#768390", + "display-purple-bgColor-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-checked-bgColor-disabled", + "name": "display-purple-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "disabled"] + "path": ["display", "purple", "bgColor", "muted"] }, - "control-checked-fgColor-rest": { - "value": "#cdd9e5", + "display-purple-bgColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-fgColor-rest", + "name": "display-purple-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "fgColor", "rest"] + "path": ["display", "purple", "bgColor", "emphasis"] }, - "control-checked-fgColor-disabled": { - "value": "#1c2128", + "display-purple-fgColor": { + "value": "#b687f7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "control-checked-fgColor-disabled", + "name": "display-purple-fgColor", "attributes": {}, - "path": ["control", "checked", "fgColor", "disabled"] + "path": ["display", "purple", "fgColor"] }, - "control-checked-borderColor-rest": { - "value": "#316dca", + "display-purple-borderColor-muted": { + "value": "#31146b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "control-checked-borderColor-rest", + "name": "display-purple-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "rest"] + "path": ["display", "purple", "borderColor", "muted"] }, - "control-checked-borderColor-hover": { - "value": "#3876d3", + "display-purple-borderColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "mix": { - "color": "#539bf5", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-borderColor-hover", + "name": "display-purple-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "hover"] + "path": ["display", "purple", "borderColor", "emphasis"] }, - "control-checked-borderColor-active": { - "value": "#3f7fdb", + "display-plum-bgColor-muted": { + "value": "#2a0e3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "mix": { - "color": "#539bf5", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-borderColor-active", + "name": "display-plum-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "active"] + "path": ["display", "plum", "bgColor", "muted"] }, - "control-checked-borderColor-disabled": { - "value": "#768390", + "display-plum-bgColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-borderColor-disabled", + "name": "display-plum-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "disabled"] + "path": ["display", "plum", "bgColor", "emphasis"] }, - "controlTrack-bgColor-rest": { - "value": "#373e47", + "display-plum-fgColor": { + "value": "#d07ef7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlTrack-bgColor-rest", + "name": "display-plum-fgColor", "attributes": {}, - "path": ["controlTrack", "bgColor", "rest"] + "path": ["display", "plum", "fgColor"] }, - "controlTrack-bgColor-hover": { - "value": "#3d444e", + "display-plum-borderColor-muted": { + "value": "#40125e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#545d68", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "controlTrack-bgColor-hover", + "name": "display-plum-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "hover"] + "path": ["display", "plum", "borderColor", "muted"] }, - "controlTrack-bgColor-active": { - "value": "#434a54", + "display-plum-borderColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#545d68", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "controlTrack-bgColor-active", + "name": "display-plum-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "bgColor", "active"] + "path": ["display", "plum", "borderColor", "emphasis"] }, - "controlTrack-bgColor-disabled": { - "value": "#768390", + "display-red-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlTrack-bgColor-disabled", + "name": "display-red-bgColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "disabled"] + "path": ["display", "red", "bgColor", "muted"] }, - "controlTrack-fgColor-rest": { - "value": "#717e8b", + "display-red-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "controlTrack-fgColor-rest", + "name": "display-red-bgColor-emphasis", "attributes": {}, - "path": ["controlTrack", "fgColor", "rest"] + "path": ["display", "red", "bgColor", "emphasis"] }, - "controlTrack-fgColor-disabled": { - "value": "#cdd9e5", + "display-red-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "controlTrack-fgColor-disabled", + "name": "display-red-fgColor", "attributes": {}, - "path": ["controlTrack", "fgColor", "disabled"] + "path": ["display", "red", "fgColor"] }, - "controlTrack-borderColor-rest": { - "value": "#00000000", + "display-red-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-rest", + "name": "display-red-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "borderColor", "rest"] + "path": ["display", "red", "borderColor", "muted"] }, - "controlTrack-borderColor-disabled": { - "value": "#768390", + "display-red-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-disabled", + "name": "display-red-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "borderColor", "disabled"] + "path": ["display", "red", "borderColor", "emphasis"] }, - "controlKnob-bgColor-rest": { - "value": "#1c2128", + "display-coral-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-rest", + "name": "display-coral-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "bgColor", "rest"] + "path": ["display", "coral", "bgColor", "muted"] }, - "controlKnob-bgColor-disabled": { - "value": "#2d333b", + "display-coral-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-disabled", + "name": "display-coral-bgColor-emphasis", "attributes": {}, - "path": ["controlKnob", "bgColor", "disabled"] + "path": ["display", "coral", "bgColor", "emphasis"] }, - "controlKnob-bgColor-checked": { - "value": "#cdd9e5", + "display-coral-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlKnob-bgColor-checked", + "name": "display-coral-fgColor", "attributes": {}, - "path": ["controlKnob", "bgColor", "checked"] + "path": ["display", "coral", "fgColor"] }, - "controlKnob-borderColor-rest": { - "value": "#606b77", + "display-coral-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.emphasis}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-rest", + "name": "display-coral-borderColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "rest"] + "path": ["display", "coral", "borderColor", "muted"] }, - "controlKnob-borderColor-disabled": { - "value": "#2d333b", + "display-coral-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-disabled", + "name": "display-coral-borderColor-emphasis", "attributes": {}, - "path": ["controlKnob", "borderColor", "disabled"] + "path": ["display", "coral", "borderColor", "emphasis"] }, - "controlKnob-borderColor-checked": { - "value": "#316dca", + "display-yellow-bgColor-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.checked.bgColor.rest}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "controlKnob-borderColor-checked", + "name": "display-yellow-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "checked"] + "path": ["display", "yellow", "bgColor", "muted"] }, - "counter-borderColor": { - "value": "#00000000", + "display-yellow-bgColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "counter-borderColor", + "name": "display-yellow-bgColor-emphasis", "attributes": {}, - "path": ["counter", "borderColor"] + "path": ["display", "yellow", "bgColor", "emphasis"] }, - "button-default-fgColor-rest": { - "value": "#adbac7", + "display-yellow-fgColor": { + "value": "#d3910d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.rest}", + "value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-default-fgColor-rest", + "name": "display-yellow-fgColor", "attributes": {}, - "path": ["button", "default", "fgColor", "rest"] + "path": ["display", "yellow", "fgColor"] }, - "button-default-bgColor-rest": { - "value": "#373e47", + "display-yellow-borderColor-muted": { + "value": "#3d2401", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-rest", + "name": "display-yellow-borderColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "rest"] + "path": ["display", "yellow", "borderColor", "muted"] }, - "button-default-bgColor-hover": { - "value": "#3d444e", + "display-yellow-borderColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.hover}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-hover", + "name": "display-yellow-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "hover"] + "path": ["display", "yellow", "borderColor", "emphasis"] }, - "button-default-bgColor-active": { - "value": "#434a54", + "display-gray-bgColor-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-active", + "name": "display-gray-bgColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "active"] + "path": ["display", "gray", "bgColor", "muted"] }, - "button-default-bgColor-selected": { - "value": "#434a54", + "display-gray-bgColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-selected", + "name": "display-gray-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "selected"] + "path": ["display", "gray", "bgColor", "emphasis"] }, - "button-default-bgColor-disabled": { - "value": "#2d333b", + "display-gray-fgColor": { + "value": "#92a1b5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-default-bgColor-disabled", + "name": "display-gray-fgColor", "attributes": {}, - "path": ["button", "default", "bgColor", "disabled"] + "path": ["display", "gray", "fgColor"] }, - "button-default-borderColor-rest": { - "value": "#444c56", + "display-gray-borderColor-muted": { + "value": "#2a2b2d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-rest", + "name": "display-gray-borderColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "rest"] + "path": ["display", "gray", "borderColor", "muted"] }, - "button-default-borderColor-hover": { - "value": "#444c56", + "display-gray-borderColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-hover", + "name": "display-gray-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "borderColor", "hover"] + "path": ["display", "gray", "borderColor", "emphasis"] }, - "button-default-borderColor-active": { - "value": "#444c56", + "display-auburn-bgColor-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-active", + "name": "display-auburn-bgColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "active"] + "path": ["display", "auburn", "bgColor", "muted"] }, - "button-default-borderColor-disabled": { - "value": "#2d333b", + "display-auburn-bgColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-disabled", - "attributes": {}, - "path": ["button", "default", "borderColor", "disabled"] - }, - "button-default-shadow-resting": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-default-shadow-resting", + "name": "display-auburn-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "shadow", "resting"] + "path": ["display", "auburn", "bgColor", "emphasis"] }, - "button-primary-fgColor-rest": { - "value": "#cdd9e5", + "display-auburn-fgColor": { + "value": "#bf9592", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-primary-fgColor-rest", + "name": "display-auburn-fgColor", "attributes": {}, - "path": ["button", "primary", "fgColor", "rest"] + "path": ["display", "auburn", "fgColor"] }, - "button-primary-fgColor-disabled": { - "value": "#cdd9e580", + "display-auburn-borderColor-muted": { + "value": "#3a2422", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-primary-fgColor-disabled", + "name": "display-auburn-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "fgColor", "disabled"] + "path": ["display", "auburn", "borderColor", "muted"] }, - "button-primary-iconColor-rest": { - "value": "#cdd9e5", + "display-auburn-borderColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-primary-iconColor-rest", + "name": "display-auburn-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "iconColor", "rest"] + "path": ["display", "auburn", "borderColor", "emphasis"] }, - "button-primary-bgColor-rest": { - "value": "#347d39", + "display-brown-bgColor-muted": { + "value": "#241c14", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-primary-bgColor-rest", + "name": "display-brown-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "rest"] + "path": ["display", "brown", "bgColor", "muted"] }, - "button-primary-bgColor-hover": { - "value": "#3b8640", + "display-brown-bgColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "mix": { - "color": "#57ab5a", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.green.3}", - "weight": 0.2 } }, - "name": "button-primary-bgColor-hover", + "name": "display-brown-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "hover"] + "path": ["display", "brown", "bgColor", "emphasis"] }, - "button-primary-bgColor-active": { - "value": "#428f46", + "display-brown-fgColor": { + "value": "#b69a6d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "mix": { - "color": "#57ab5a", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.green.3}", - "weight": 0.4 } }, - "name": "button-primary-bgColor-active", + "name": "display-brown-fgColor", "attributes": {}, - "path": ["button", "primary", "bgColor", "active"] + "path": ["display", "brown", "fgColor"] }, - "button-primary-bgColor-disabled": { - "value": "#50a254", + "display-brown-borderColor-muted": { + "value": "#342a1d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#57ab5a", - "weight": 0.6 - }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.green.3}", - "weight": 0.6 } }, - "name": "button-primary-bgColor-disabled", + "name": "display-brown-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "disabled"] + "path": ["display", "brown", "borderColor", "muted"] }, - "button-primary-borderColor-rest": { - "value": "#cdd9e51a", + "display-brown-borderColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-primary-borderColor-rest", + "name": "display-brown-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "rest"] + "path": ["display", "brown", "borderColor", "emphasis"] }, - "button-primary-borderColor-hover": { - "value": "#cdd9e51a", + "display-lemon-bgColor-muted": { + "value": "#291d00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-hover", + "name": "display-lemon-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "hover"] + "path": ["display", "lemon", "bgColor", "muted"] }, - "button-primary-borderColor-active": { - "value": "#cdd9e51a", + "display-lemon-bgColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-active", + "name": "display-lemon-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "active"] + "path": ["display", "lemon", "bgColor", "emphasis"] }, - "button-primary-borderColor-disabled": { - "value": "#50a254", + "display-lemon-fgColor": { + "value": "#ba9b12", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.bgColor.disabled}", + "value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-primary-borderColor-disabled", - "attributes": {}, - "path": ["button", "primary", "borderColor", "disabled"] - }, - "button-primary-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-primary-shadow-selected", + "name": "display-lemon-fgColor", "attributes": {}, - "path": ["button", "primary", "shadow", "selected"] + "path": ["display", "lemon", "fgColor"] }, - "button-invisible-fgColor-rest": { - "value": "#3b7cdb", + "display-lemon-borderColor-muted": { + "value": "#372901", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-rest", + "name": "display-lemon-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "rest"] + "path": ["display", "lemon", "borderColor", "muted"] }, - "button-invisible-fgColor-hover": { - "value": "#539bf5", + "display-lemon-borderColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-hover", + "name": "display-lemon-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "fgColor", "hover"] + "path": ["display", "lemon", "borderColor", "emphasis"] }, - "button-invisible-fgColor-disabled": { - "value": "#768390", + "display-olive-bgColor-muted": { + "value": "#171e0b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-fgColor-disabled", + "name": "display-olive-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "disabled"] + "path": ["display", "olive", "bgColor", "muted"] }, - "button-invisible-iconColor-rest": { - "value": "#717e8b", + "display-olive-bgColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-rest", + "name": "display-olive-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "iconColor", "rest"] + "path": ["display", "olive", "bgColor", "emphasis"] }, - "button-invisible-iconColor-hover": { - "value": "#717e8b", + "display-olive-fgColor": { + "value": "#a2a626", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-invisible-iconColor-hover", + "name": "display-olive-fgColor", "attributes": {}, - "path": ["button", "invisible", "iconColor", "hover"] + "path": ["display", "olive", "fgColor"] }, - "button-invisible-iconColor-disabled": { - "value": "#768390", + "display-olive-borderColor-muted": { + "value": "#252d10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-iconColor-disabled", + "name": "display-olive-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "iconColor", "disabled"] + "path": ["display", "olive", "borderColor", "muted"] }, - "button-invisible-bgColor-rest": { - "value": "#00000000", + "display-olive-borderColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.rest}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-rest", + "name": "display-olive-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "rest"] + "path": ["display", "olive", "borderColor", "emphasis"] }, - "button-invisible-bgColor-hover": { - "value": "#909dab1f", + "display-lime-bgColor-muted": { + "value": "#141f0f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.hover}", + "value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-invisible-bgColor-hover", + "name": "display-lime-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "hover"] + "path": ["display", "lime", "bgColor", "muted"] }, - "button-invisible-bgColor-active": { - "value": "#909dab33", + "display-lime-bgColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.active}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-invisible-bgColor-active", + "name": "display-lime-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "active"] + "path": ["display", "lime", "bgColor", "emphasis"] }, - "button-invisible-bgColor-disabled": { - "value": "#00000000", + "display-lime-fgColor": { + "value": "#7dae37", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.disabled}", + "value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-invisible-bgColor-disabled", + "name": "display-lime-fgColor", "attributes": {}, - "path": ["button", "invisible", "bgColor", "disabled"] + "path": ["display", "lime", "fgColor"] }, - "button-invisible-borderColor-rest": { - "value": "#00000000", + "display-lime-borderColor-muted": { + "value": "#1f3116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.rest}", + "value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-rest", + "name": "display-lime-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "rest"] + "path": ["display", "lime", "borderColor", "muted"] }, - "button-invisible-borderColor-hover": { - "value": "#00000000", + "display-lime-borderColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.hover}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-hover", + "name": "display-lime-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "borderColor", "hover"] + "path": ["display", "lime", "borderColor", "emphasis"] }, - "button-invisible-borderColor-disabled": { - "value": "#2d333b", + "display-pine-bgColor-muted": { + "value": "#082119", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-borderColor-disabled", + "name": "display-pine-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "disabled"] + "path": ["display", "pine", "bgColor", "muted"] }, - "button-outline-fgColor-rest": { - "value": "#4184e4", + "display-pine-bgColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-rest", + "name": "display-pine-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "rest"] + "path": ["display", "pine", "bgColor", "emphasis"] }, - "button-outline-fgColor-hover": { - "value": "#539bf5", + "display-pine-fgColor": { + "value": "#1bb673", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-outline-fgColor-hover", + "name": "display-pine-fgColor", "attributes": {}, - "path": ["button", "outline", "fgColor", "hover"] + "path": ["display", "pine", "fgColor"] }, - "button-outline-fgColor-active": { - "value": "#cdd9e5", + "display-pine-borderColor-muted": { + "value": "#0b3224", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-fgColor-active", + "name": "display-pine-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "active"] + "path": ["display", "pine", "borderColor", "muted"] }, - "button-outline-fgColor-disabled": { - "value": "#3b7cdb80", + "display-pine-borderColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-outline-fgColor-disabled", + "name": "display-pine-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "disabled"] + "path": ["display", "pine", "borderColor", "emphasis"] }, - "button-outline-bgColor-rest": { - "value": "#cdd9e5", + "display-teal-bgColor-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-rest", + "name": "display-teal-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "rest"] + "path": ["display", "teal", "bgColor", "muted"] }, - "button-outline-bgColor-hover": { - "value": "#444c56", + "display-teal-bgColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-hover", + "name": "display-teal-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "hover"] + "path": ["display", "teal", "bgColor", "emphasis"] }, - "button-outline-bgColor-active": { - "value": "#1b4b91", + "display-teal-fgColor": { + "value": "#1cb0ab", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-outline-bgColor-active", + "name": "display-teal-fgColor", "attributes": {}, - "path": ["button", "outline", "bgColor", "active"] + "path": ["display", "teal", "fgColor"] }, - "button-outline-bgColor-disabled": { - "value": "#22272e", + "display-teal-borderColor-muted": { + "value": "#073036", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-bgColor-disabled", + "name": "display-teal-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "disabled"] + "path": ["display", "teal", "borderColor", "muted"] }, - "button-outline-borderColor-hover": { - "value": "#cdd9e51a", + "display-teal-borderColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-outline-borderColor-hover", + "name": "display-teal-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "borderColor", "hover"] + "path": ["display", "teal", "borderColor", "emphasis"] }, - "button-outline-borderColor-selected": { - "value": "#cdd9e51a", + "display-cyan-bgColor-muted": { + "value": "#001f29", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.outline.borderColor.hover}", + "value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-borderColor-selected", - "attributes": {}, - "path": ["button", "outline", "borderColor", "selected"] - }, - "button-outline-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-outline-shadow-selected", + "name": "display-cyan-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "shadow", "selected"] + "path": ["display", "cyan", "bgColor", "muted"] }, - "button-danger-fgColor-rest": { - "value": "#e5534b", + "display-cyan-bgColor-emphasis": { + "value": "#0587b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-rest", + "name": "display-cyan-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "rest"] + "path": ["display", "cyan", "bgColor", "emphasis"] }, - "button-danger-fgColor-hover": { - "value": "#cdd9e5", + "display-cyan-fgColor": { + "value": "#07ace4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-danger-fgColor-hover", + "name": "display-cyan-fgColor", "attributes": {}, - "path": ["button", "danger", "fgColor", "hover"] + "path": ["display", "cyan", "fgColor"] }, - "button-danger-fgColor-active": { - "value": "#cdd9e5", + "display-cyan-borderColor-muted": { + "value": "#002e3d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-fgColor-active", + "name": "display-cyan-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "active"] + "path": ["display", "cyan", "borderColor", "muted"] }, - "button-danger-fgColor-disabled": { - "value": "#e5534b80", + "display-cyan-borderColor-emphasis": { + "value": "#0587b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-danger-fgColor-disabled", + "name": "display-cyan-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "disabled"] + "path": ["display", "cyan", "borderColor", "emphasis"] }, - "button-danger-iconColor-rest": { - "value": "#e5534b", + "display-indigo-bgColor-muted": { + "value": "#1b183f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-rest", + "name": "display-indigo-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "iconColor", "rest"] + "path": ["display", "indigo", "bgColor", "muted"] }, - "button-danger-iconColor-hover": { - "value": "#cdd9e5", + "display-indigo-bgColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-hover", + "name": "display-indigo-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "iconColor", "hover"] + "path": ["display", "indigo", "bgColor", "emphasis"] }, - "button-danger-bgColor-rest": { - "value": "#373e47", + "display-indigo-fgColor": { + "value": "#9899ec", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-bgColor-rest", + "name": "display-indigo-fgColor", "attributes": {}, - "path": ["button", "danger", "bgColor", "rest"] + "path": ["display", "indigo", "fgColor"] }, - "button-danger-bgColor-hover": { - "value": "#ad2e2c", + "display-indigo-borderColor-muted": { + "value": "#25215f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-hover", + "name": "display-indigo-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "hover"] + "path": ["display", "indigo", "borderColor", "muted"] }, - "button-danger-bgColor-active": { - "value": "#c33d38", + "display-indigo-borderColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#e5534b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.red.4}", - "weight": 0.4 } }, - "name": "button-danger-bgColor-active", + "name": "display-indigo-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "active"] + "path": ["display", "indigo", "borderColor", "emphasis"] }, - "button-danger-bgColor-disabled": { - "value": "#2d333b", + "display-pink-bgColor-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-danger-bgColor-disabled", + "name": "display-pink-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "disabled"] + "path": ["display", "pink", "bgColor", "muted"] }, - "button-danger-borderColor-rest": { - "value": "#444c56", + "display-pink-bgColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-borderColor-rest", + "name": "display-pink-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "borderColor", "rest"] + "path": ["display", "pink", "bgColor", "emphasis"] }, - "button-danger-borderColor-hover": { - "value": "#cdd9e51a", + "display-pink-fgColor": { + "value": "#e57bb2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-danger-borderColor-hover", + "name": "display-pink-fgColor", "attributes": {}, - "path": ["button", "danger", "borderColor", "hover"] + "path": ["display", "pink", "fgColor"] }, - "button-danger-borderColor-active": { - "value": "#cdd9e51a", + "display-pink-borderColor-muted": { + "value": "#451c35", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.danger.borderColor.hover}", + "value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-danger-borderColor-active", - "attributes": {}, - "path": ["button", "danger", "borderColor", "active"] - }, - "button-danger-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-danger-shadow-selected", + "name": "display-pink-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "shadow", "selected"] + "path": ["display", "pink", "borderColor", "muted"] }, - "button-inactive-fgColor-rest": { - "value": "#768390", + "display-pink-borderColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-fgColor-rest", + "name": "display-pink-borderColor-emphasis", "attributes": {}, - "path": ["button", "inactive", "fgColor", "rest"] + "path": ["display", "pink", "borderColor", "emphasis"] }, - "button-inactive-bgColor-rest": { - "value": "#373e47", + "avatar-bgColor": { + "value": "#cdd9e51a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", "scopes": ["bgColor"] } }, + "alpha": 0.1, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "button-inactive-bgColor-rest", + "name": "avatar-bgColor", "attributes": {}, - "path": ["button", "inactive", "bgColor", "rest"] + "path": ["avatar", "bgColor"] }, - "buttonCounter-default-bgColor-rest": { - "value": "#444c56", + "avatar-borderColor": { + "value": "#cdd9e526", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, + "alpha": 0.15, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "buttonCounter-default-bgColor-rest", + "name": "avatar-borderColor", "attributes": {}, - "path": ["buttonCounter", "default", "bgColor", "rest"] + "path": ["avatar", "borderColor"] }, - "buttonCounter-invisible-bgColor-rest": { - "value": "#444c56", - "$type": "color", + "avatar-shadow": { + "value": "0px 0px 0px 2px #22272e", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "mode": "light", + "group": "component shadow" } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", - "$type": "color", + "value": [ + { + "color": "{base.color.neutral.9}", + "alpha": 1, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "2px" + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "mode": "light", + "group": "component shadow" } - }, - "alpha": 1 + } }, - "name": "buttonCounter-invisible-bgColor-rest", + "name": "avatar-shadow", "attributes": {}, - "path": ["buttonCounter", "invisible", "bgColor", "rest"] + "path": ["avatar", "shadow"] }, - "buttonCounter-primary-bgColor-rest": { - "value": "#11341733", + "avatarStack-fade-bgColor-default": { + "value": "#444c56", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4856,11 +4625,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4869,15 +4637,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-primary-bgColor-rest", + "name": "avatarStack-fade-bgColor-default", "attributes": {}, - "path": ["buttonCounter", "primary", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "default"] }, - "buttonCounter-outline-bgColor-rest": { - "value": "#0f2d5c33", + "avatarStack-fade-bgColor-muted": { + "value": "#373e47", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4887,11 +4654,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4900,5719 +4666,11819 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-rest", + "name": "avatarStack-fade-bgColor-muted", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "muted"] }, - "buttonCounter-outline-bgColor-hover": { - "value": "#0f2d5c33", + "control-bgColor-rest": { + "value": "#373e47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-hover", + "name": "control-bgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "hover"] + "path": ["control", "bgColor", "rest"] }, - "buttonCounter-outline-bgColor-disabled": { - "value": "#316dca0d", + "control-bgColor-hover": { + "value": "#3d444e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05, + "mix": { + "color": "#545d68", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-disabled", + "name": "control-bgColor-hover", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "disabled"] + "path": ["control", "bgColor", "hover"] }, - "buttonCounter-outline-fgColor-rest": { - "value": "#4184e4", + "control-bgColor-active": { + "value": "#434a54", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "mix": { + "color": "#545d68", + "weight": 0.4 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 } }, - "name": "buttonCounter-outline-fgColor-rest", + "name": "control-bgColor-active", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "rest"] + "path": ["control", "bgColor", "active"] }, - "buttonCounter-outline-fgColor-hover": { - "value": "#539bf5", + "control-bgColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "buttonCounter-outline-fgColor-hover", + "name": "control-bgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "hover"] + "path": ["control", "bgColor", "disabled"] }, - "buttonCounter-outline-fgColor-disabled": { - "value": "#3b7cdb80", + "control-bgColor-selected": { + "value": "#2d333b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-outline-fgColor-disabled", + "name": "control-bgColor-selected", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "disabled"] + "path": ["control", "bgColor", "selected"] }, - "buttonCounter-danger-bgColor-hover": { - "value": "#cdd9e533", + "control-fgColor-rest": { + "value": "#adbac7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-hover", + "name": "control-fgColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "hover"] + "path": ["control", "fgColor", "rest"] }, - "buttonCounter-danger-bgColor-disabled": { - "value": "#c93c370d", + "control-fgColor-placeholder": { + "value": "#545d68", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-danger-bgColor-disabled", + "name": "control-fgColor-placeholder", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "disabled"] + "path": ["control", "fgColor", "placeholder"] }, - "buttonCounter-danger-bgColor-rest": { - "value": "#5d0f1233", + "control-fgColor-disabled": { + "value": "#636e7b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-rest", + "name": "control-fgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "rest"] + "path": ["control", "fgColor", "disabled"] }, - "buttonCounter-danger-fgColor-rest": { - "value": "#e5534b", + "control-borderColor-rest": { + "value": "#444c56", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "buttonCounter-danger-fgColor-rest", + "name": "control-borderColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "rest"] + "path": ["control", "borderColor", "rest"] }, - "buttonCounter-danger-fgColor-hover": { - "value": "#cdd9e5", + "control-borderColor-emphasis": { + "value": "#606b77", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, + "mix": { + "color": "#545d68", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "buttonCounter-danger-fgColor-hover", + "name": "control-borderColor-emphasis", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "hover"] + "path": ["control", "borderColor", "emphasis"] }, - "buttonCounter-danger-fgColor-disabled": { - "value": "#e5534b80", + "control-borderColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-danger-fgColor-disabled", + "name": "control-borderColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "disabled"] + "path": ["control", "borderColor", "disabled"] }, - "focus-outlineColor": { - "value": "#316dca", + "control-borderColor-selected": { + "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.accent.emphasis}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "focus-outlineColor", + "name": "control-borderColor-selected", "attributes": {}, - "path": ["focus", "outlineColor"] + "path": ["control", "borderColor", "selected"] }, - "menu-bgColor-active": { - "value": "#2d333b", + "control-borderColor-success": { + "value": "#347d39", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "menu-bgColor-active", + "name": "control-borderColor-success", "attributes": {}, - "path": ["menu", "bgColor", "active"] + "path": ["control", "borderColor", "success"] }, - "overlay-bgColor": { - "value": "#2d333b", + "control-borderColor-danger": { + "value": "#c93c37", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "overlay-bgColor", + "name": "control-borderColor-danger", "attributes": {}, - "path": ["overlay", "bgColor"] + "path": ["control", "borderColor", "danger"] }, - "overlay-backdrop-bgColor": { - "value": "#2d333b66", + "control-borderColor-warning": { + "value": "#966600", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.4, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "overlay-backdrop-bgColor", + "name": "control-borderColor-warning", "attributes": {}, - "path": ["overlay", "backdrop", "bgColor"] + "path": ["control", "borderColor", "warning"] }, - "selectMenu-borderColor": { - "value": "#545d68", + "control-iconColor-rest": { + "value": "#778491", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "selectMenu-borderColor", + "name": "control-iconColor-rest", "attributes": {}, - "path": ["selectMenu", "borderColor"] + "path": ["control", "iconColor", "rest"] }, - "selectMenu-bgColor-active": { - "value": "#143d79", + "control-transparent-bgColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "selectMenu-bgColor-active", + "name": "control-transparent-bgColor-rest", "attributes": {}, - "path": ["selectMenu", "bgColor", "active"] + "path": ["control", "transparent", "bgColor", "rest"] }, - "sideNav-bgColor-selected": { - "value": "#373e47", + "control-transparent-bgColor-hover": { + "value": "#909dab1f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.12, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.12 }, - "name": "sideNav-bgColor-selected", + "name": "control-transparent-bgColor-hover", "attributes": {}, - "path": ["sideNav", "bgColor", "selected"] + "path": ["control", "transparent", "bgColor", "hover"] }, - "skeletonLoader-bgColor": { - "value": "#2d333b", + "control-transparent-bgColor-active": { + "value": "#909dab33", "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.muted}", - "$type": "color" + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "skeletonLoader-bgColor", + "name": "control-transparent-bgColor-active", "attributes": {}, - "path": ["skeletonLoader", "bgColor"] + "path": ["control", "transparent", "bgColor", "active"] }, - "timelineBadge-bgColor": { - "value": "#373e47", + "control-transparent-bgColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "timelineBadge-bgColor", + "name": "control-transparent-bgColor-disabled", "attributes": {}, - "path": ["timelineBadge", "bgColor"] + "path": ["control", "transparent", "bgColor", "disabled"] }, - "treeViewItem-leadingVisual-iconColor-rest": { - "value": "#717e8b", + "control-transparent-bgColor-selected": { + "value": "#909dab14", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.08, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.08 }, - "name": "treeViewItem-leadingVisual-iconColor-rest", + "name": "control-transparent-bgColor-selected", "attributes": {}, - "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] + "path": ["control", "transparent", "bgColor", "selected"] }, - "underlineNav-borderColor-active": { - "value": "#ec775c", + "control-transparent-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-active", + "name": "control-transparent-borderColor-rest", "attributes": {}, - "path": ["underlineNav", "borderColor", "active"] + "path": ["control", "transparent", "borderColor", "rest"] }, - "underlineNav-borderColor-hover": { - "value": "#636e7b66", + "control-transparent-borderColor-hover": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.neutral.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-hover", + "name": "control-transparent-borderColor-hover", "attributes": {}, - "path": ["underlineNav", "borderColor", "hover"] + "path": ["control", "transparent", "borderColor", "hover"] }, - "underlineNav-iconColor-rest": { - "value": "#717e8b", + "control-transparent-borderColor-active": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "underlineNav-iconColor-rest", + "name": "control-transparent-borderColor-active", "attributes": {}, - "path": ["underlineNav", "iconColor", "rest"] + "path": ["control", "transparent", "borderColor", "active"] }, - "fgColor-default": { - "value": "#c5d1de", + "control-danger-fgColor-rest": { + "value": "#e5534b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#adbac7", - "weight": 0.25 - }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.gray.1}", - "weight": 0.25 } }, - "name": "fgColor-default", + "name": "control-danger-fgColor-rest", "attributes": {}, - "path": ["fgColor", "default"] + "path": ["control", "danger", "fgColor", "rest"] }, - "fgColor-muted": { - "value": "#717e8b", + "control-danger-fgColor-hover": { + "value": "#f47067", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#636e7b", - "weight": 0.25 - }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.red.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.gray.4}", - "weight": 0.25 } }, - "name": "fgColor-muted", + "name": "control-danger-fgColor-hover", "attributes": {}, - "path": ["fgColor", "muted"] + "path": ["control", "danger", "fgColor", "hover"] }, - "fgColor-onEmphasis": { - "value": "#cdd9e5", + "control-danger-bgColor-hover": { + "value": "#e5534b1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-onEmphasis", + "name": "control-danger-bgColor-hover", "attributes": {}, - "path": ["fgColor", "onEmphasis"] + "path": ["control", "danger", "bgColor", "hover"] }, - "fgColor-disabled": { - "value": "#768390", + "control-danger-bgColor-active": { + "value": "#e5534b66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "fgColor-disabled", + "name": "control-danger-bgColor-active", "attributes": {}, - "path": ["fgColor", "disabled"] + "path": ["control", "danger", "bgColor", "active"] }, - "fgColor-link": { - "value": "#3b7cdb", + "control-checked-bgColor-rest": { + "value": "#316dca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-link", + "name": "control-checked-bgColor-rest", "attributes": {}, - "path": ["fgColor", "link", "@"] + "path": ["control", "checked", "bgColor", "rest"] }, - "fgColor-neutral": { - "value": "#636e7b", + "control-checked-bgColor-hover": { + "value": "#3876d3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#539bf5", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-neutral", + "name": "control-checked-bgColor-hover", "attributes": {}, - "path": ["fgColor", "neutral", "@"] + "path": ["control", "checked", "bgColor", "hover"] }, - "fgColor-accent": { - "value": "#3b7cdb", + "control-checked-bgColor-active": { + "value": "#3f7fdb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "#316dca", - "weight": 0.35 + "color": "#539bf5", + "weight": 0.4 }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "{base.color.blue.5}", - "weight": 0.35 + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-accent", + "name": "control-checked-bgColor-active", "attributes": {}, - "path": ["fgColor", "accent", "@"] + "path": ["control", "checked", "bgColor", "active"] }, - "fgColor-success": { - "value": "#57ab5a", + "control-checked-bgColor-disabled": { + "value": "#636e7b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-success", + "name": "control-checked-bgColor-disabled", "attributes": {}, - "path": ["fgColor", "success", "@"] + "path": ["control", "checked", "bgColor", "disabled"] }, - "fgColor-attention": { - "value": "#c69026", + "control-checked-fgColor-rest": { + "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-attention", + "name": "control-checked-fgColor-rest", "attributes": {}, - "path": ["fgColor", "attention", "@"] + "path": ["control", "checked", "fgColor", "rest"] }, - "fgColor-severe": { - "value": "#cc6b2c", + "control-checked-fgColor-disabled": { + "value": "#1c2128", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-severe", + "name": "control-checked-fgColor-disabled", "attributes": {}, - "path": ["fgColor", "severe", "@"] + "path": ["control", "checked", "fgColor", "disabled"] }, - "fgColor-danger": { - "value": "#e5534b", + "control-checked-borderColor-rest": { + "value": "#316dca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-danger", + "name": "control-checked-borderColor-rest", "attributes": {}, - "path": ["fgColor", "danger", "@"] + "path": ["control", "checked", "borderColor", "rest"] }, - "fgColor-open": { - "value": "#57ab5a", + "control-checked-borderColor-hover": { + "value": "#3876d3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#539bf5", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.success.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-open", + "name": "control-checked-borderColor-hover", "attributes": {}, - "path": ["fgColor", "open", "@"] + "path": ["control", "checked", "borderColor", "hover"] }, - "fgColor-closed": { - "value": "#e5534b", + "control-checked-borderColor-active": { + "value": "#3f7fdb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#539bf5", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-closed", + "name": "control-checked-borderColor-active", "attributes": {}, - "path": ["fgColor", "closed", "@"] + "path": ["control", "checked", "borderColor", "active"] }, - "fgColor-done": { - "value": "#986ee2", + "control-checked-borderColor-disabled": { + "value": "#636e7b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-done", + "name": "control-checked-borderColor-disabled", "attributes": {}, - "path": ["fgColor", "done", "@"] + "path": ["control", "checked", "borderColor", "disabled"] }, - "fgColor-sponsors": { - "value": "#c96198", + "controlTrack-bgColor-rest": { + "value": "#373e47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "fgColor-sponsors", + "name": "controlTrack-bgColor-rest", "attributes": {}, - "path": ["fgColor", "sponsors", "@"] + "path": ["controlTrack", "bgColor", "rest"] }, - "bgColor-default": { - "value": "#22272e", + "controlTrack-bgColor-hover": { + "value": "#3d444e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#545d68", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "bgColor-default", + "name": "controlTrack-bgColor-hover", "attributes": {}, - "path": ["bgColor", "default"] + "path": ["controlTrack", "bgColor", "hover"] }, - "bgColor-muted": { - "value": "#2d333b", + "controlTrack-bgColor-active": { + "value": "#434a54", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#545d68", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 } }, - "name": "bgColor-muted", + "name": "controlTrack-bgColor-active", "attributes": {}, - "path": ["bgColor", "muted"] + "path": ["controlTrack", "bgColor", "active"] }, - "bgColor-inset": { - "value": "#1c2128", + "controlTrack-bgColor-disabled": { + "value": "#636e7b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-inset", + "name": "controlTrack-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "inset"] + "path": ["controlTrack", "bgColor", "disabled"] }, - "bgColor-emphasis": { - "value": "#636e7b", + "controlTrack-fgColor-rest": { + "value": "#778491", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-emphasis", + "name": "controlTrack-fgColor-rest", "attributes": {}, - "path": ["bgColor", "emphasis"] + "path": ["controlTrack", "fgColor", "rest"] }, - "bgColor-inverse": { + "controlTrack-fgColor-disabled": { "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-inverse", + "name": "controlTrack-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "inverse"] + "path": ["controlTrack", "fgColor", "disabled"] }, - "bgColor-disabled": { - "value": "#2d333b", + "controlTrack-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-disabled", + "name": "controlTrack-borderColor-rest", "attributes": {}, - "path": ["bgColor", "disabled"] + "path": ["controlTrack", "borderColor", "rest"] }, - "bgColor-transparent": { - "value": "#00000000", + "controlTrack-borderColor-disabled": { + "value": "#636e7b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-transparent", + "name": "controlTrack-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "transparent"] + "path": ["controlTrack", "borderColor", "disabled"] }, - "bgColor-neutral-muted": { - "value": "#636e7b66", + "controlKnob-bgColor-rest": { + "value": "#1c2128", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "bgColor-neutral-muted", + "name": "controlKnob-bgColor-rest", "attributes": {}, - "path": ["bgColor", "neutral", "muted"] + "path": ["controlKnob", "bgColor", "rest"] }, - "bgColor-neutral-emphasis": { - "value": "#636e7b", + "controlKnob-bgColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "bgColor-neutral-emphasis", + "name": "controlKnob-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "neutral", "emphasis"] + "path": ["controlKnob", "bgColor", "disabled"] }, - "bgColor-accent-muted": { - "value": "#4184e41a", + "controlKnob-bgColor-checked": { + "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-accent-muted", + "name": "controlKnob-bgColor-checked", "attributes": {}, - "path": ["bgColor", "accent", "muted"] + "path": ["controlKnob", "bgColor", "checked"] }, - "bgColor-accent-emphasis": { - "value": "#316dca", + "controlKnob-borderColor-rest": { + "value": "#606b77", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-accent-emphasis", + "name": "controlKnob-borderColor-rest", "attributes": {}, - "path": ["bgColor", "accent", "emphasis"] + "path": ["controlKnob", "borderColor", "rest"] }, - "bgColor-success-muted": { - "value": "#46954a26", + "controlKnob-borderColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-success-muted", + "name": "controlKnob-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "success", "muted"] + "path": ["controlKnob", "borderColor", "disabled"] }, - "bgColor-success-emphasis": { - "value": "#347d39", + "controlKnob-borderColor-checked": { + "value": "#316dca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-success-emphasis", + "name": "controlKnob-borderColor-checked", "attributes": {}, - "path": ["bgColor", "success", "emphasis"] + "path": ["controlKnob", "borderColor", "checked"] }, - "bgColor-attention-muted": { - "value": "#ae7c1426", + "counter-borderColor": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-attention-muted", + "name": "counter-borderColor", "attributes": {}, - "path": ["bgColor", "attention", "muted"] + "path": ["counter", "borderColor"] }, - "bgColor-attention-emphasis": { - "value": "#966600", + "button-default-fgColor-rest": { + "value": "#adbac7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-attention-emphasis", + "name": "button-default-fgColor-rest", "attributes": {}, - "path": ["bgColor", "attention", "emphasis"] + "path": ["button", "default", "fgColor", "rest"] }, - "bgColor-severe-muted": { - "value": "#cc6b2c1a", + "button-default-bgColor-rest": { + "value": "#373e47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-severe-muted", + "name": "button-default-bgColor-rest", "attributes": {}, - "path": ["bgColor", "severe", "muted"] + "path": ["button", "default", "bgColor", "rest"] }, - "bgColor-severe-emphasis": { - "value": "#ae5622", + "button-default-bgColor-hover": { + "value": "#3d444e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-severe-emphasis", + "name": "button-default-bgColor-hover", "attributes": {}, - "path": ["bgColor", "severe", "emphasis"] + "path": ["button", "default", "bgColor", "hover"] }, - "bgColor-danger-muted": { - "value": "#e5534b1a", + "button-default-bgColor-active": { + "value": "#434a54", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } - } - }, - "alpha": 0.1 + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "bgColor-danger-muted", + "name": "button-default-bgColor-active", "attributes": {}, - "path": ["bgColor", "danger", "muted"] + "path": ["button", "default", "bgColor", "active"] }, - "bgColor-danger-emphasis": { - "value": "#c93c37", + "button-default-bgColor-selected": { + "value": "#434a54", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-emphasis", + "name": "button-default-bgColor-selected", "attributes": {}, - "path": ["bgColor", "danger", "emphasis"] + "path": ["button", "default", "bgColor", "selected"] }, - "bgColor-open-muted": { - "value": "#46954a1a", + "button-default-bgColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.muted}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-open-muted", + "name": "button-default-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "open", "muted"] + "path": ["button", "default", "bgColor", "disabled"] }, - "bgColor-open-emphasis": { - "value": "#347d39", + "button-default-borderColor-rest": { + "value": "#444c56", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-open-emphasis", + "name": "button-default-borderColor-rest", "attributes": {}, - "path": ["bgColor", "open", "emphasis"] + "path": ["button", "default", "borderColor", "rest"] }, - "bgColor-closed-muted": { - "value": "#e5534b26", + "button-default-borderColor-hover": { + "value": "#444c56", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-closed-muted", + "name": "button-default-borderColor-hover", "attributes": {}, - "path": ["bgColor", "closed", "muted"] + "path": ["button", "default", "borderColor", "hover"] }, - "bgColor-closed-emphasis": { - "value": "#c93c37", + "button-default-borderColor-active": { + "value": "#444c56", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-emphasis", + "name": "button-default-borderColor-active", "attributes": {}, - "path": ["bgColor", "closed", "emphasis"] + "path": ["button", "default", "borderColor", "active"] }, - "bgColor-done-muted": { - "value": "#986ee226", + "button-default-borderColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-done-muted", + "name": "button-default-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "done", "muted"] + "path": ["button", "default", "borderColor", "disabled"] }, - "bgColor-done-emphasis": { - "value": "#8256d0", - "$type": "color", + "button-default-shadow-resting": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } } }, - "name": "bgColor-done-emphasis", + "name": "button-default-shadow-resting", "attributes": {}, - "path": ["bgColor", "done", "emphasis"] + "path": ["button", "default", "shadow", "resting"] }, - "bgColor-sponsors-muted": { - "value": "#c961981a", + "button-primary-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-sponsors-muted", + "name": "button-primary-fgColor-rest", "attributes": {}, - "path": ["bgColor", "sponsors", "muted"] + "path": ["button", "primary", "fgColor", "rest"] }, - "bgColor-sponsors-emphasis": { - "value": "#ae4c82", + "button-primary-fgColor-disabled": { + "value": "#cdd9e566", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.4 }, - "name": "bgColor-sponsors-emphasis", + "name": "button-primary-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "sponsors", "emphasis"] + "path": ["button", "primary", "fgColor", "disabled"] }, - "borderColor-default": { - "value": "#444c56", + "button-primary-iconColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-default", + "name": "button-primary-iconColor-rest", "attributes": {}, - "path": ["borderColor", "default"] + "path": ["button", "primary", "iconColor", "rest"] }, - "borderColor-muted": { - "value": "#444c5680", + "button-primary-bgColor-rest": { + "value": "#347d39", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "borderColor-muted", + "name": "button-primary-bgColor-rest", "attributes": {}, - "path": ["borderColor", "muted"] + "path": ["button", "primary", "bgColor", "rest"] }, - "borderColor-emphasis": { - "value": "#545d68", + "button-primary-bgColor-hover": { + "value": "#3b8640", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#57ab5a", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.3}", + "weight": 0.2 } }, - "name": "borderColor-emphasis", + "name": "button-primary-bgColor-hover", "attributes": {}, - "path": ["borderColor", "emphasis"] + "path": ["button", "primary", "bgColor", "hover"] }, - "borderColor-disabled": { - "value": "#2d333b", + "button-primary-bgColor-active": { + "value": "#428f46", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#57ab5a", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.3}", + "weight": 0.4 } }, - "name": "borderColor-disabled", + "name": "button-primary-bgColor-active", "attributes": {}, - "path": ["borderColor", "disabled"] + "path": ["button", "primary", "bgColor", "active"] }, - "borderColor-transparent": { - "value": "#00000000", + "button-primary-bgColor-disabled": { + "value": "#50a254", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#57ab5a", + "weight": 0.6 + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.3}", + "weight": 0.6 } }, - "name": "borderColor-transparent", + "name": "button-primary-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "transparent"] + "path": ["button", "primary", "bgColor", "disabled"] }, - "borderColor-neutral-muted": { - "value": "#636e7b66", + "button-primary-borderColor-rest": { + "value": "#cdd9e51a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.4 + "alpha": 0.1 }, - "name": "borderColor-neutral-muted", + "name": "button-primary-borderColor-rest", "attributes": {}, - "path": ["borderColor", "neutral", "muted"] + "path": ["button", "primary", "borderColor", "rest"] }, - "borderColor-neutral-emphasis": { - "value": "#636e7b", + "button-primary-borderColor-hover": { + "value": "#cdd9e51a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "borderColor-neutral-emphasis", + "name": "button-primary-borderColor-hover", "attributes": {}, - "path": ["borderColor", "neutral", "emphasis"] + "path": ["button", "primary", "borderColor", "hover"] }, - "borderColor-accent-muted": { - "value": "#4184e466", + "button-primary-borderColor-active": { + "value": "#cdd9e51a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-accent-muted", + "name": "button-primary-borderColor-active", "attributes": {}, - "path": ["borderColor", "accent", "muted"] + "path": ["button", "primary", "borderColor", "active"] }, - "borderColor-accent-emphasis": { - "value": "#316dca", + "button-primary-borderColor-disabled": { + "value": "#50a254", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{button.primary.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-accent-emphasis", + "name": "button-primary-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "accent", "emphasis"] + "path": ["button", "primary", "borderColor", "disabled"] }, - "borderColor-success-muted": { - "value": "#46954a66", - "$type": "color", + "button-primary-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "mode": "light", + "group": "component shadow" } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "mode": "light", + "group": "component shadow" } - }, - "alpha": 0.4 + } }, - "name": "borderColor-success-muted", + "name": "button-primary-shadow-selected", "attributes": {}, - "path": ["borderColor", "success", "muted"] + "path": ["button", "primary", "shadow", "selected"] }, - "borderColor-success-emphasis": { - "value": "#347d39", + "button-invisible-fgColor-rest": { + "value": "#478be6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-success-emphasis", + "name": "button-invisible-fgColor-rest", "attributes": {}, - "path": ["borderColor", "success", "emphasis"] + "path": ["button", "invisible", "fgColor", "rest"] }, - "borderColor-attention-muted": { - "value": "#ae7c1466", + "button-invisible-fgColor-hover": { + "value": "#539bf5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-attention-muted", + "name": "button-invisible-fgColor-hover", "attributes": {}, - "path": ["borderColor", "attention", "muted"] + "path": ["button", "invisible", "fgColor", "hover"] }, - "borderColor-attention-emphasis": { - "value": "#966600", + "button-invisible-fgColor-disabled": { + "value": "#636e7b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-attention-emphasis", + "name": "button-invisible-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "attention", "emphasis"] + "path": ["button", "invisible", "fgColor", "disabled"] }, - "borderColor-severe-muted": { - "value": "#cc6b2c66", + "button-invisible-iconColor-rest": { + "value": "#778491", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-severe-muted", + "name": "button-invisible-iconColor-rest", "attributes": {}, - "path": ["borderColor", "severe", "muted"] + "path": ["button", "invisible", "iconColor", "rest"] }, - "borderColor-severe-emphasis": { - "value": "#ae5622", + "button-invisible-iconColor-hover": { + "value": "#778491", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "borderColor-severe-emphasis", + "name": "button-invisible-iconColor-hover", "attributes": {}, - "path": ["borderColor", "severe", "emphasis"] + "path": ["button", "invisible", "iconColor", "hover"] }, - "borderColor-danger-muted": { - "value": "#e5534b66", + "button-invisible-iconColor-disabled": { + "value": "#636e7b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-danger-muted", + "name": "button-invisible-iconColor-disabled", "attributes": {}, - "path": ["borderColor", "danger", "muted"] + "path": ["button", "invisible", "iconColor", "disabled"] }, - "borderColor-danger-emphasis": { - "value": "#c93c37", + "button-invisible-bgColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-danger-emphasis", + "name": "button-invisible-bgColor-rest", "attributes": {}, - "path": ["borderColor", "danger", "emphasis"] + "path": ["button", "invisible", "bgColor", "rest"] }, - "borderColor-open-muted": { - "value": "#46954a66", + "button-invisible-bgColor-hover": { + "value": "#909dab1f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.success.muted}", + "value": "{control.transparent.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-muted", + "name": "button-invisible-bgColor-hover", "attributes": {}, - "path": ["borderColor", "open", "muted"] + "path": ["button", "invisible", "bgColor", "hover"] }, - "borderColor-open-emphasis": { - "value": "#347d39", + "button-invisible-bgColor-active": { + "value": "#909dab33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{control.transparent.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-emphasis", + "name": "button-invisible-bgColor-active", "attributes": {}, - "path": ["borderColor", "open", "emphasis"] + "path": ["button", "invisible", "bgColor", "active"] }, - "borderColor-closed-muted": { - "value": "#e5534b66", + "button-invisible-bgColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.transparent.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-closed-muted", + "name": "button-invisible-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "closed", "muted"] + "path": ["button", "invisible", "bgColor", "disabled"] }, - "borderColor-closed-emphasis": { - "value": "#c93c37", + "button-invisible-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-closed-emphasis", + "name": "button-invisible-borderColor-rest", "attributes": {}, - "path": ["borderColor", "closed", "emphasis"] + "path": ["button", "invisible", "borderColor", "rest"] }, - "borderColor-done-muted": { - "value": "#986ee266", + "button-invisible-borderColor-hover": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-done-muted", + "name": "button-invisible-borderColor-hover", "attributes": {}, - "path": ["borderColor", "done", "muted"] + "path": ["button", "invisible", "borderColor", "hover"] }, - "borderColor-done-emphasis": { - "value": "#8256d0", + "button-invisible-borderColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-done-emphasis", + "name": "button-invisible-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "done", "emphasis"] + "path": ["button", "invisible", "borderColor", "disabled"] }, - "borderColor-sponsors-muted": { - "value": "#c9619866", + "button-outline-fgColor-rest": { + "value": "#4184e4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-sponsors-muted", + "name": "button-outline-fgColor-rest", "attributes": {}, - "path": ["borderColor", "sponsors", "muted"] + "path": ["button", "outline", "fgColor", "rest"] }, - "borderColor-sponsors-emphasis": { - "value": "#ae4c82", + "button-outline-fgColor-hover": { + "value": "#539bf5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-sponsors-emphasis", + "name": "button-outline-fgColor-hover", "attributes": {}, - "path": ["borderColor", "sponsors", "emphasis"] + "path": ["button", "outline", "fgColor", "hover"] }, - "color-ansi-black": { - "value": "#545d68", + "button-outline-fgColor-active": { + "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black", + "name": "button-outline-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "black"] + "path": ["button", "outline", "fgColor", "active"] }, - "color-ansi-black-bright": { - "value": "#636e7b", + "button-outline-fgColor-disabled": { + "value": "#478be680", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-black-bright", + "name": "button-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "black-bright"] + "path": ["button", "outline", "fgColor", "disabled"] }, - "color-ansi-white": { - "value": "#909dab", + "button-outline-bgColor-rest": { + "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white", + "name": "button-outline-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "white"] + "path": ["button", "outline", "bgColor", "rest"] }, - "color-ansi-white-bright": { - "value": "#cdd9e5", + "button-outline-bgColor-hover": { + "value": "#444c56", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white-bright", + "name": "button-outline-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "white-bright"] + "path": ["button", "outline", "bgColor", "hover"] }, - "color-ansi-gray": { - "value": "#636e7b", + "button-outline-bgColor-active": { + "value": "#1b4b91", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.blue.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-gray", + "name": "button-outline-bgColor-active", "attributes": {}, - "path": ["color", "ansi", "gray"] + "path": ["button", "outline", "bgColor", "active"] }, - "color-ansi-red": { - "value": "#f47067", + "button-outline-bgColor-disabled": { + "value": "#22272e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-red", + "name": "button-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "red"] + "path": ["button", "outline", "bgColor", "disabled"] }, - "color-ansi-red-bright": { - "value": "#ff938a", + "button-outline-borderColor-hover": { + "value": "#cdd9e51a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-ansi-red-bright", + "name": "button-outline-borderColor-hover", "attributes": {}, - "path": ["color", "ansi", "red-bright"] + "path": ["button", "outline", "borderColor", "hover"] }, - "color-ansi-green": { - "value": "#57ab5a", + "button-outline-borderColor-selected": { + "value": "#cdd9e51a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-ansi-green", + "name": "button-outline-borderColor-selected", "attributes": {}, - "path": ["color", "ansi", "green"] + "path": ["button", "outline", "borderColor", "selected"] }, - "color-ansi-green-bright": { - "value": "#6bc46d", - "$type": "color", + "button-outline-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.green.2}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-ansi-green-bright", + "name": "button-outline-shadow-selected", "attributes": {}, - "path": ["color", "ansi", "green-bright"] + "path": ["button", "outline", "shadow", "selected"] }, - "color-ansi-yellow": { - "value": "#c69026", + "button-danger-fgColor-rest": { + "value": "#e5534b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow", + "name": "button-danger-fgColor-rest", "attributes": {}, - "path": ["color", "ansi", "yellow"] + "path": ["button", "danger", "fgColor", "rest"] }, - "color-ansi-yellow-bright": { - "value": "#daaa3f", + "button-danger-fgColor-hover": { + "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow-bright", + "name": "button-danger-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "yellow-bright"] + "path": ["button", "danger", "fgColor", "hover"] }, - "color-ansi-blue": { - "value": "#539bf5", + "button-danger-fgColor-active": { + "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue", + "name": "button-danger-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "blue"] + "path": ["button", "danger", "fgColor", "active"] }, - "color-ansi-blue-bright": { - "value": "#6cb6ff", + "button-danger-fgColor-disabled": { + "value": "#e5534b80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-blue-bright", + "name": "button-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "blue-bright"] + "path": ["button", "danger", "fgColor", "disabled"] }, - "color-ansi-magenta": { - "value": "#b083f0", + "button-danger-iconColor-rest": { + "value": "#e5534b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta", + "name": "button-danger-iconColor-rest", "attributes": {}, - "path": ["color", "ansi", "magenta"] + "path": ["button", "danger", "iconColor", "rest"] }, - "color-ansi-magenta-bright": { - "value": "#dcbdfb", + "button-danger-iconColor-hover": { + "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta-bright", + "name": "button-danger-iconColor-hover", "attributes": {}, - "path": ["color", "ansi", "magenta-bright"] + "path": ["button", "danger", "iconColor", "hover"] }, - "color-ansi-cyan": { - "value": "#39c5cf", + "button-danger-bgColor-rest": { + "value": "#373e47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "#39c5cf", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan", + "name": "button-danger-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "cyan"] + "path": ["button", "danger", "bgColor", "rest"] }, - "color-ansi-cyan-bright": { - "value": "#56d4dd", + "button-danger-bgColor-hover": { + "value": "#ad2e2c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "#56d4dd", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan-bright", + "name": "button-danger-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "cyan-bright"] + "path": ["button", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-comment": { - "value": "#768390", + "button-danger-bgColor-active": { + "value": "#c33d38", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" - } + "group": "component (internal)", + "scopes": ["bgColor"] + } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "mix": { + "color": "#e5534b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.red.4}", + "weight": 0.4 } }, - "name": "color-prettylights-syntax-comment", + "name": "button-danger-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "comment"] + "path": ["button", "danger", "bgColor", "active"] }, - "color-prettylights-syntax-constant": { - "value": "#6cb6ff", + "button-danger-bgColor-disabled": { + "value": "#373e47b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-constant", + "name": "button-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant"] + "path": ["button", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-constant-other-reference-link": { - "value": "#96d0ff", + "button-danger-borderColor-rest": { + "value": "#444c56", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-constant-other-reference-link", + "name": "button-danger-borderColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + "path": ["button", "danger", "borderColor", "rest"] }, - "color-prettylights-syntax-entity": { - "value": "#dcbdfb", + "button-danger-borderColor-hover": { + "value": "#cdd9e51a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-entity", + "name": "button-danger-borderColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity"] + "path": ["button", "danger", "borderColor", "hover"] }, - "color-prettylights-syntax-storage-modifier-import": { - "value": "#adbac7", + "button-danger-borderColor-active": { + "value": "#cdd9e51a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-storage-modifier-import", + "name": "button-danger-borderColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + "path": ["button", "danger", "borderColor", "active"] }, - "color-prettylights-syntax-entity-tag": { - "value": "#8ddb8c", - "$type": "color", + "button-danger-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-prettylights-syntax-entity-tag", + "name": "button-danger-shadow-selected", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity-tag"] + "path": ["button", "danger", "shadow", "selected"] }, - "color-prettylights-syntax-keyword": { - "value": "#f47067", + "button-inactive-fgColor": { + "value": "#768390", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-keyword", + "name": "button-inactive-fgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "keyword"] + "path": ["button", "inactive", "fgColor"] }, - "color-prettylights-syntax-string": { - "value": "#96d0ff", + "button-inactive-bgColor": { + "value": "#373e47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-string", + "name": "button-inactive-bgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string"] + "path": ["button", "inactive", "bgColor"] }, - "color-prettylights-syntax-variable": { - "value": "#f69d50", + "button-star-iconColor": { + "value": "#daaa3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-variable", + "name": "button-star-iconColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "variable"] + "path": ["button", "star", "iconColor"] }, - "color-prettylights-syntax-brackethighlighter-unmatched": { - "value": "#e5534b", + "buttonCounter-default-bgColor-rest": { + "value": "#444c56", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "name": "buttonCounter-default-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + "path": ["buttonCounter", "default", "bgColor", "rest"] }, - "color-prettylights-syntax-brackethighlighter-angle": { - "value": "#768390", + "buttonCounter-invisible-bgColor-rest": { + "value": "#444c56", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 1 }, - "name": "color-prettylights-syntax-brackethighlighter-angle", + "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + "path": ["buttonCounter", "invisible", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-text": { - "value": "#cdd9e5", + "buttonCounter-primary-bgColor-rest": { + "value": "#11341733", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-text", + "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + "path": ["buttonCounter", "primary", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-bg": { - "value": "#922323", + "buttonCounter-outline-bgColor-rest": { + "value": "#0f2d5c33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-bg", + "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-text": { - "value": "#cdd9e5", + "buttonCounter-outline-bgColor-hover": { + "value": "#0f2d5c33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-carriage-return-text", + "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + "path": ["buttonCounter", "outline", "bgColor", "hover"] }, - "color-prettylights-syntax-carriage-return-bg": { - "value": "#ad2e2c", + "buttonCounter-outline-bgColor-disabled": { + "value": "#316dca0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-carriage-return-bg", + "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "disabled"] }, - "color-prettylights-syntax-string-regexp": { - "value": "#8ddb8c", + "buttonCounter-outline-fgColor-rest": { + "value": "#4184e4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-string-regexp", + "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string-regexp"] + "path": ["buttonCounter", "outline", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-list": { - "value": "#eac55f", + "buttonCounter-outline-fgColor-hover": { + "value": "#539bf5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-list", + "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "list"] + "path": ["buttonCounter", "outline", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-heading": { - "value": "#316dca", + "buttonCounter-outline-fgColor-disabled": { + "value": "#478be680", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-heading", + "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "heading"] + "path": ["buttonCounter", "outline", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-italic": { - "value": "#adbac7", + "buttonCounter-danger-bgColor-hover": { + "value": "#cdd9e533", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-italic", + "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "italic"] + "path": ["buttonCounter", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-bold": { - "value": "#adbac7", + "buttonCounter-danger-bgColor-disabled": { + "value": "#c93c370d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-markup-bold", + "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "bold"] + "path": ["buttonCounter", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-deleted-text": { - "value": "#ffd8d3", + "buttonCounter-danger-bgColor-rest": { + "value": "#5d0f1233", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.color.red.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-deleted-text", + "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + "path": ["buttonCounter", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-deleted-bg": { - "value": "#78191b", + "buttonCounter-danger-fgColor-rest": { + "value": "#e5534b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-deleted-bg", + "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-text": { - "value": "#b4f1b4", + "buttonCounter-danger-fgColor-hover": { + "value": "#cdd9e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-inserted-text", + "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + "path": ["buttonCounter", "danger", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-inserted-bg": { - "value": "#1b4721", + "buttonCounter-danger-fgColor-disabled": { + "value": "#e5534b80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-inserted-bg", + "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-changed-text": { - "value": "#ffddb0", + "reactionButton-selected-bgColor-rest": { + "value": "#4184e433", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-text", + "name": "reactionButton-selected-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] + "path": ["reactionButton", "selected", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-changed-bg": { - "value": "#682d0f", + "reactionButton-selected-bgColor-hover": { + "value": "#4285e533", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "mix": { + "color": "#6cb6ff", + "weight": 0.2 + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{reactionButton.selected.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.2 + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-bg", + "name": "reactionButton-selected-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] + "path": ["reactionButton", "selected", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-ignored-text": { - "value": "#adbac7", + "reactionButton-selected-fgColor-rest": { + "value": "#478be6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{fgColor.link.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-text", + "name": "reactionButton-selected-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] + "path": ["reactionButton", "selected", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-ignored-bg": { - "value": "#255ab2", + "reactionButton-selected-fgColor-hover": { + "value": "#6cb6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-bg", + "name": "reactionButton-selected-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] + "path": ["reactionButton", "selected", "fgColor", "hover"] }, - "color-prettylights-syntax-meta-diff-range": { - "value": "#dcbdfb", + "focus-outlineColor": { + "value": "#316dca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{borderColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-meta-diff-range", + "name": "focus-outlineColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] + "path": ["focus", "outlineColor"] }, - "color-prettylights-syntax-sublimelinter-gutter-mark": { - "value": "#545d68", + "menu-bgColor-active": { + "value": "#2d333b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-sublimelinter-gutter-mark", + "name": "menu-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] + "path": ["menu", "bgColor", "active"] }, - "color-scale-black": { - "value": "#1c2128", + "overlay-bgColor": { + "value": "#2d333b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-black", + "name": "overlay-bgColor", "attributes": {}, - "path": ["color", "scale", "black"] + "path": ["overlay", "bgColor"] }, - "color-scale-transparent": { - "value": "#00000000", + "overlay-borderColor": { + "value": "#444c56b3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{borderColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + } }, - "name": "color-scale-transparent", + "name": "overlay-borderColor", "attributes": {}, - "path": ["color", "scale", "transparent"] + "path": ["overlay", "borderColor"] }, - "color-scale-white": { - "value": "#cdd9e5", + "overlay-backdrop-bgColor": { + "value": "#2d333b66", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 }, - "name": "color-scale-white", + "name": "overlay-backdrop-bgColor", "attributes": {}, - "path": ["color", "scale", "white"] + "path": ["overlay", "backdrop", "bgColor"] }, - "color-scale-gray-0": { - "value": "#cdd9e5", + "selectMenu-borderColor": { + "value": "#545d68", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-0", + "name": "selectMenu-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "0"] + "path": ["selectMenu", "borderColor"] }, - "color-scale-gray-1": { - "value": "#adbac7", + "selectMenu-bgColor-active": { + "value": "#143d79", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-1", + "name": "selectMenu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "1"] + "path": ["selectMenu", "bgColor", "active"] }, - "color-scale-gray-2": { - "value": "#909dab", + "sideNav-bgColor-selected": { + "value": "#373e47", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-2", + "name": "sideNav-bgColor-selected", "attributes": {}, - "path": ["color", "scale", "gray", "2"] + "path": ["sideNav", "bgColor", "selected"] }, - "color-scale-gray-3": { - "value": "#768390", + "skeletonLoader-bgColor": { + "value": "#2d333b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": "{bgColor.muted}", + "$type": "color" }, - "name": "color-scale-gray-3", + "name": "skeletonLoader-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "3"] + "path": ["skeletonLoader", "bgColor"] }, - "color-scale-gray-4": { - "value": "#636e7b", + "timelineBadge-bgColor": { + "value": "#373e47", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-4", + "name": "timelineBadge-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "4"] + "path": ["timelineBadge", "bgColor"] }, - "color-scale-gray-5": { - "value": "#545d68", + "treeViewItem-leadingVisual-iconColor-rest": { + "value": "#778491", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-5", + "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "5"] + "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] }, - "color-scale-gray-6": { - "value": "#444c56", + "underlineNav-borderColor-active": { + "value": "#ec775c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.gray.6}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } }, - "name": "color-scale-gray-6", - "attributes": {}, - "path": ["color", "scale", "gray", "6"] - }, - "color-scale-gray-7": { - "value": "#373e47", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.coral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-7", + "name": "underlineNav-borderColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "7"] + "path": ["underlineNav", "borderColor", "active"] }, - "color-scale-gray-8": { - "value": "#2d333b", + "underlineNav-borderColor-hover": { + "value": "#636e7b66", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.neutral.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-8", + "name": "underlineNav-borderColor-hover", "attributes": {}, - "path": ["color", "scale", "gray", "8"] + "path": ["underlineNav", "borderColor", "hover"] }, - "color-scale-gray-9": { - "value": "#22272e", + "underlineNav-iconColor-rest": { + "value": "#778491", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-gray-9", + "name": "underlineNav-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "9"] + "path": ["underlineNav", "iconColor", "rest"] }, - "color-scale-blue-0": { - "value": "#c6e6ff", + "selection-bgColor": { + "value": "#316dcab3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{bgColor.accent.emphasis}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 }, - "name": "color-scale-blue-0", + "name": "selection-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "0"] + "path": ["selection", "bgColor"] }, - "color-scale-blue-1": { - "value": "#96d0ff", + "card-bgColor": { + "value": "#2d333b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{bgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-1", + "name": "card-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "1"] + "path": ["card", "bgColor"] }, - "color-scale-blue-2": { - "value": "#6cb6ff", + "label-green-bgColor-rest": { + "value": "#122117", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{base.display.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-2", + "name": "label-green-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "2"] + "path": ["label", "green", "bgColor", "rest"] }, - "color-scale-blue-3": { - "value": "#539bf5", + "label-green-bgColor-hover": { + "value": "#182f1f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-3", + "name": "label-green-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "3"] + "path": ["label", "green", "bgColor", "hover"] }, - "color-scale-blue-4": { - "value": "#4184e4", + "label-green-bgColor-active": { + "value": "#214529", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-4", + "name": "label-green-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "4"] + "path": ["label", "green", "bgColor", "active"] }, - "color-scale-blue-5": { - "value": "#316dca", + "label-green-fgColor-rest": { + "value": "#41b445", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-5", + "name": "label-green-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "5"] + "path": ["label", "green", "fgColor", "rest"] }, - "color-scale-blue-6": { - "value": "#255ab2", + "label-green-fgColor-hover": { + "value": "#46c144", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.green.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-6", + "name": "label-green-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "6"] + "path": ["label", "green", "fgColor", "hover"] }, - "color-scale-blue-7": { - "value": "#1b4b91", + "label-green-fgColor-active": { + "value": "#75d36f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-7", + "name": "label-green-fgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "7"] + "path": ["label", "green", "fgColor", "active"] }, - "color-scale-blue-8": { - "value": "#143d79", + "label-orange-bgColor-rest": { + "value": "#311708", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-8", + "name": "label-orange-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "8"] + "path": ["label", "orange", "bgColor", "rest"] }, - "color-scale-blue-9": { - "value": "#0f2d5c", + "label-orange-bgColor-hover": { + "value": "#43200a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-blue-9", - "attributes": {}, - "path": ["color", "scale", "blue", "9"] - }, - "color-scale-green-0": { - "value": "#b4f1b4", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.green.0}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-0", + "name": "label-orange-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "0"] + "path": ["label", "orange", "bgColor", "hover"] }, - "color-scale-green-1": { - "value": "#8ddb8c", + "label-orange-bgColor-active": { + "value": "#632f0d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", + "value": "{base.display.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-1", + "name": "label-orange-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "1"] + "path": ["label", "orange", "bgColor", "active"] }, - "color-scale-green-2": { - "value": "#6bc46d", + "label-orange-fgColor-rest": { + "value": "#ed8326", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.2}", + "value": "{base.display.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-2", + "name": "label-orange-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "2"] + "path": ["label", "orange", "fgColor", "rest"] }, - "color-scale-green-3": { - "value": "#57ab5a", + "label-orange-fgColor-hover": { + "value": "#f1933b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{base.display.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-3", + "name": "label-orange-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "3"] + "path": ["label", "orange", "fgColor", "hover"] }, - "color-scale-green-4": { - "value": "#46954a", + "label-orange-fgColor-active": { + "value": "#f6b06a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{base.display.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-4", + "name": "label-orange-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "4"] + "path": ["label", "orange", "fgColor", "active"] }, - "color-scale-green-5": { - "value": "#347d39", + "label-purple-bgColor-rest": { + "value": "#211047", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{base.display.color.purple.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-5", + "name": "label-purple-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "5"] + "path": ["label", "purple", "bgColor", "rest"] }, - "color-scale-green-6": { - "value": "#2b6a30", + "label-purple-bgColor-hover": { + "value": "#31146b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{base.display.color.purple.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-6", + "name": "label-purple-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "6"] + "path": ["label", "purple", "bgColor", "hover"] }, - "color-scale-green-7": { - "value": "#245829", + "label-purple-bgColor-active": { + "value": "#481a9e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.7}", + "value": "{base.display.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-7", + "name": "label-purple-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "7"] + "path": ["label", "purple", "bgColor", "active"] }, - "color-scale-green-8": { - "value": "#1b4721", + "label-purple-fgColor-rest": { + "value": "#b687f7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.8}", + "value": "{base.display.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-8", + "name": "label-purple-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "8"] + "path": ["label", "purple", "fgColor", "rest"] }, - "color-scale-green-9": { - "value": "#113417", + "label-purple-fgColor-hover": { + "value": "#c398fb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", + "value": "{base.display.color.purple.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-9", + "name": "label-purple-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "9"] + "path": ["label", "purple", "fgColor", "hover"] }, - "color-scale-yellow-0": { - "value": "#fbe090", + "label-purple-fgColor-active": { + "value": "#d2affd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{base.display.color.purple.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-0", + "name": "label-purple-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "0"] + "path": ["label", "purple", "fgColor", "active"] }, - "color-scale-yellow-1": { - "value": "#eac55f", + "label-red-bgColor-rest": { + "value": "#3c0614", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.display.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-1", + "name": "label-red-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "1"] + "path": ["label", "red", "bgColor", "rest"] }, - "color-scale-yellow-2": { - "value": "#daaa3f", + "label-red-bgColor-hover": { + "value": "#58091a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.display.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-2", + "name": "label-red-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "2"] + "path": ["label", "red", "bgColor", "hover"] }, - "color-scale-yellow-3": { - "value": "#c69026", + "label-red-bgColor-active": { + "value": "#790c20", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.display.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-3", + "name": "label-red-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "3"] + "path": ["label", "red", "bgColor", "active"] }, - "color-scale-yellow-4": { - "value": "#ae7c14", + "label-red-fgColor-rest": { + "value": "#f27d83", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.yellow.4}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } }, - "name": "color-scale-yellow-4", - "attributes": {}, - "path": ["color", "scale", "yellow", "4"] - }, - "color-scale-yellow-5": { - "value": "#966600", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{base.display.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-5", + "name": "label-red-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "5"] + "path": ["label", "red", "fgColor", "rest"] }, - "color-scale-yellow-6": { - "value": "#805400", + "label-red-fgColor-hover": { + "value": "#f48b8d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.6}", + "value": "{base.display.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-6", + "name": "label-red-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "6"] + "path": ["label", "red", "fgColor", "hover"] }, - "color-scale-yellow-7": { - "value": "#6c4400", + "label-red-fgColor-active": { + "value": "#f7adab", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{base.display.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-7", + "name": "label-red-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "7"] + "path": ["label", "red", "fgColor", "active"] }, - "color-scale-yellow-8": { - "value": "#593600", + "label-yellow-bgColor-rest": { + "value": "#2e1a00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", + "value": "{base.display.color.yellow.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-8", + "name": "label-yellow-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "8"] + "path": ["label", "yellow", "bgColor", "rest"] }, - "color-scale-yellow-9": { - "value": "#452700", + "label-yellow-bgColor-hover": { + "value": "#3d2401", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.display.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-9", + "name": "label-yellow-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "9"] + "path": ["label", "yellow", "bgColor", "hover"] }, - "color-scale-orange-0": { - "value": "#ffddb0", + "label-yellow-bgColor-active": { + "value": "#5a3702", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.display.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-0", + "name": "label-yellow-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "0"] + "path": ["label", "yellow", "bgColor", "active"] }, - "color-scale-orange-1": { - "value": "#ffbc6f", + "label-yellow-fgColor-rest": { + "value": "#d3910d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.display.color.yellow.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-1", + "name": "label-yellow-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "1"] + "path": ["label", "yellow", "fgColor", "rest"] }, - "color-scale-orange-2": { - "value": "#f69d50", + "label-yellow-fgColor-hover": { + "value": "#df9e11", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.display.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-2", + "name": "label-yellow-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "2"] + "path": ["label", "yellow", "fgColor", "hover"] }, - "color-scale-orange-3": { - "value": "#e0823d", + "label-yellow-fgColor-active": { + "value": "#edb431", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.display.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-3", + "name": "label-yellow-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "3"] + "path": ["label", "yellow", "fgColor", "active"] }, - "color-scale-orange-4": { - "value": "#cc6b2c", + "label-gray-bgColor-rest": { + "value": "#1c1c1c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.display.color.gray.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-4", + "name": "label-gray-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "4"] + "path": ["label", "gray", "bgColor", "rest"] }, - "color-scale-orange-5": { - "value": "#ae5622", + "label-gray-bgColor-hover": { + "value": "#2a2b2d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{base.display.color.gray.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-5", + "name": "label-gray-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "5"] + "path": ["label", "gray", "bgColor", "hover"] }, - "color-scale-orange-6": { - "value": "#94471b", + "label-gray-bgColor-active": { + "value": "#393d41", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.gray.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-6", + "name": "label-gray-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "6"] + "path": ["label", "gray", "bgColor", "active"] }, - "color-scale-orange-7": { - "value": "#7f3913", + "label-gray-fgColor-rest": { + "value": "#92a1b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.display.color.gray.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-7", + "name": "label-gray-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "7"] + "path": ["label", "gray", "fgColor", "rest"] }, - "color-scale-orange-8": { - "value": "#682d0f", + "label-gray-fgColor-hover": { + "value": "#9babbf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{base.display.color.gray.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-8", + "name": "label-gray-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "8"] + "path": ["label", "gray", "fgColor", "hover"] }, - "color-scale-orange-9": { - "value": "#4d210c", + "label-gray-fgColor-active": { + "value": "#b3c0d1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.orange.9}", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.gray.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-gray-fgColor-active", + "attributes": {}, + "path": ["label", "gray", "fgColor", "active"] + }, + "label-auburn-bgColor-rest": { + "value": "#271817", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-rest", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "rest"] + }, + "label-auburn-bgColor-hover": { + "value": "#3a2422", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-hover", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "hover"] + }, + "label-auburn-bgColor-active": { + "value": "#543331", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-active", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "active"] + }, + "label-auburn-fgColor-rest": { + "value": "#bf9592", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-rest", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "rest"] + }, + "label-auburn-fgColor-hover": { + "value": "#c6a19f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-hover", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "hover"] + }, + "label-auburn-fgColor-active": { + "value": "#d4b7b5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-active", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "active"] + }, + "label-brown-bgColor-rest": { + "value": "#241c14", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-rest", + "attributes": {}, + "path": ["label", "brown", "bgColor", "rest"] + }, + "label-brown-bgColor-hover": { + "value": "#342a1d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-hover", + "attributes": {}, + "path": ["label", "brown", "bgColor", "hover"] + }, + "label-brown-bgColor-active": { + "value": "#483a28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-active", + "attributes": {}, + "path": ["label", "brown", "bgColor", "active"] + }, + "label-brown-fgColor-rest": { + "value": "#b69a6d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-rest", + "attributes": {}, + "path": ["label", "brown", "fgColor", "rest"] + }, + "label-brown-fgColor-hover": { + "value": "#bfa77d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-hover", + "attributes": {}, + "path": ["label", "brown", "fgColor", "hover"] + }, + "label-brown-fgColor-active": { + "value": "#cdbb98", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-active", + "attributes": {}, + "path": ["label", "brown", "fgColor", "active"] + }, + "label-lemon-bgColor-rest": { + "value": "#291d00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "rest"] + }, + "label-lemon-bgColor-hover": { + "value": "#372901", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "hover"] + }, + "label-lemon-bgColor-active": { + "value": "#4f3c02", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-active", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "active"] + }, + "label-lemon-fgColor-rest": { + "value": "#ba9b12", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "rest"] + }, + "label-lemon-fgColor-hover": { + "value": "#c4a717", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "hover"] + }, + "label-lemon-fgColor-active": { + "value": "#d7bc1d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-active", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "active"] + }, + "label-olive-bgColor-rest": { + "value": "#171e0b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-rest", + "attributes": {}, + "path": ["label", "olive", "bgColor", "rest"] + }, + "label-olive-bgColor-hover": { + "value": "#252d10", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-hover", + "attributes": {}, + "path": ["label", "olive", "bgColor", "hover"] + }, + "label-olive-bgColor-active": { + "value": "#374115", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-active", + "attributes": {}, + "path": ["label", "olive", "bgColor", "active"] + }, + "label-olive-fgColor-rest": { + "value": "#a2a626", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-rest", + "attributes": {}, + "path": ["label", "olive", "fgColor", "rest"] + }, + "label-olive-fgColor-hover": { + "value": "#b2af24", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-hover", + "attributes": {}, + "path": ["label", "olive", "fgColor", "hover"] + }, + "label-olive-fgColor-active": { + "value": "#cbc025", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-active", + "attributes": {}, + "path": ["label", "olive", "fgColor", "active"] + }, + "label-lime-bgColor-rest": { + "value": "#141f0f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-rest", + "attributes": {}, + "path": ["label", "lime", "bgColor", "rest"] + }, + "label-lime-bgColor-hover": { + "value": "#1f3116", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-hover", + "attributes": {}, + "path": ["label", "lime", "bgColor", "hover"] + }, + "label-lime-bgColor-active": { + "value": "#2c441d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-active", + "attributes": {}, + "path": ["label", "lime", "bgColor", "active"] + }, + "label-lime-fgColor-rest": { + "value": "#7dae37", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-rest", + "attributes": {}, + "path": ["label", "lime", "fgColor", "rest"] + }, + "label-lime-fgColor-hover": { + "value": "#89ba36", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-hover", + "attributes": {}, + "path": ["label", "lime", "fgColor", "hover"] + }, + "label-lime-fgColor-active": { + "value": "#9fcc3e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-active", + "attributes": {}, + "path": ["label", "lime", "fgColor", "active"] + }, + "label-pine-bgColor-rest": { + "value": "#082119", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-rest", + "attributes": {}, + "path": ["label", "pine", "bgColor", "rest"] + }, + "label-pine-bgColor-hover": { + "value": "#0b3224", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-hover", + "attributes": {}, + "path": ["label", "pine", "bgColor", "hover"] + }, + "label-pine-bgColor-active": { + "value": "#0e4430", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-active", + "attributes": {}, + "path": ["label", "pine", "bgColor", "active"] + }, + "label-pine-fgColor-rest": { + "value": "#1bb673", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-rest", + "attributes": {}, + "path": ["label", "pine", "fgColor", "rest"] + }, + "label-pine-fgColor-hover": { + "value": "#1ac176", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-hover", + "attributes": {}, + "path": ["label", "pine", "fgColor", "hover"] + }, + "label-pine-fgColor-active": { + "value": "#1bda81", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-active", + "attributes": {}, + "path": ["label", "pine", "fgColor", "active"] + }, + "label-teal-bgColor-rest": { + "value": "#041f25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-rest", + "attributes": {}, + "path": ["label", "teal", "bgColor", "rest"] + }, + "label-teal-bgColor-hover": { + "value": "#073036", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-hover", + "attributes": {}, + "path": ["label", "teal", "bgColor", "hover"] + }, + "label-teal-bgColor-active": { + "value": "#0a464d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-active", + "attributes": {}, + "path": ["label", "teal", "bgColor", "active"] + }, + "label-teal-fgColor-rest": { + "value": "#1cb0ab", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-rest", + "attributes": {}, + "path": ["label", "teal", "fgColor", "rest"] + }, + "label-teal-fgColor-hover": { + "value": "#1fbdb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-hover", + "attributes": {}, + "path": ["label", "teal", "fgColor", "hover"] + }, + "label-teal-fgColor-active": { + "value": "#24d6c4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-active", + "attributes": {}, + "path": ["label", "teal", "fgColor", "active"] + }, + "label-cyan-bgColor-rest": { + "value": "#001f29", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "rest"] + }, + "label-cyan-bgColor-hover": { + "value": "#002e3d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "hover"] + }, + "label-cyan-bgColor-active": { + "value": "#014156", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-active", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "active"] + }, + "label-cyan-fgColor-rest": { + "value": "#07ace4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "rest"] + }, + "label-cyan-fgColor-hover": { + "value": "#09b7f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "hover"] + }, + "label-cyan-fgColor-active": { + "value": "#45cbf7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-active", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "active"] + }, + "label-indigo-bgColor-rest": { + "value": "#1b183f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "rest"] + }, + "label-indigo-bgColor-hover": { + "value": "#25215f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "hover"] + }, + "label-indigo-bgColor-active": { + "value": "#312c90", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-active", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "active"] + }, + "label-indigo-fgColor-rest": { + "value": "#9899ec", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "rest"] + }, + "label-indigo-fgColor-hover": { + "value": "#a2a5f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "hover"] + }, + "label-indigo-fgColor-active": { + "value": "#b7baf6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-active", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "active"] + }, + "label-blue-bgColor-rest": { + "value": "#001a47", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-rest", + "attributes": {}, + "path": ["label", "blue", "bgColor", "rest"] + }, + "label-blue-bgColor-hover": { + "value": "#002766", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-hover", + "attributes": {}, + "path": ["label", "blue", "bgColor", "hover"] + }, + "label-blue-bgColor-active": { + "value": "#00378a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-active", + "attributes": {}, + "path": ["label", "blue", "bgColor", "active"] + }, + "label-blue-fgColor-rest": { + "value": "#4da0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-rest", + "attributes": {}, + "path": ["label", "blue", "fgColor", "rest"] + }, + "label-blue-fgColor-hover": { + "value": "#61adff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-hover", + "attributes": {}, + "path": ["label", "blue", "fgColor", "hover"] + }, + "label-blue-fgColor-active": { + "value": "#85c2ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-active", + "attributes": {}, + "path": ["label", "blue", "fgColor", "active"] + }, + "label-plum-bgColor-rest": { + "value": "#2a0e3f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-rest", + "attributes": {}, + "path": ["label", "plum", "bgColor", "rest"] + }, + "label-plum-bgColor-hover": { + "value": "#40125e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-hover", + "attributes": {}, + "path": ["label", "plum", "bgColor", "hover"] + }, + "label-plum-bgColor-active": { + "value": "#5c1688", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-active", + "attributes": {}, + "path": ["label", "plum", "bgColor", "active"] + }, + "label-plum-fgColor-rest": { + "value": "#d07ef7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-rest", + "attributes": {}, + "path": ["label", "plum", "fgColor", "rest"] + }, + "label-plum-fgColor-hover": { + "value": "#d889fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-hover", + "attributes": {}, + "path": ["label", "plum", "fgColor", "hover"] + }, + "label-plum-fgColor-active": { + "value": "#e4a5fd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-active", + "attributes": {}, + "path": ["label", "plum", "fgColor", "active"] + }, + "label-pink-bgColor-rest": { + "value": "#2d1524", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-rest", + "attributes": {}, + "path": ["label", "pink", "bgColor", "rest"] + }, + "label-pink-bgColor-hover": { + "value": "#451c35", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-hover", + "attributes": {}, + "path": ["label", "pink", "bgColor", "hover"] + }, + "label-pink-bgColor-active": { + "value": "#65244a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-active", + "attributes": {}, + "path": ["label", "pink", "bgColor", "active"] + }, + "label-pink-fgColor-rest": { + "value": "#e57bb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-rest", + "attributes": {}, + "path": ["label", "pink", "fgColor", "rest"] + }, + "label-pink-fgColor-hover": { + "value": "#ec8dbd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-hover", + "attributes": {}, + "path": ["label", "pink", "fgColor", "hover"] + }, + "label-pink-fgColor-active": { + "value": "#f4a9cd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-active", + "attributes": {}, + "path": ["label", "pink", "fgColor", "active"] + }, + "label-coral-bgColor-rest": { + "value": "#351008", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-rest", + "attributes": {}, + "path": ["label", "coral", "bgColor", "rest"] + }, + "label-coral-bgColor-hover": { + "value": "#51180b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-hover", + "attributes": {}, + "path": ["label", "coral", "bgColor", "hover"] + }, + "label-coral-bgColor-active": { + "value": "#72220d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-active", + "attributes": {}, + "path": ["label", "coral", "bgColor", "active"] + }, + "label-coral-fgColor-rest": { + "value": "#f7794b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-rest", + "attributes": {}, + "path": ["label", "coral", "fgColor", "rest"] + }, + "label-coral-fgColor-hover": { + "value": "#fa8c61", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-hover", + "attributes": {}, + "path": ["label", "coral", "fgColor", "hover"] + }, + "label-coral-fgColor-active": { + "value": "#fdaa86", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-active", + "attributes": {}, + "path": ["label", "coral", "fgColor", "active"] + }, + "fgColor-default": { + "value": "#c5d1de", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "#adbac7", + "weight": 0.25 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "{base.color.neutral.1}", + "weight": 0.25 + } + }, + "name": "fgColor-default", + "attributes": {}, + "path": ["fgColor", "default"] + }, + "fgColor-muted": { + "value": "#778491", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "#768390", + "weight": 0.95 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.95 + } + }, + "name": "fgColor-muted", + "attributes": {}, + "path": ["fgColor", "muted"] + }, + "fgColor-onEmphasis": { + "value": "#cdd9e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + } + }, + "name": "fgColor-onEmphasis", + "attributes": {}, + "path": ["fgColor", "onEmphasis"] + }, + "fgColor-white": { + "value": "#cdd9e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-white", + "attributes": {}, + "path": ["fgColor", "white"] + }, + "fgColor-black": { + "value": "#1c2128", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-black", + "attributes": {}, + "path": ["fgColor", "black"] + }, + "fgColor-disabled": { + "value": "#636e7b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-disabled", + "attributes": {}, + "path": ["fgColor", "disabled"] + }, + "fgColor-link": { + "value": "#478be6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{fgColor.accent.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-link", + "attributes": {}, + "path": ["fgColor", "link", "@"] + }, + "fgColor-neutral": { + "value": "#636e7b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-neutral", + "attributes": {}, + "path": ["fgColor", "neutral", "@"] + }, + "fgColor-accent": { + "value": "#478be6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "#316dca", + "weight": 0.35 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "{base.color.blue.5}", + "weight": 0.35 + } + }, + "name": "fgColor-accent", + "attributes": {}, + "path": ["fgColor", "accent", "@"] + }, + "fgColor-success": { + "value": "#57ab5a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + } + }, + "name": "fgColor-success", + "attributes": {}, + "path": ["fgColor", "success", "@"] + }, + "fgColor-attention": { + "value": "#c69026", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + } + }, + "name": "fgColor-attention", + "attributes": {}, + "path": ["fgColor", "attention", "@"] + }, + "fgColor-severe": { + "value": "#cc6b2c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + } + }, + "name": "fgColor-severe", + "attributes": {}, + "path": ["fgColor", "severe", "@"] + }, + "fgColor-danger": { + "value": "#e5534b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + } + }, + "name": "fgColor-danger", + "attributes": {}, + "path": ["fgColor", "danger", "@"] + }, + "fgColor-open": { + "value": "#57ab5a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{fgColor.success.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + } + }, + "name": "fgColor-open", + "attributes": {}, + "path": ["fgColor", "open", "@"] + }, + "fgColor-closed": { + "value": "#e5534b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + } + }, + "name": "fgColor-closed", + "attributes": {}, + "path": ["fgColor", "closed", "@"] + }, + "fgColor-done": { + "value": "#986ee2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + } + }, + "name": "fgColor-done", + "attributes": {}, + "path": ["fgColor", "done", "@"] + }, + "fgColor-upsell": { + "value": "#986ee2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + } + }, + "name": "fgColor-upsell", + "attributes": {}, + "path": ["fgColor", "upsell", "@"] + }, + "fgColor-sponsors": { + "value": "#c96198", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + } + }, + "name": "fgColor-sponsors", + "attributes": {}, + "path": ["fgColor", "sponsors", "@"] + }, + "bgColor-default": { + "value": "#22272e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + } + }, + "name": "bgColor-default", + "attributes": {}, + "path": ["bgColor", "default"] + }, + "bgColor-muted": { + "value": "#2d333b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + } + }, + "name": "bgColor-muted", + "attributes": {}, + "path": ["bgColor", "muted"] + }, + "bgColor-inset": { + "value": "#1c2128", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + } + }, + "name": "bgColor-inset", + "attributes": {}, + "path": ["bgColor", "inset"] + }, + "bgColor-emphasis": { + "value": "#636e7b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + } + }, + "name": "bgColor-emphasis", + "attributes": {}, + "path": ["bgColor", "emphasis"] + }, + "bgColor-inverse": { + "value": "#cdd9e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-inverse", + "attributes": {}, + "path": ["bgColor", "inverse"] + }, + "bgColor-white": { + "value": "#cdd9e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-white", + "attributes": {}, + "path": ["bgColor", "white"] + }, + "bgColor-black": { + "value": "#1c2128", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-black", + "attributes": {}, + "path": ["bgColor", "black"] + }, + "bgColor-disabled": { + "value": "#373e47b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 + }, + "name": "bgColor-disabled", + "attributes": {}, + "path": ["bgColor", "disabled"] + }, + "bgColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + } + }, + "name": "bgColor-transparent", + "attributes": {}, + "path": ["bgColor", "transparent"] + }, + "bgColor-neutral-muted": { + "value": "#636e7b66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 + }, + "name": "bgColor-neutral-muted", + "attributes": {}, + "path": ["bgColor", "neutral", "muted"] + }, + "bgColor-neutral-emphasis": { + "value": "#636e7b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-neutral-emphasis", + "attributes": {}, + "path": ["bgColor", "neutral", "emphasis"] + }, + "bgColor-accent-muted": { + "value": "#4184e41a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-accent-muted", + "attributes": {}, + "path": ["bgColor", "accent", "muted"] + }, + "bgColor-accent-emphasis": { + "value": "#316dca", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + } + }, + "name": "bgColor-accent-emphasis", + "attributes": {}, + "path": ["bgColor", "accent", "emphasis"] + }, + "bgColor-success-muted": { + "value": "#46954a26", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-success-muted", + "attributes": {}, + "path": ["bgColor", "success", "muted"] + }, + "bgColor-success-emphasis": { + "value": "#347d39", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-success-emphasis", + "attributes": {}, + "path": ["bgColor", "success", "emphasis"] + }, + "bgColor-attention-muted": { + "value": "#ae7c1426", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-attention-muted", + "attributes": {}, + "path": ["bgColor", "attention", "muted"] + }, + "bgColor-attention-emphasis": { + "value": "#966600", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + } + }, + "name": "bgColor-attention-emphasis", + "attributes": {}, + "path": ["bgColor", "attention", "emphasis"] + }, + "bgColor-severe-muted": { + "value": "#cc6b2c1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-severe-muted", + "attributes": {}, + "path": ["bgColor", "severe", "muted"] + }, + "bgColor-severe-emphasis": { + "value": "#ae5622", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + } + }, + "name": "bgColor-severe-emphasis", + "attributes": {}, + "path": ["bgColor", "severe", "emphasis"] + }, + "bgColor-danger-muted": { + "value": "#e5534b1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-danger-muted", + "attributes": {}, + "path": ["bgColor", "danger", "muted"] + }, + "bgColor-danger-emphasis": { + "value": "#c93c37", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + } + }, + "name": "bgColor-danger-emphasis", + "attributes": {}, + "path": ["bgColor", "danger", "emphasis"] + }, + "bgColor-open-muted": { + "value": "#46954a1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-open-muted", + "attributes": {}, + "path": ["bgColor", "open", "muted"] + }, + "bgColor-open-emphasis": { + "value": "#347d39", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-open-emphasis", + "attributes": {}, + "path": ["bgColor", "open", "emphasis"] + }, + "bgColor-closed-muted": { + "value": "#e5534b26", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-closed-muted", + "attributes": {}, + "path": ["bgColor", "closed", "muted"] + }, + "bgColor-closed-emphasis": { + "value": "#c93c37", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + } + }, + "name": "bgColor-closed-emphasis", + "attributes": {}, + "path": ["bgColor", "closed", "emphasis"] + }, + "bgColor-done-muted": { + "value": "#986ee226", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-done-muted", + "attributes": {}, + "path": ["bgColor", "done", "muted"] + }, + "bgColor-done-emphasis": { + "value": "#8256d0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + } + }, + "name": "bgColor-done-emphasis", + "attributes": {}, + "path": ["bgColor", "done", "emphasis"] + }, + "bgColor-upsell-muted": { + "value": "#986ee226", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-upsell-muted", + "attributes": {}, + "path": ["bgColor", "upsell", "muted"] + }, + "bgColor-upsell-emphasis": { + "value": "#8256d0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + } + }, + "name": "bgColor-upsell-emphasis", + "attributes": {}, + "path": ["bgColor", "upsell", "emphasis"] + }, + "bgColor-sponsors-muted": { + "value": "#c961981a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-sponsors-muted", + "attributes": {}, + "path": ["bgColor", "sponsors", "muted"] + }, + "bgColor-sponsors-emphasis": { + "value": "#ae4c82", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + } + }, + "name": "bgColor-sponsors-emphasis", + "attributes": {}, + "path": ["bgColor", "sponsors", "emphasis"] + }, + "borderColor-default": { + "value": "#444c56", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + } + }, + "name": "borderColor-default", + "attributes": {}, + "path": ["borderColor", "default"] + }, + "borderColor-muted": { + "value": "#444c56b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.default}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7 + }, + "name": "borderColor-muted", + "attributes": {}, + "path": ["borderColor", "muted"] + }, + "borderColor-emphasis": { + "value": "#545d68", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-emphasis", + "attributes": {}, + "path": ["borderColor", "emphasis"] + }, + "borderColor-disabled": { + "value": "#373e47b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.disabled}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-disabled", + "attributes": {}, + "path": ["borderColor", "disabled"] + }, + "borderColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-transparent", + "attributes": {}, + "path": ["borderColor", "transparent"] + }, + "borderColor-neutral-muted": { + "value": "#636e7b66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.4 + }, + "name": "borderColor-neutral-muted", + "attributes": {}, + "path": ["borderColor", "neutral", "muted"] + }, + "borderColor-neutral-emphasis": { + "value": "#636e7b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-neutral-emphasis", + "attributes": {}, + "path": ["borderColor", "neutral", "emphasis"] + }, + "borderColor-accent-muted": { + "value": "#4184e466", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-accent-muted", + "attributes": {}, + "path": ["borderColor", "accent", "muted"] + }, + "borderColor-accent-emphasis": { + "value": "#316dca", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + } + }, + "name": "borderColor-accent-emphasis", + "attributes": {}, + "path": ["borderColor", "accent", "emphasis"] + }, + "borderColor-success-muted": { + "value": "#46954a66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-success-muted", + "attributes": {}, + "path": ["borderColor", "success", "muted"] + }, + "borderColor-success-emphasis": { + "value": "#347d39", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + } + }, + "name": "borderColor-success-emphasis", + "attributes": {}, + "path": ["borderColor", "success", "emphasis"] + }, + "borderColor-attention-muted": { + "value": "#ae7c1466", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-attention-muted", + "attributes": {}, + "path": ["borderColor", "attention", "muted"] + }, + "borderColor-attention-emphasis": { + "value": "#966600", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + } + }, + "name": "borderColor-attention-emphasis", + "attributes": {}, + "path": ["borderColor", "attention", "emphasis"] + }, + "borderColor-severe-muted": { + "value": "#cc6b2c66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-severe-muted", + "attributes": {}, + "path": ["borderColor", "severe", "muted"] + }, + "borderColor-severe-emphasis": { + "value": "#ae5622", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + } + }, + "name": "borderColor-severe-emphasis", + "attributes": {}, + "path": ["borderColor", "severe", "emphasis"] + }, + "borderColor-danger-muted": { + "value": "#e5534b66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-danger-muted", + "attributes": {}, + "path": ["borderColor", "danger", "muted"] + }, + "borderColor-danger-emphasis": { + "value": "#c93c37", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + } + }, + "name": "borderColor-danger-emphasis", + "attributes": {}, + "path": ["borderColor", "danger", "emphasis"] + }, + "borderColor-open-muted": { + "value": "#46954a66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + } + }, + "name": "borderColor-open-muted", + "attributes": {}, + "path": ["borderColor", "open", "muted"] + }, + "borderColor-open-emphasis": { + "value": "#347d39", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + } + }, + "name": "borderColor-open-emphasis", + "attributes": {}, + "path": ["borderColor", "open", "emphasis"] + }, + "borderColor-closed-muted": { + "value": "#e5534b66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-closed-muted", + "attributes": {}, + "path": ["borderColor", "closed", "muted"] + }, + "borderColor-closed-emphasis": { + "value": "#c93c37", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + } + }, + "name": "borderColor-closed-emphasis", + "attributes": {}, + "path": ["borderColor", "closed", "emphasis"] + }, + "borderColor-done-muted": { + "value": "#986ee266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-done-muted", + "attributes": {}, + "path": ["borderColor", "done", "muted"] + }, + "borderColor-done-emphasis": { + "value": "#8256d0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + } + }, + "name": "borderColor-done-emphasis", + "attributes": {}, + "path": ["borderColor", "done", "emphasis"] + }, + "borderColor-upsell-muted": { + "value": "#986ee266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-upsell-muted", + "attributes": {}, + "path": ["borderColor", "upsell", "muted"] + }, + "borderColor-upsell-emphasis": { + "value": "#8256d0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + } + }, + "name": "borderColor-upsell-emphasis", + "attributes": {}, + "path": ["borderColor", "upsell", "emphasis"] + }, + "borderColor-sponsors-muted": { + "value": "#c9619866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-sponsors-muted", + "attributes": {}, + "path": ["borderColor", "sponsors", "muted"] + }, + "borderColor-sponsors-emphasis": { + "value": "#ae4c82", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + } + }, + "name": "borderColor-sponsors-emphasis", + "attributes": {}, + "path": ["borderColor", "sponsors", "emphasis"] + }, + "color-ansi-black": { + "value": "#545d68", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black", + "attributes": {}, + "path": ["color", "ansi", "black"] + }, + "color-ansi-black-bright": { + "value": "#636e7b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black-bright", + "attributes": {}, + "path": ["color", "ansi", "black-bright"] + }, + "color-ansi-white": { + "value": "#909dab", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white", + "attributes": {}, + "path": ["color", "ansi", "white"] + }, + "color-ansi-white-bright": { + "value": "#cdd9e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white-bright", + "attributes": {}, + "path": ["color", "ansi", "white-bright"] + }, + "color-ansi-gray": { + "value": "#636e7b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-gray", + "attributes": {}, + "path": ["color", "ansi", "gray"] + }, + "color-ansi-red": { + "value": "#f47067", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-orange-9", + "name": "color-ansi-red", "attributes": {}, - "path": ["color", "scale", "orange", "9"] + "path": ["color", "ansi", "red"] }, - "color-scale-red-0": { - "value": "#ffd8d3", + "color-ansi-red-bright": { + "value": "#ff938a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-0", + "name": "color-ansi-red-bright", "attributes": {}, - "path": ["color", "scale", "red", "0"] + "path": ["color", "ansi", "red-bright"] }, - "color-scale-red-1": { - "value": "#ffb8b0", + "color-ansi-green": { + "value": "#57ab5a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.1}", + "value": "{base.color.green.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-1", + "name": "color-ansi-green", "attributes": {}, - "path": ["color", "scale", "red", "1"] + "path": ["color", "ansi", "green"] }, - "color-scale-red-2": { - "value": "#ff938a", + "color-ansi-green-bright": { + "value": "#6bc46d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-2", + "name": "color-ansi-green-bright", "attributes": {}, - "path": ["color", "scale", "red", "2"] + "path": ["color", "ansi", "green-bright"] }, - "color-scale-red-3": { - "value": "#f47067", + "color-ansi-yellow": { + "value": "#c69026", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.yellow.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-3", + "name": "color-ansi-yellow", "attributes": {}, - "path": ["color", "scale", "red", "3"] + "path": ["color", "ansi", "yellow"] }, - "color-scale-red-4": { - "value": "#e5534b", + "color-ansi-yellow-bright": { + "value": "#daaa3f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.color.yellow.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow-bright", + "attributes": {}, + "path": ["color", "ansi", "yellow-bright"] + }, + "color-ansi-blue": { + "value": "#539bf5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-4", + "name": "color-ansi-blue", "attributes": {}, - "path": ["color", "scale", "red", "4"] + "path": ["color", "ansi", "blue"] }, - "color-scale-red-5": { - "value": "#c93c37", + "color-ansi-blue-bright": { + "value": "#6cb6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.color.blue.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-5", + "name": "color-ansi-blue-bright", "attributes": {}, - "path": ["color", "scale", "red", "5"] + "path": ["color", "ansi", "blue-bright"] }, - "color-scale-red-6": { - "value": "#ad2e2c", + "color-ansi-magenta": { + "value": "#b083f0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta", + "attributes": {}, + "path": ["color", "ansi", "magenta"] + }, + "color-ansi-magenta-bright": { + "value": "#dcbdfb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-6", + "name": "color-ansi-magenta-bright", "attributes": {}, - "path": ["color", "scale", "red", "6"] + "path": ["color", "ansi", "magenta-bright"] }, - "color-scale-red-7": { - "value": "#922323", + "color-ansi-cyan": { + "value": "#39c5cf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "#39c5cf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-7", + "name": "color-ansi-cyan", "attributes": {}, - "path": ["color", "scale", "red", "7"] + "path": ["color", "ansi", "cyan"] }, - "color-scale-red-8": { - "value": "#78191b", + "color-ansi-cyan-bright": { + "value": "#56d4dd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "#56d4dd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-8", + "name": "color-ansi-cyan-bright", "attributes": {}, - "path": ["color", "scale", "red", "8"] + "path": ["color", "ansi", "cyan-bright"] }, - "color-scale-red-9": { - "value": "#5d0f12", + "color-prettylights-syntax-comment": { + "value": "#768390", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{base.color.neutral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-9", + "name": "color-prettylights-syntax-comment", "attributes": {}, - "path": ["color", "scale", "red", "9"] + "path": ["color", "prettylights", "syntax", "comment"] }, - "color-scale-purple-0": { - "value": "#eedcff", + "color-prettylights-syntax-constant": { + "value": "#6cb6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{base.color.blue.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-0", + "name": "color-prettylights-syntax-constant", "attributes": {}, - "path": ["color", "scale", "purple", "0"] + "path": ["color", "prettylights", "syntax", "constant"] }, - "color-scale-purple-1": { - "value": "#dcbdfb", + "color-prettylights-syntax-constant-other-reference-link": { + "value": "#96d0ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.1}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-1", + "name": "color-prettylights-syntax-constant-other-reference-link", "attributes": {}, - "path": ["color", "scale", "purple", "1"] + "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] }, - "color-scale-purple-2": { + "color-prettylights-syntax-entity": { "value": "#dcbdfb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-2", + "name": "color-prettylights-syntax-entity", "attributes": {}, - "path": ["color", "scale", "purple", "2"] + "path": ["color", "prettylights", "syntax", "entity"] }, - "color-scale-purple-3": { - "value": "#b083f0", + "color-prettylights-syntax-storage-modifier-import": { + "value": "#adbac7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-3", + "name": "color-prettylights-syntax-storage-modifier-import", "attributes": {}, - "path": ["color", "scale", "purple", "3"] + "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] }, - "color-scale-purple-4": { - "value": "#986ee2", + "color-prettylights-syntax-entity-tag": { + "value": "#8ddb8c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{base.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-4", + "name": "color-prettylights-syntax-entity-tag", "attributes": {}, - "path": ["color", "scale", "purple", "4"] + "path": ["color", "prettylights", "syntax", "entity-tag"] }, - "color-scale-purple-5": { - "value": "#8256d0", + "color-prettylights-syntax-keyword": { + "value": "#f47067", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.red.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-5", + "name": "color-prettylights-syntax-keyword", "attributes": {}, - "path": ["color", "scale", "purple", "5"] + "path": ["color", "prettylights", "syntax", "keyword"] }, - "color-scale-purple-6": { - "value": "#6b44bc", + "color-prettylights-syntax-string": { + "value": "#96d0ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-6", + "name": "color-prettylights-syntax-string", "attributes": {}, - "path": ["color", "scale", "purple", "6"] + "path": ["color", "prettylights", "syntax", "string"] }, - "color-scale-purple-7": { - "value": "#5936a2", + "color-prettylights-syntax-variable": { + "value": "#f69d50", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.7}", + "value": "{base.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-7", + "name": "color-prettylights-syntax-variable", "attributes": {}, - "path": ["color", "scale", "purple", "7"] + "path": ["color", "prettylights", "syntax", "variable"] }, - "color-scale-purple-8": { - "value": "#472c82", + "color-prettylights-syntax-brackethighlighter-unmatched": { + "value": "#e5534b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.8}", + "value": "{base.color.red.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-8", + "name": "color-prettylights-syntax-brackethighlighter-unmatched", "attributes": {}, - "path": ["color", "scale", "purple", "8"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] }, - "color-scale-purple-9": { - "value": "#352160", + "color-prettylights-syntax-brackethighlighter-angle": { + "value": "#768390", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.9}", + "value": "{base.color.neutral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-9", + "name": "color-prettylights-syntax-brackethighlighter-angle", "attributes": {}, - "path": ["color", "scale", "purple", "9"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] }, - "color-scale-pink-0": { - "value": "#ffd7eb", + "color-prettylights-syntax-invalid-illegal-text": { + "value": "#cdd9e5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-0", + "name": "color-prettylights-syntax-invalid-illegal-text", "attributes": {}, - "path": ["color", "scale", "pink", "0"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] }, - "color-scale-pink-1": { - "value": "#ffb3d8", + "color-prettylights-syntax-invalid-illegal-bg": { + "value": "#922323", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.1}", + "value": "{base.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-1", + "name": "color-prettylights-syntax-invalid-illegal-bg", "attributes": {}, - "path": ["color", "scale", "pink", "1"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] }, - "color-scale-pink-2": { - "value": "#fc8dc7", + "color-prettylights-syntax-carriage-return-text": { + "value": "#cdd9e5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.2}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-2", + "name": "color-prettylights-syntax-carriage-return-text", "attributes": {}, - "path": ["color", "scale", "pink", "2"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] }, - "color-scale-pink-3": { - "value": "#e275ad", + "color-prettylights-syntax-carriage-return-bg": { + "value": "#ad2e2c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{base.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-3", + "name": "color-prettylights-syntax-carriage-return-bg", "attributes": {}, - "path": ["color", "scale", "pink", "3"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] }, - "color-scale-pink-4": { - "value": "#c96198", + "color-prettylights-syntax-string-regexp": { + "value": "#8ddb8c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-4", + "name": "color-prettylights-syntax-string-regexp", "attributes": {}, - "path": ["color", "scale", "pink", "4"] + "path": ["color", "prettylights", "syntax", "string-regexp"] }, - "color-scale-pink-5": { - "value": "#ae4c82", + "color-prettylights-syntax-markup-list": { + "value": "#eac55f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-5", + "name": "color-prettylights-syntax-markup-list", "attributes": {}, - "path": ["color", "scale", "pink", "5"] + "path": ["color", "prettylights", "syntax", "markup", "list"] }, - "color-scale-pink-6": { - "value": "#983b6e", + "color-prettylights-syntax-markup-heading": { + "value": "#316dca", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.6}", + "value": "{base.color.blue.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-6", + "name": "color-prettylights-syntax-markup-heading", "attributes": {}, - "path": ["color", "scale", "pink", "6"] + "path": ["color", "prettylights", "syntax", "markup", "heading"] }, - "color-scale-pink-7": { - "value": "#7e325a", + "color-prettylights-syntax-markup-italic": { + "value": "#adbac7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.7}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-7", + "name": "color-prettylights-syntax-markup-italic", "attributes": {}, - "path": ["color", "scale", "pink", "7"] + "path": ["color", "prettylights", "syntax", "markup", "italic"] }, - "color-scale-pink-8": { - "value": "#69264a", + "color-prettylights-syntax-markup-bold": { + "value": "#adbac7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.8}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-8", + "name": "color-prettylights-syntax-markup-bold", "attributes": {}, - "path": ["color", "scale", "pink", "8"] + "path": ["color", "prettylights", "syntax", "markup", "bold"] }, - "color-scale-pink-9": { - "value": "#551639", + "color-prettylights-syntax-markup-deleted-text": { + "value": "#ffd8d3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.9}", + "value": "{base.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-9", + "name": "color-prettylights-syntax-markup-deleted-text", "attributes": {}, - "path": ["color", "scale", "pink", "9"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] }, - "color-scale-coral-0": { - "value": "#ffdacf", + "color-prettylights-syntax-markup-deleted-bg": { + "value": "#78191b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.0}", + "value": "{base.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-0", + "name": "color-prettylights-syntax-markup-deleted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "0"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] }, - "color-scale-coral-1": { - "value": "#ffb9a5", + "color-prettylights-syntax-markup-inserted-text": { + "value": "#b4f1b4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.1}", + "value": "{base.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-1", + "name": "color-prettylights-syntax-markup-inserted-text", "attributes": {}, - "path": ["color", "scale", "coral", "1"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] }, - "color-scale-coral-2": { - "value": "#f79981", + "color-prettylights-syntax-markup-inserted-bg": { + "value": "#1b4721", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.2}", + "value": "{base.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-2", + "name": "color-prettylights-syntax-markup-inserted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "2"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] }, - "color-scale-coral-3": { - "value": "#ec775c", + "color-prettylights-syntax-markup-changed-text": { + "value": "#ffddb0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.coral.3}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } }, - "name": "color-scale-coral-3", - "attributes": {}, - "path": ["color", "scale", "coral", "3"] - }, - "color-scale-coral-4": { - "value": "#de5b41", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.4}", + "value": "{base.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-4", + "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, - "path": ["color", "scale", "coral", "4"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] }, - "color-scale-coral-5": { - "value": "#c2442d", + "color-prettylights-syntax-markup-changed-bg": { + "value": "#682d0f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.5}", + "value": "{base.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-5", + "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, - "path": ["color", "scale", "coral", "5"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] }, - "color-scale-coral-6": { - "value": "#a93524", + "color-prettylights-syntax-markup-ignored-text": { + "value": "#adbac7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-6", + "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, - "path": ["color", "scale", "coral", "6"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] }, - "color-scale-coral-7": { - "value": "#8d291b", + "color-prettylights-syntax-markup-ignored-bg": { + "value": "#255ab2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-7", + "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, - "path": ["color", "scale", "coral", "7"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] }, - "color-scale-coral-8": { - "value": "#771d13", + "color-prettylights-syntax-meta-diff-range": { + "value": "#dcbdfb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.8}", + "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-8", + "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, - "path": ["color", "scale", "coral", "8"] + "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] }, - "color-scale-coral-9": { - "value": "#5d1008", + "color-prettylights-syntax-sublimelinter-gutter-mark": { + "value": "#545d68", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.9}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-9", + "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, - "path": ["color", "scale", "coral", "9"] + "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] }, "shadow-inset": { "value": "inset 0px 1px 0px 0px #1c21283d", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10625,7 +16491,14 @@ "spread": "0px", "inset": true }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-inset", "attributes": {}, @@ -10634,6 +16507,13 @@ "shadow-resting-xsmall": { "value": "0px 1px 0px 0px #1c2128cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10646,15 +16526,29 @@ "spread": "0px", "inset": false }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"] }, "shadow-resting-small": { - "value": "0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866", + "value": "0px 1px 0px 0px #1c212866", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10667,18 +16561,16 @@ "blur": "0px", "spread": "0px", "inset": false - }, - { - "color": "{base.color.black}", - "alpha": 0.4, - "offsetX": "0px", - "offsetY": "1px", - "blur": "3px", - "spread": "0px", - "inset": false } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-small", "attributes": {}, @@ -10687,6 +16579,13 @@ "shadow-resting-medium": { "value": "0px 3px 6px 0px #1c2128cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10700,21 +16599,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"] }, "shadow-floating-small": { - "value": "0px 0px 0px 1px #2d333b, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866", + "value": "0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10738,21 +16651,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"] }, "shadow-floating-medium": { - "value": "0px 0px 0px 1px #2d333b, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866", + "value": "0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10792,21 +16719,35 @@ "spread": "-24px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"] }, "shadow-floating-large": { - "value": "0px 0px 0px 1px #2d333b, 0px 24px 48px 0px #1c2128", + "value": "0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10822,21 +16763,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"] }, "shadow-floating-xlarge": { - "value": "0px 0px 0px 1px #2d333b, 0px 32px 64px 0px #1c2128", + "value": "0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10852,12 +16807,63 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"] }, + "shadow-floating-legacy": { + "value": "0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866", + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, + "filePath": "src/tokens/functional/shadow/dark.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "12px", + "spread": "-3px" + }, + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "18px", + "spread": "0px" + } + ], + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } + }, + "name": "shadow-floating-legacy", + "attributes": {}, + "path": ["shadow", "floating", "legacy"] + }, "outline-focus": { "value": "#316dca solid 2px", "$type": "border", diff --git a/dist/docs/functional/themes/dark-high-contrast.json b/dist/docs/functional/themes/dark-high-contrast.json index 0c416d220..8e454c13f 100644 --- a/dist/docs/functional/themes/dark-high-contrast.json +++ b/dist/docs/functional/themes/dark-high-contrast.json @@ -789,7 +789,7 @@ "filePath": "src/tokens/functional/color/dark/app-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1052,7 +1052,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1082,7 +1082,7 @@ "isSource": true, "alpha": 0.95, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1112,7 +1112,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1141,7 +1141,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1170,7 +1170,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1185,150 +1185,124 @@ "attributes": {}, "path": ["headerSearch", "borderColor"] }, - "avatar-bgColor": { - "value": "#ffffff1a", + "data-blue-color": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "avatar-bgColor", + "name": "data-blue-color", "attributes": {}, - "path": ["avatar", "bgColor"] + "path": ["data", "blue", "color", "@"] }, - "avatar-borderColor": { - "value": "#ffffffe6", + "data-blue-color-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, - "alpha": 0.9, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] - } - }, - "alpha": 0.9 - }, - "name": "avatar-borderColor", - "attributes": {}, - "path": ["avatar", "borderColor"] - }, - "avatar-shadow": { - "value": "0px 0px 0px 2px #0a0c10", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.gray.9}", - "alpha": 1, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "2px" + "group": "component", + "scopes": ["bgColor"] } - ], - "$type": "shadow" + } }, - "name": "avatar-shadow", + "name": "data-blue-color-muted", "attributes": {}, - "path": ["avatar", "shadow"] + "path": ["data", "blue", "color", "muted"] }, - "avatarStack-fade-bgColor-default": { - "value": "#525964", + "data-auburn-color": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-default", + "name": "data-auburn-color", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "default"] + "path": ["data", "auburn", "color", "@"] }, - "avatarStack-fade-bgColor-muted": { - "value": "#3d424d", + "data-auburn-color-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-muted", + "name": "data-auburn-color-muted", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "muted"] + "path": ["data", "auburn", "color", "muted"] }, - "control-bgColor-rest": { - "value": "#3d424d", + "data-orange-color": { + "value": "#984b10", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1338,10 +1312,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1352,12 +1326,12 @@ } } }, - "name": "control-bgColor-rest", + "name": "data-orange-color", "attributes": {}, - "path": ["control", "bgColor", "rest"] + "path": ["data", "orange", "color", "@"] }, - "control-bgColor-hover": { - "value": "#494f5a", + "data-orange-color-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1367,14 +1341,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#7a828e", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1383,18 +1353,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-bgColor-hover", + "name": "data-orange-color-muted", "attributes": {}, - "path": ["control", "bgColor", "hover"] + "path": ["data", "orange", "color", "muted"] }, - "control-bgColor-active": { - "value": "#555c67", + "data-yellow-color": { + "value": "#895906", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1404,14 +1370,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#7a828e", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1420,18 +1382,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "control-bgColor-active", + "name": "data-yellow-color", "attributes": {}, - "path": ["control", "bgColor", "active"] + "path": ["data", "yellow", "color", "@"] }, - "control-bgColor-disabled": { - "value": "#272b33", + "data-yellow-color-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1441,10 +1399,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1455,12 +1413,12 @@ } } }, - "name": "control-bgColor-disabled", + "name": "data-yellow-color-muted", "attributes": {}, - "path": ["control", "bgColor", "disabled"] + "path": ["data", "yellow", "color", "muted"] }, - "control-bgColor-selected": { - "value": "#525964", + "data-green-color": { + "value": "#2f6f37", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1470,10 +1428,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1484,3359 +1442,3183 @@ } } }, - "name": "control-bgColor-selected", + "name": "data-green-color", "attributes": {}, - "path": ["control", "bgColor", "selected"] + "path": ["data", "green", "color", "@"] }, - "control-fgColor-rest": { - "value": "#f0f3f6", + "data-green-color-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-rest", + "name": "data-green-color-muted", "attributes": {}, - "path": ["control", "fgColor", "rest"] + "path": ["data", "green", "color", "muted"] }, - "control-fgColor-placeholder": { - "value": "#7a828e", + "data-teal-color": { + "value": "#106c70", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-placeholder", + "name": "data-teal-color", "attributes": {}, - "path": ["control", "fgColor", "placeholder"] + "path": ["data", "teal", "color", "@"] }, - "control-fgColor-disabled": { - "value": "#bdc4cc", + "data-teal-color-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-disabled", + "name": "data-teal-color-muted", "attributes": {}, - "path": ["control", "fgColor", "disabled"] + "path": ["data", "teal", "color", "muted"] }, - "control-borderColor-rest": { - "value": "#7a828e", + "data-purple-color": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-rest", + "name": "data-purple-color", "attributes": {}, - "path": ["control", "borderColor", "rest"] + "path": ["data", "purple", "color", "@"] }, - "control-borderColor-emphasis": { - "value": "#7a828e", + "data-purple-color-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "mix": null, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.emphasis}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "mix": null + } }, - "name": "control-borderColor-emphasis", + "name": "data-purple-color-muted", "attributes": {}, - "path": ["control", "borderColor", "emphasis"] + "path": ["data", "purple", "color", "muted"] }, - "control-borderColor-disabled": { - "value": "#272b33", + "data-pink-color": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-disabled", + "name": "data-pink-color", "attributes": {}, - "path": ["control", "borderColor", "disabled"] + "path": ["data", "pink", "color", "@"] }, - "control-borderColor-selected": { - "value": "#ffffff", + "data-pink-color-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-selected", + "name": "data-pink-color-muted", "attributes": {}, - "path": ["control", "borderColor", "selected"] + "path": ["data", "pink", "color", "muted"] }, - "control-borderColor-success": { - "value": "#09b43a", + "data-red-color": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-success", + "name": "data-red-color", "attributes": {}, - "path": ["control", "borderColor", "success"] + "path": ["data", "red", "color", "@"] }, - "control-borderColor-danger": { - "value": "#ff6a69", + "data-red-color-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.danger.emphasis}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-danger", + "name": "data-red-color-muted", "attributes": {}, - "path": ["control", "borderColor", "danger"] + "path": ["data", "red", "color", "muted"] }, - "control-borderColor-warning": { - "value": "#e09b13", + "data-gray-color": { + "value": "#576270", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.attention.emphasis}", + "value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-warning", + "name": "data-gray-color", "attributes": {}, - "path": ["control", "borderColor", "warning"] + "path": ["data", "gray", "color", "@"] }, - "control-iconColor-rest": { - "value": "#f0f3f6", + "data-gray-color-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-iconColor-rest", + "name": "data-gray-color-muted", "attributes": {}, - "path": ["control", "iconColor", "rest"] + "path": ["data", "gray", "color", "muted"] }, - "control-transparent-bgColor-rest": { - "value": "#00000000", + "display-blue-bgColor-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-transparent-bgColor-rest", + "name": "display-blue-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "rest"] + "path": ["display", "blue", "bgColor", "muted"] }, - "control-transparent-bgColor-hover": { - "value": "#272b33", + "display-blue-bgColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 1 + } }, - "name": "control-transparent-bgColor-hover", + "name": "display-blue-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "hover"] + "path": ["display", "blue", "bgColor", "emphasis"] }, - "control-transparent-bgColor-active": { - "value": "#525964", + "display-blue-fgColor": { + "value": "#4da0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 1 + } }, - "name": "control-transparent-bgColor-active", + "name": "display-blue-fgColor", "attributes": {}, - "path": ["control", "transparent", "bgColor", "active"] + "path": ["display", "blue", "fgColor"] }, - "control-transparent-bgColor-disabled": { - "value": "#00000000", + "display-blue-borderColor-muted": { + "value": "#002766", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-transparent-bgColor-disabled", + "name": "display-blue-borderColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "disabled"] + "path": ["display", "blue", "borderColor", "muted"] }, - "control-transparent-bgColor-selected": { - "value": "#525964", + "display-blue-borderColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "control-transparent-bgColor-selected", + "name": "display-blue-borderColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "selected"] + "path": ["display", "blue", "borderColor", "emphasis"] }, - "control-transparent-borderColor-rest": { - "value": "#00000000", + "display-green-bgColor-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-rest", + "name": "display-green-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "borderColor", "rest"] + "path": ["display", "green", "bgColor", "muted"] }, - "control-transparent-borderColor-hover": { - "value": "#7a828e", + "display-green-bgColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-hover", + "name": "display-green-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "borderColor", "hover"] + "path": ["display", "green", "bgColor", "emphasis"] }, - "control-transparent-borderColor-active": { - "value": "#9ea7b3", + "display-green-fgColor": { + "value": "#41b445", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-transparent-borderColor-active", + "name": "display-green-fgColor", "attributes": {}, - "path": ["control", "transparent", "borderColor", "active"] + "path": ["display", "green", "fgColor"] }, - "control-danger-fgColor-rest": { - "value": "#ff8080", + "display-green-borderColor-muted": { + "value": "#182f1f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-rest", + "name": "display-green-borderColor-muted", "attributes": {}, - "path": ["control", "danger", "fgColor", "rest"] + "path": ["display", "green", "borderColor", "muted"] }, - "control-danger-fgColor-hover": { - "value": "#0a0c10", + "display-green-borderColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-hover", + "name": "display-green-borderColor-emphasis", "attributes": {}, - "path": ["control", "danger", "fgColor", "hover"] + "path": ["display", "green", "borderColor", "emphasis"] }, - "control-danger-bgColor-hover": { - "value": "#ff6a69", + "display-orange-bgColor-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-danger-bgColor-hover", + "name": "display-orange-bgColor-muted", "attributes": {}, - "path": ["control", "danger", "bgColor", "hover"] + "path": ["display", "orange", "bgColor", "muted"] }, - "control-danger-bgColor-active": { - "value": "#f65052", + "display-orange-bgColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, - "mix": { - "color": "#e82a2f", - "weight": 0.4 - }, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 1, - "mix": { - "color": "{base.color.red.7}", - "weight": 0.4 } }, - "name": "control-danger-bgColor-active", + "name": "display-orange-bgColor-emphasis", "attributes": {}, - "path": ["control", "danger", "bgColor", "active"] + "path": ["display", "orange", "bgColor", "emphasis"] }, - "control-checked-bgColor-rest": { - "value": "#409eff", + "display-orange-fgColor": { + "value": "#ed8326", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-checked-bgColor-rest", + "name": "display-orange-fgColor", "attributes": {}, - "path": ["control", "checked", "bgColor", "rest"] + "path": ["display", "orange", "fgColor"] }, - "control-checked-bgColor-hover": { - "value": "#4aa3ff", + "display-orange-borderColor-muted": { + "value": "#43200a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#71b7ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-bgColor-hover", + "name": "display-orange-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "hover"] + "path": ["display", "orange", "borderColor", "muted"] }, - "control-checked-bgColor-active": { - "value": "#54a8ff", + "display-orange-borderColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#71b7ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-bgColor-active", + "name": "display-orange-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "bgColor", "active"] + "path": ["display", "orange", "borderColor", "emphasis"] }, - "control-checked-bgColor-disabled": { - "value": "#bdc4cc", + "display-purple-bgColor-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-checked-bgColor-disabled", + "name": "display-purple-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "disabled"] + "path": ["display", "purple", "bgColor", "muted"] }, - "control-checked-fgColor-rest": { - "value": "#0a0c10", + "display-purple-bgColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-fgColor-rest", + "name": "display-purple-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "fgColor", "rest"] + "path": ["display", "purple", "bgColor", "emphasis"] }, - "control-checked-fgColor-disabled": { - "value": "#010409", + "display-purple-fgColor": { + "value": "#b687f7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "control-checked-fgColor-disabled", + "name": "display-purple-fgColor", "attributes": {}, - "path": ["control", "checked", "fgColor", "disabled"] + "path": ["display", "purple", "fgColor"] }, - "control-checked-borderColor-rest": { - "value": "#409eff", + "display-purple-borderColor-muted": { + "value": "#31146b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "control-checked-borderColor-rest", + "name": "display-purple-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "rest"] + "path": ["display", "purple", "borderColor", "muted"] }, - "control-checked-borderColor-hover": { - "value": "#4aa3ff", + "display-purple-borderColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "mix": { - "color": "#71b7ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-borderColor-hover", + "name": "display-purple-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "hover"] + "path": ["display", "purple", "borderColor", "emphasis"] }, - "control-checked-borderColor-active": { - "value": "#54a8ff", + "display-plum-bgColor-muted": { + "value": "#2a0e3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "mix": { - "color": "#71b7ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-borderColor-active", + "name": "display-plum-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "active"] + "path": ["display", "plum", "bgColor", "muted"] }, - "control-checked-borderColor-disabled": { - "value": "#bdc4cc", + "display-plum-bgColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-borderColor-disabled", + "name": "display-plum-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "disabled"] + "path": ["display", "plum", "bgColor", "emphasis"] }, - "controlTrack-bgColor-rest": { - "value": "#3d424d", + "display-plum-fgColor": { + "value": "#d07ef7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlTrack-bgColor-rest", + "name": "display-plum-fgColor", "attributes": {}, - "path": ["controlTrack", "bgColor", "rest"] + "path": ["display", "plum", "fgColor"] }, - "controlTrack-bgColor-hover": { - "value": "#494f5a", + "display-plum-borderColor-muted": { + "value": "#40125e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#7a828e", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "controlTrack-bgColor-hover", + "name": "display-plum-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "hover"] + "path": ["display", "plum", "borderColor", "muted"] }, - "controlTrack-bgColor-active": { - "value": "#555c67", + "display-plum-borderColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#7a828e", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "controlTrack-bgColor-active", + "name": "display-plum-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "bgColor", "active"] + "path": ["display", "plum", "borderColor", "emphasis"] }, - "controlTrack-bgColor-disabled": { - "value": "#bdc4cc", + "display-red-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlTrack-bgColor-disabled", + "name": "display-red-bgColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "disabled"] + "path": ["display", "red", "bgColor", "muted"] }, - "controlTrack-fgColor-rest": { - "value": "#fbfcfd", + "display-red-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.default}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "controlTrack-fgColor-rest", + "name": "display-red-bgColor-emphasis", "attributes": {}, - "path": ["controlTrack", "fgColor", "rest"] + "path": ["display", "red", "bgColor", "emphasis"] }, - "controlTrack-fgColor-disabled": { - "value": "#0a0c10", + "display-red-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "controlTrack-fgColor-disabled", + "name": "display-red-fgColor", "attributes": {}, - "path": ["controlTrack", "fgColor", "disabled"] + "path": ["display", "red", "fgColor"] }, - "controlTrack-borderColor-rest": { - "value": "#00000000", + "display-red-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-rest", + "name": "display-red-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "borderColor", "rest"] + "path": ["display", "red", "borderColor", "muted"] }, - "controlTrack-borderColor-disabled": { - "value": "#bdc4cc", + "display-red-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-disabled", + "name": "display-red-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "borderColor", "disabled"] + "path": ["display", "red", "borderColor", "emphasis"] }, - "controlKnob-bgColor-rest": { - "value": "#010409", + "display-coral-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-rest", + "name": "display-coral-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "bgColor", "rest"] + "path": ["display", "coral", "bgColor", "muted"] }, - "controlKnob-bgColor-disabled": { - "value": "#272b33", + "display-coral-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-disabled", + "name": "display-coral-bgColor-emphasis", "attributes": {}, - "path": ["controlKnob", "bgColor", "disabled"] + "path": ["display", "coral", "bgColor", "emphasis"] }, - "controlKnob-bgColor-checked": { - "value": "#ffffff", + "display-coral-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlKnob-bgColor-checked", + "name": "display-coral-fgColor", "attributes": {}, - "path": ["controlKnob", "bgColor", "checked"] + "path": ["display", "coral", "fgColor"] }, - "controlKnob-borderColor-rest": { - "value": "#7a828e", + "display-coral-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.emphasis}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-rest", + "name": "display-coral-borderColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "rest"] + "path": ["display", "coral", "borderColor", "muted"] }, - "controlKnob-borderColor-disabled": { - "value": "#272b33", + "display-coral-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-disabled", + "name": "display-coral-borderColor-emphasis", "attributes": {}, - "path": ["controlKnob", "borderColor", "disabled"] + "path": ["display", "coral", "borderColor", "emphasis"] }, - "controlKnob-borderColor-checked": { - "value": "#409eff", + "display-yellow-bgColor-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.checked.bgColor.rest}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "controlKnob-borderColor-checked", + "name": "display-yellow-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "checked"] + "path": ["display", "yellow", "bgColor", "muted"] }, - "counter-borderColor": { - "value": "#00000000", + "display-yellow-bgColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "counter-borderColor", + "name": "display-yellow-bgColor-emphasis", "attributes": {}, - "path": ["counter", "borderColor"] + "path": ["display", "yellow", "bgColor", "emphasis"] }, - "button-default-fgColor-rest": { - "value": "#f0f3f6", + "display-yellow-fgColor": { + "value": "#d3910d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.rest}", + "value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-default-fgColor-rest", + "name": "display-yellow-fgColor", "attributes": {}, - "path": ["button", "default", "fgColor", "rest"] + "path": ["display", "yellow", "fgColor"] }, - "button-default-bgColor-rest": { - "value": "#3d424d", + "display-yellow-borderColor-muted": { + "value": "#3d2401", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-rest", + "name": "display-yellow-borderColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "rest"] + "path": ["display", "yellow", "borderColor", "muted"] }, - "button-default-bgColor-hover": { - "value": "#494f5a", + "display-yellow-borderColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.hover}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-hover", + "name": "display-yellow-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "hover"] + "path": ["display", "yellow", "borderColor", "emphasis"] }, - "button-default-bgColor-active": { - "value": "#555c67", + "display-gray-bgColor-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-active", + "name": "display-gray-bgColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "active"] + "path": ["display", "gray", "bgColor", "muted"] }, - "button-default-bgColor-selected": { - "value": "#555c67", + "display-gray-bgColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-selected", + "name": "display-gray-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "selected"] + "path": ["display", "gray", "bgColor", "emphasis"] }, - "button-default-bgColor-disabled": { - "value": "#272b33", + "display-gray-fgColor": { + "value": "#92a1b5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-default-bgColor-disabled", + "name": "display-gray-fgColor", "attributes": {}, - "path": ["button", "default", "bgColor", "disabled"] + "path": ["display", "gray", "fgColor"] }, - "button-default-borderColor-rest": { - "value": "#7a828e", + "display-gray-borderColor-muted": { + "value": "#2a2b2d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-rest", + "name": "display-gray-borderColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "rest"] + "path": ["display", "gray", "borderColor", "muted"] }, - "button-default-borderColor-hover": { - "value": "#7a828e", + "display-gray-borderColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-hover", + "name": "display-gray-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "borderColor", "hover"] + "path": ["display", "gray", "borderColor", "emphasis"] }, - "button-default-borderColor-active": { - "value": "#7a828e", + "display-auburn-bgColor-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-active", + "name": "display-auburn-bgColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "active"] + "path": ["display", "auburn", "bgColor", "muted"] }, - "button-default-borderColor-disabled": { - "value": "#272b33", + "display-auburn-bgColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-disabled", - "attributes": {}, - "path": ["button", "default", "borderColor", "disabled"] - }, - "button-default-shadow-resting": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-default-shadow-resting", + "name": "display-auburn-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "shadow", "resting"] + "path": ["display", "auburn", "bgColor", "emphasis"] }, - "button-primary-fgColor-rest": { - "value": "#0a0c10", + "display-auburn-fgColor": { + "value": "#bf9592", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-primary-fgColor-rest", + "name": "display-auburn-fgColor", "attributes": {}, - "path": ["button", "primary", "fgColor", "rest"] + "path": ["display", "auburn", "fgColor"] }, - "button-primary-fgColor-disabled": { - "value": "#0a0c1080", + "display-auburn-borderColor-muted": { + "value": "#3a2422", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-primary-fgColor-disabled", + "name": "display-auburn-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "fgColor", "disabled"] + "path": ["display", "auburn", "borderColor", "muted"] }, - "button-primary-iconColor-rest": { - "value": "#0a0c10", + "display-auburn-borderColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-primary-iconColor-rest", + "name": "display-auburn-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "iconColor", "rest"] + "path": ["display", "auburn", "borderColor", "emphasis"] }, - "button-primary-bgColor-rest": { - "value": "#09b43a", + "display-brown-bgColor-muted": { + "value": "#241c14", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-primary-bgColor-rest", + "name": "display-brown-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "rest"] + "path": ["display", "brown", "bgColor", "muted"] }, - "button-primary-bgColor-hover": { - "value": "#0fbb3f", + "display-brown-bgColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "mix": { - "color": "#28d751", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.green.3}", - "weight": 0.2 } }, - "name": "button-primary-bgColor-hover", + "name": "display-brown-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "hover"] + "path": ["display", "brown", "bgColor", "emphasis"] }, - "button-primary-bgColor-active": { - "value": "#15c243", + "display-brown-fgColor": { + "value": "#b69a6d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "mix": { - "color": "#28d751", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.green.3}", - "weight": 0.4 } }, - "name": "button-primary-bgColor-active", + "name": "display-brown-fgColor", "attributes": {}, - "path": ["button", "primary", "bgColor", "active"] + "path": ["display", "brown", "fgColor"] }, - "button-primary-bgColor-disabled": { - "value": "#6bdc84", + "display-brown-borderColor-muted": { + "value": "#342a1d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#acf7b6", - "weight": 0.6 - }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.green.0}", - "weight": 0.6 } }, - "name": "button-primary-bgColor-disabled", + "name": "display-brown-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "disabled"] + "path": ["display", "brown", "borderColor", "muted"] }, - "button-primary-borderColor-rest": { - "value": "#4ae168", + "display-brown-borderColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.2}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "button-primary-borderColor-rest", + "name": "display-brown-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "rest"] + "path": ["display", "brown", "borderColor", "emphasis"] }, - "button-primary-borderColor-hover": { - "value": "#4ae168", + "display-lemon-bgColor-muted": { + "value": "#291d00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, - "alpha": 1, "original": { - "value": "{base.color.green.2}", + "value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "alpha": 1 + } }, - "name": "button-primary-borderColor-hover", + "name": "display-lemon-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "hover"] + "path": ["display", "lemon", "bgColor", "muted"] }, - "button-primary-borderColor-active": { - "value": "#4ae168", + "display-lemon-bgColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, - "alpha": 1, "original": { - "value": "{base.color.green.2}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "alpha": 1 + } }, - "name": "button-primary-borderColor-active", + "name": "display-lemon-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "active"] + "path": ["display", "lemon", "bgColor", "emphasis"] }, - "button-primary-borderColor-disabled": { - "value": "#4ae16866", + "display-lemon-fgColor": { + "value": "#ba9b12", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, - "alpha": 0.4, "original": { - "value": "{base.color.green.2}", + "value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] - } - }, - "alpha": 0.4 - }, - "name": "button-primary-borderColor-disabled", - "attributes": {}, - "path": ["button", "primary", "borderColor", "disabled"] - }, - "button-primary-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false + "scopes": ["fgColor"] } - ], - "$type": "shadow" + } }, - "name": "button-primary-shadow-selected", + "name": "display-lemon-fgColor", "attributes": {}, - "path": ["button", "primary", "shadow", "selected"] + "path": ["display", "lemon", "fgColor"] }, - "button-invisible-fgColor-rest": { - "value": "#52a7ff", + "display-lemon-borderColor-muted": { + "value": "#372901", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-rest", + "name": "display-lemon-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "rest"] + "path": ["display", "lemon", "borderColor", "muted"] }, - "button-invisible-fgColor-hover": { - "value": "#1e60d5", + "display-lemon-borderColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-hover", + "name": "display-lemon-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "fgColor", "hover"] + "path": ["display", "lemon", "borderColor", "emphasis"] }, - "button-invisible-fgColor-disabled": { - "value": "#bdc4cc", + "display-olive-bgColor-muted": { + "value": "#171e0b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-fgColor-disabled", + "name": "display-olive-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "disabled"] + "path": ["display", "olive", "bgColor", "muted"] }, - "button-invisible-iconColor-rest": { - "value": "#f0f3f6", + "display-olive-bgColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-rest", + "name": "display-olive-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "iconColor", "rest"] + "path": ["display", "olive", "bgColor", "emphasis"] }, - "button-invisible-iconColor-hover": { - "value": "#0a0c10", + "display-olive-fgColor": { + "value": "#a2a626", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-invisible-iconColor-hover", + "name": "display-olive-fgColor", "attributes": {}, - "path": ["button", "invisible", "iconColor", "hover"] + "path": ["display", "olive", "fgColor"] }, - "button-invisible-iconColor-disabled": { - "value": "#bdc4cc", + "display-olive-borderColor-muted": { + "value": "#252d10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-iconColor-disabled", + "name": "display-olive-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "iconColor", "disabled"] + "path": ["display", "olive", "borderColor", "muted"] }, - "button-invisible-bgColor-rest": { - "value": "#00000000", + "display-olive-borderColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.rest}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-rest", + "name": "display-olive-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "rest"] + "path": ["display", "olive", "borderColor", "emphasis"] }, - "button-invisible-bgColor-hover": { - "value": "#f0f3f6", + "display-lime-bgColor-muted": { + "value": "#141f0f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, - "alpha": null, - "mix": null, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": null, - "mix": null + } }, - "name": "button-invisible-bgColor-hover", + "name": "display-lime-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "hover"] + "path": ["display", "lime", "bgColor", "muted"] }, - "button-invisible-bgColor-active": { - "value": "#d9dee3", + "display-lime-bgColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, - "alpha": null, - "mix": null, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": null, - "mix": null + } }, - "name": "button-invisible-bgColor-active", + "name": "display-lime-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "active"] + "path": ["display", "lime", "bgColor", "emphasis"] }, - "button-invisible-bgColor-disabled": { - "value": "#00000000", + "display-lime-fgColor": { + "value": "#7dae37", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.disabled}", + "value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-invisible-bgColor-disabled", + "name": "display-lime-fgColor", "attributes": {}, - "path": ["button", "invisible", "bgColor", "disabled"] + "path": ["display", "lime", "fgColor"] }, - "button-invisible-borderColor-rest": { - "value": "#00000000", + "display-lime-borderColor-muted": { + "value": "#1f3116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.rest}", + "value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-rest", + "name": "display-lime-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "rest"] + "path": ["display", "lime", "borderColor", "muted"] }, - "button-invisible-borderColor-hover": { - "value": "#7a828e", + "display-lime-borderColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.hover}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-hover", + "name": "display-lime-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "borderColor", "hover"] + "path": ["display", "lime", "borderColor", "emphasis"] }, - "button-invisible-borderColor-disabled": { - "value": "#272b33", + "display-pine-bgColor-muted": { + "value": "#082119", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-borderColor-disabled", + "name": "display-pine-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "disabled"] + "path": ["display", "pine", "bgColor", "muted"] }, - "button-outline-fgColor-rest": { - "value": "#5cacff", + "display-pine-bgColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-rest", + "name": "display-pine-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "rest"] + "path": ["display", "pine", "bgColor", "emphasis"] }, - "button-outline-fgColor-hover": { - "value": "#71b7ff", + "display-pine-fgColor": { + "value": "#1bb673", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-outline-fgColor-hover", + "name": "display-pine-fgColor", "attributes": {}, - "path": ["button", "outline", "fgColor", "hover"] + "path": ["display", "pine", "fgColor"] }, - "button-outline-fgColor-active": { - "value": "#ffffff", + "display-pine-borderColor-muted": { + "value": "#0b3224", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-fgColor-active", + "name": "display-pine-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "active"] + "path": ["display", "pine", "borderColor", "muted"] }, - "button-outline-fgColor-disabled": { - "value": "#52a7ff80", + "display-pine-borderColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-outline-fgColor-disabled", + "name": "display-pine-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "disabled"] + "path": ["display", "pine", "borderColor", "emphasis"] }, - "button-outline-bgColor-rest": { - "value": "#ffffff", + "display-teal-bgColor-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-rest", + "name": "display-teal-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "rest"] + "path": ["display", "teal", "bgColor", "muted"] }, - "button-outline-bgColor-hover": { - "value": "#525964", + "display-teal-bgColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-hover", + "name": "display-teal-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "hover"] + "path": ["display", "teal", "bgColor", "emphasis"] }, - "button-outline-bgColor-active": { - "value": "#2672f3", + "display-teal-fgColor": { + "value": "#1cb0ab", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-outline-bgColor-active", + "name": "display-teal-fgColor", "attributes": {}, - "path": ["button", "outline", "bgColor", "active"] + "path": ["display", "teal", "fgColor"] }, - "button-outline-bgColor-disabled": { - "value": "#0a0c10", + "display-teal-borderColor-muted": { + "value": "#073036", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-bgColor-disabled", + "name": "display-teal-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "disabled"] + "path": ["display", "teal", "borderColor", "muted"] }, - "button-outline-borderColor-hover": { - "value": "#ffffff1a", + "display-teal-borderColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-outline-borderColor-hover", + "name": "display-teal-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "borderColor", "hover"] + "path": ["display", "teal", "borderColor", "emphasis"] }, - "button-outline-borderColor-selected": { - "value": "#ffffff1a", + "display-cyan-bgColor-muted": { + "value": "#001f29", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.outline.borderColor.hover}", + "value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-borderColor-selected", - "attributes": {}, - "path": ["button", "outline", "borderColor", "selected"] - }, - "button-outline-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-outline-shadow-selected", + "name": "display-cyan-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "shadow", "selected"] + "path": ["display", "cyan", "bgColor", "muted"] }, - "button-danger-fgColor-rest": { - "value": "#ff8080", + "display-cyan-bgColor-emphasis": { + "value": "#0587b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-rest", + "name": "display-cyan-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "rest"] + "path": ["display", "cyan", "bgColor", "emphasis"] }, - "button-danger-fgColor-hover": { - "value": "#ffffff", + "display-cyan-fgColor": { + "value": "#07ace4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-danger-fgColor-hover", + "name": "display-cyan-fgColor", "attributes": {}, - "path": ["button", "danger", "fgColor", "hover"] + "path": ["display", "cyan", "fgColor"] }, - "button-danger-fgColor-active": { - "value": "#ffffff", + "display-cyan-borderColor-muted": { + "value": "#002e3d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-fgColor-active", + "name": "display-cyan-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "active"] + "path": ["display", "cyan", "borderColor", "muted"] }, - "button-danger-fgColor-disabled": { - "value": "#ff808080", + "display-cyan-borderColor-emphasis": { + "value": "#0587b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-danger-fgColor-disabled", + "name": "display-cyan-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "disabled"] + "path": ["display", "cyan", "borderColor", "emphasis"] }, - "button-danger-iconColor-rest": { - "value": "#ff8080", + "display-indigo-bgColor-muted": { + "value": "#1b183f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-rest", + "name": "display-indigo-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "iconColor", "rest"] + "path": ["display", "indigo", "bgColor", "muted"] }, - "button-danger-iconColor-hover": { - "value": "#ffffff", + "display-indigo-bgColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-hover", + "name": "display-indigo-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "iconColor", "hover"] + "path": ["display", "indigo", "bgColor", "emphasis"] }, - "button-danger-bgColor-rest": { - "value": "#3d424d", + "display-indigo-fgColor": { + "value": "#9899ec", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-bgColor-rest", + "name": "display-indigo-fgColor", "attributes": {}, - "path": ["button", "danger", "bgColor", "rest"] + "path": ["display", "indigo", "fgColor"] }, - "button-danger-bgColor-hover": { - "value": "#ff4445", + "display-indigo-borderColor-muted": { + "value": "#25215f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-hover", + "name": "display-indigo-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "hover"] + "path": ["display", "indigo", "borderColor", "muted"] }, - "button-danger-bgColor-active": { - "value": "#ff5c5d", + "display-indigo-borderColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#ff8080", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.red.4}", - "weight": 0.4 } }, - "name": "button-danger-bgColor-active", + "name": "display-indigo-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "active"] + "path": ["display", "indigo", "borderColor", "emphasis"] }, - "button-danger-bgColor-disabled": { - "value": "#272b33", + "display-pink-bgColor-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-danger-bgColor-disabled", + "name": "display-pink-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "disabled"] + "path": ["display", "pink", "bgColor", "muted"] }, - "button-danger-borderColor-rest": { - "value": "#7a828e", + "display-pink-bgColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-borderColor-rest", + "name": "display-pink-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "borderColor", "rest"] + "path": ["display", "pink", "bgColor", "emphasis"] }, - "button-danger-borderColor-hover": { - "value": "#ffffff1a", + "display-pink-fgColor": { + "value": "#e57bb2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-danger-borderColor-hover", + "name": "display-pink-fgColor", "attributes": {}, - "path": ["button", "danger", "borderColor", "hover"] + "path": ["display", "pink", "fgColor"] }, - "button-danger-borderColor-active": { - "value": "#ffffff1a", + "display-pink-borderColor-muted": { + "value": "#451c35", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.danger.borderColor.hover}", + "value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-danger-borderColor-active", - "attributes": {}, - "path": ["button", "danger", "borderColor", "active"] - }, - "button-danger-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-danger-shadow-selected", + "name": "display-pink-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "shadow", "selected"] + "path": ["display", "pink", "borderColor", "muted"] }, - "button-inactive-fgColor-rest": { - "value": "#bdc4cc", + "display-pink-borderColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-fgColor-rest", + "name": "display-pink-borderColor-emphasis", "attributes": {}, - "path": ["button", "inactive", "fgColor", "rest"] + "path": ["display", "pink", "borderColor", "emphasis"] }, - "button-inactive-bgColor-rest": { - "value": "#3d424d", + "avatar-bgColor": { + "value": "#ffffff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", "scopes": ["bgColor"] } }, + "alpha": 0.1, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "button-inactive-bgColor-rest", + "name": "avatar-bgColor", "attributes": {}, - "path": ["button", "inactive", "bgColor", "rest"] + "path": ["avatar", "bgColor"] }, - "buttonCounter-default-bgColor-rest": { - "value": "#525964", + "avatar-borderColor": { + "value": "#ffffffe6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "alpha": 0.9, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] + } + }, + "alpha": 0.9 + }, + "name": "avatar-borderColor", + "attributes": {}, + "path": ["avatar", "borderColor"] + }, + "avatar-shadow": { + "value": "0px 0px 0px 2px #0a0c10", + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component shadow" + } + }, + "filePath": "src/tokens/functional/shadow/dark.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.neutral.9}", + "alpha": 1, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "2px" + } + ], + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component shadow" } } }, - "name": "buttonCounter-default-bgColor-rest", + "name": "avatar-shadow", "attributes": {}, - "path": ["buttonCounter", "default", "bgColor", "rest"] + "path": ["avatar", "shadow"] }, - "buttonCounter-invisible-bgColor-rest": { + "avatarStack-fade-bgColor-default": { "value": "#525964", "$type": "color", "$extensions": { @@ -4847,11 +4629,10 @@ "scopes": ["bgColor"] } }, - "alpha": 1, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4860,15 +4641,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 1 + } }, - "name": "buttonCounter-invisible-bgColor-rest", + "name": "avatarStack-fade-bgColor-default", "attributes": {}, - "path": ["buttonCounter", "invisible", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "default"] }, - "buttonCounter-primary-bgColor-rest": { - "value": "#01040926", + "avatarStack-fade-bgColor-muted": { + "value": "#3d424d", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4878,11 +4658,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4891,2381 +4670,2195 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.15 + } }, - "name": "buttonCounter-primary-bgColor-rest", + "name": "avatarStack-fade-bgColor-muted", "attributes": {}, - "path": ["buttonCounter", "primary", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "muted"] }, - "buttonCounter-outline-bgColor-rest": { - "value": "#194fb133", + "control-bgColor-rest": { + "value": "#3d424d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-rest", + "name": "control-bgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "rest"] + "path": ["control", "bgColor", "rest"] }, - "buttonCounter-outline-bgColor-hover": { - "value": "#194fb133", + "control-bgColor-hover": { + "value": "#494f5a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, + "mix": { + "color": "#7a828e", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-hover", + "name": "control-bgColor-hover", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "hover"] + "path": ["control", "bgColor", "hover"] }, - "buttonCounter-outline-bgColor-disabled": { - "value": "#409eff0d", + "control-bgColor-active": { + "value": "#555c67", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05, + "mix": { + "color": "#7a828e", + "weight": 0.4 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 + } }, - "name": "buttonCounter-outline-bgColor-disabled", + "name": "control-bgColor-active", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "disabled"] + "path": ["control", "bgColor", "active"] }, - "buttonCounter-outline-fgColor-rest": { - "value": "#5cacff", + "control-bgColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "buttonCounter-outline-fgColor-rest", + "name": "control-bgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "rest"] + "path": ["control", "bgColor", "disabled"] }, - "buttonCounter-outline-fgColor-hover": { - "value": "#71b7ff", + "control-bgColor-selected": { + "value": "#525964", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "buttonCounter-outline-fgColor-hover", + "name": "control-bgColor-selected", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "hover"] + "path": ["control", "bgColor", "selected"] }, - "buttonCounter-outline-fgColor-disabled": { - "value": "#52a7ff80", + "control-fgColor-rest": { + "value": "#f0f3f6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-outline-fgColor-disabled", + "name": "control-fgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "disabled"] + "path": ["control", "fgColor", "rest"] }, - "buttonCounter-danger-bgColor-hover": { - "value": "#01040926", + "control-fgColor-placeholder": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.15 + } }, - "name": "buttonCounter-danger-bgColor-hover", + "name": "control-fgColor-placeholder", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "hover"] + "path": ["control", "fgColor", "placeholder"] }, - "buttonCounter-danger-bgColor-disabled": { - "value": "#ff6a690d", + "control-fgColor-disabled": { + "value": "#9ea7b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-danger-bgColor-disabled", + "name": "control-fgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "disabled"] + "path": ["control", "fgColor", "disabled"] }, - "buttonCounter-danger-bgColor-rest": { - "value": "#01040926", + "control-borderColor-rest": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "buttonCounter-danger-bgColor-rest", + "name": "control-borderColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "rest"] + "path": ["control", "borderColor", "rest"] }, - "buttonCounter-danger-fgColor-rest": { - "value": "#ff8080", + "control-borderColor-emphasis": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "mix": null, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } - } + }, + "mix": null }, - "name": "buttonCounter-danger-fgColor-rest", + "name": "control-borderColor-emphasis", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "rest"] + "path": ["control", "borderColor", "emphasis"] }, - "buttonCounter-danger-fgColor-hover": { - "value": "#ffffff", + "control-borderColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "buttonCounter-danger-fgColor-hover", + "name": "control-borderColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "hover"] + "path": ["control", "borderColor", "disabled"] }, - "buttonCounter-danger-fgColor-disabled": { - "value": "#ff808080", + "control-borderColor-selected": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-danger-fgColor-disabled", + "name": "control-borderColor-selected", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "disabled"] + "path": ["control", "borderColor", "selected"] }, - "focus-outlineColor": { - "value": "#409eff", + "control-borderColor-success": { + "value": "#09b43a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.accent.emphasis}", + "value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "focus-outlineColor", + "name": "control-borderColor-success", "attributes": {}, - "path": ["focus", "outlineColor"] + "path": ["control", "borderColor", "success"] }, - "menu-bgColor-active": { - "value": "#272b33", + "control-borderColor-danger": { + "value": "#ff6a69", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "menu-bgColor-active", + "name": "control-borderColor-danger", "attributes": {}, - "path": ["menu", "bgColor", "active"] + "path": ["control", "borderColor", "danger"] }, - "overlay-bgColor": { - "value": "#272b33", + "control-borderColor-warning": { + "value": "#e09b13", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "overlay-bgColor", + "name": "control-borderColor-warning", "attributes": {}, - "path": ["overlay", "bgColor"] + "path": ["control", "borderColor", "warning"] }, - "overlay-backdrop-bgColor": { - "value": "#272b3366", + "control-iconColor-rest": { + "value": "#f0f3f6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.4, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "overlay-backdrop-bgColor", + "name": "control-iconColor-rest", "attributes": {}, - "path": ["overlay", "backdrop", "bgColor"] + "path": ["control", "iconColor", "rest"] }, - "selectMenu-borderColor": { - "value": "#7a828e", + "control-transparent-bgColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "selectMenu-borderColor", + "name": "control-transparent-bgColor-rest", "attributes": {}, - "path": ["selectMenu", "borderColor"] + "path": ["control", "transparent", "bgColor", "rest"] }, - "selectMenu-bgColor-active": { - "value": "#1e60d5", + "control-transparent-bgColor-hover": { + "value": "#272b33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 1 }, - "name": "selectMenu-bgColor-active", + "name": "control-transparent-bgColor-hover", "attributes": {}, - "path": ["selectMenu", "bgColor", "active"] + "path": ["control", "transparent", "bgColor", "hover"] }, - "sideNav-bgColor-selected": { - "value": "#3d424d", + "control-transparent-bgColor-active": { + "value": "#525964", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } - }, - "name": "sideNav-bgColor-selected", - "attributes": {}, - "path": ["sideNav", "bgColor", "selected"] - }, - "skeletonLoader-bgColor": { - "value": "#272b33", - "$type": "color", - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", - "isSource": true, - "original": { - "value": "{bgColor.muted}", - "$type": "color" + }, + "alpha": 1 }, - "name": "skeletonLoader-bgColor", + "name": "control-transparent-bgColor-active", "attributes": {}, - "path": ["skeletonLoader", "bgColor"] + "path": ["control", "transparent", "bgColor", "active"] }, - "timelineBadge-bgColor": { - "value": "#3d424d", + "control-transparent-bgColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "timelineBadge-bgColor", + "name": "control-transparent-bgColor-disabled", "attributes": {}, - "path": ["timelineBadge", "bgColor"] + "path": ["control", "transparent", "bgColor", "disabled"] }, - "treeViewItem-leadingVisual-iconColor-rest": { - "value": "#f0f3f6", + "control-transparent-bgColor-selected": { + "value": "#525964", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 1 }, - "name": "treeViewItem-leadingVisual-iconColor-rest", + "name": "control-transparent-bgColor-selected", "attributes": {}, - "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] + "path": ["control", "transparent", "bgColor", "selected"] }, - "underlineNav-borderColor-active": { - "value": "#ff967d", + "control-transparent-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-active", + "name": "control-transparent-borderColor-rest", "attributes": {}, - "path": ["underlineNav", "borderColor", "active"] + "path": ["control", "transparent", "borderColor", "rest"] }, - "underlineNav-borderColor-hover": { - "value": "#bdc4cc", + "control-transparent-borderColor-hover": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-hover", + "name": "control-transparent-borderColor-hover", "attributes": {}, - "path": ["underlineNav", "borderColor", "hover"] + "path": ["control", "transparent", "borderColor", "hover"] }, - "underlineNav-iconColor-rest": { - "value": "#f0f3f6", + "control-transparent-borderColor-active": { + "value": "#9ea7b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "underlineNav-iconColor-rest", + "name": "control-transparent-borderColor-active", "attributes": {}, - "path": ["underlineNav", "iconColor", "rest"] + "path": ["control", "transparent", "borderColor", "active"] }, - "fgColor-default": { - "value": "#fbfcfd", + "control-danger-fgColor-rest": { + "value": "#ff8080", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#f0f3f6", - "weight": 0.25 - }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.gray.1}", - "weight": 0.25 } }, - "name": "fgColor-default", + "name": "control-danger-fgColor-rest", "attributes": {}, - "path": ["fgColor", "default"] + "path": ["control", "danger", "fgColor", "rest"] }, - "fgColor-muted": { - "value": "#f0f3f6", + "control-danger-fgColor-hover": { + "value": "#0a0c10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": null, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, - "alpha": 1, "original": { - "value": "{base.color.gray.1}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": null, - "alpha": 1 + } }, - "name": "fgColor-muted", + "name": "control-danger-fgColor-hover", "attributes": {}, - "path": ["fgColor", "muted"] + "path": ["control", "danger", "fgColor", "hover"] }, - "fgColor-onEmphasis": { - "value": "#0a0c10", + "control-danger-bgColor-hover": { + "value": "#ff6a69", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-onEmphasis", + "name": "control-danger-bgColor-hover", "attributes": {}, - "path": ["fgColor", "onEmphasis"] + "path": ["control", "danger", "bgColor", "hover"] }, - "fgColor-disabled": { - "value": "#bdc4cc", + "control-danger-bgColor-active": { + "value": "#f65052", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "alpha": 1, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, + "mix": { + "color": "#e82a2f", + "weight": 0.4 + }, "original": { - "value": "{base.color.gray.3}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "alpha": 1, + "mix": { + "color": "{base.color.red.7}", + "weight": 0.4 } }, - "name": "fgColor-disabled", + "name": "control-danger-bgColor-active", "attributes": {}, - "path": ["fgColor", "disabled"] + "path": ["control", "danger", "bgColor", "active"] }, - "fgColor-link": { - "value": "#52a7ff", + "control-checked-bgColor-rest": { + "value": "#409eff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-link", + "name": "control-checked-bgColor-rest", "attributes": {}, - "path": ["fgColor", "link", "@"] + "path": ["control", "checked", "bgColor", "rest"] }, - "fgColor-neutral": { - "value": "#9ea7b3", + "control-checked-bgColor-hover": { + "value": "#4aa3ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#71b7ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-neutral", + "name": "control-checked-bgColor-hover", "attributes": {}, - "path": ["fgColor", "neutral", "@"] + "path": ["control", "checked", "bgColor", "hover"] }, - "fgColor-accent": { - "value": "#52a7ff", + "control-checked-bgColor-active": { + "value": "#54a8ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "#409eff", - "weight": 0.35 + "color": "#71b7ff", + "weight": 0.4 }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "{base.color.blue.5}", - "weight": 0.35 + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-accent", + "name": "control-checked-bgColor-active", "attributes": {}, - "path": ["fgColor", "accent", "@"] + "path": ["control", "checked", "bgColor", "active"] }, - "fgColor-success": { - "value": "#28d751", + "control-checked-bgColor-disabled": { + "value": "#9ea7b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-success", + "name": "control-checked-bgColor-disabled", "attributes": {}, - "path": ["fgColor", "success", "@"] + "path": ["control", "checked", "bgColor", "disabled"] }, - "fgColor-attention": { - "value": "#f0b72f", + "control-checked-fgColor-rest": { + "value": "#0a0c10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-attention", + "name": "control-checked-fgColor-rest", "attributes": {}, - "path": ["fgColor", "attention", "@"] + "path": ["control", "checked", "fgColor", "rest"] }, - "fgColor-severe": { - "value": "#f48b25", + "control-checked-fgColor-disabled": { + "value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-severe", + "name": "control-checked-fgColor-disabled", "attributes": {}, - "path": ["fgColor", "severe", "@"] + "path": ["control", "checked", "fgColor", "disabled"] }, - "fgColor-danger": { - "value": "#ff8080", + "control-checked-borderColor-rest": { + "value": "#409eff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-danger", + "name": "control-checked-borderColor-rest", "attributes": {}, - "path": ["fgColor", "danger", "@"] + "path": ["control", "checked", "borderColor", "rest"] }, - "fgColor-open": { - "value": "#28d751", + "control-checked-borderColor-hover": { + "value": "#4aa3ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#71b7ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.success.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-open", + "name": "control-checked-borderColor-hover", "attributes": {}, - "path": ["fgColor", "open", "@"] + "path": ["control", "checked", "borderColor", "hover"] }, - "fgColor-closed": { - "value": "#ff8080", + "control-checked-borderColor-active": { + "value": "#54a8ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#71b7ff", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-closed", + "name": "control-checked-borderColor-active", "attributes": {}, - "path": ["fgColor", "closed", "@"] + "path": ["control", "checked", "borderColor", "active"] }, - "fgColor-done": { - "value": "#bf8fff", + "control-checked-borderColor-disabled": { + "value": "#9ea7b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-done", + "name": "control-checked-borderColor-disabled", "attributes": {}, - "path": ["fgColor", "done", "@"] + "path": ["control", "checked", "borderColor", "disabled"] }, - "fgColor-sponsors": { - "value": "#f87cbd", + "controlTrack-bgColor-rest": { + "value": "#3d424d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "fgColor-sponsors", + "name": "controlTrack-bgColor-rest", "attributes": {}, - "path": ["fgColor", "sponsors", "@"] + "path": ["controlTrack", "bgColor", "rest"] }, - "bgColor-default": { - "value": "#0a0c10", + "controlTrack-bgColor-hover": { + "value": "#494f5a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#7a828e", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "bgColor-default", + "name": "controlTrack-bgColor-hover", "attributes": {}, - "path": ["bgColor", "default"] + "path": ["controlTrack", "bgColor", "hover"] }, - "bgColor-muted": { - "value": "#272b33", + "controlTrack-bgColor-active": { + "value": "#555c67", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#7a828e", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 } }, - "name": "bgColor-muted", + "name": "controlTrack-bgColor-active", "attributes": {}, - "path": ["bgColor", "muted"] + "path": ["controlTrack", "bgColor", "active"] }, - "bgColor-inset": { - "value": "#010409", + "controlTrack-bgColor-disabled": { + "value": "#9ea7b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-inset", + "name": "controlTrack-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "inset"] + "path": ["controlTrack", "bgColor", "disabled"] }, - "bgColor-emphasis": { - "value": "#ffffff", + "controlTrack-fgColor-rest": { + "value": "#fbfcfd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-emphasis", + "name": "controlTrack-fgColor-rest", "attributes": {}, - "path": ["bgColor", "emphasis"] + "path": ["controlTrack", "fgColor", "rest"] }, - "bgColor-inverse": { - "value": "#ffffff", + "controlTrack-fgColor-disabled": { + "value": "#0a0c10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-inverse", + "name": "controlTrack-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "inverse"] + "path": ["controlTrack", "fgColor", "disabled"] }, - "bgColor-disabled": { - "value": "#272b33", + "controlTrack-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-disabled", + "name": "controlTrack-borderColor-rest", "attributes": {}, - "path": ["bgColor", "disabled"] + "path": ["controlTrack", "borderColor", "rest"] }, - "bgColor-transparent": { - "value": "#00000000", + "controlTrack-borderColor-disabled": { + "value": "#9ea7b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-transparent", + "name": "controlTrack-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "transparent"] + "path": ["controlTrack", "borderColor", "disabled"] }, - "bgColor-neutral-muted": { - "value": "#9ea7b366", + "controlKnob-bgColor-rest": { + "value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "bgColor-neutral-muted", + "name": "controlKnob-bgColor-rest", "attributes": {}, - "path": ["bgColor", "neutral", "muted"] + "path": ["controlKnob", "bgColor", "rest"] }, - "bgColor-neutral-emphasis": { - "value": "#9ea7b3", + "controlKnob-bgColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "bgColor-neutral-emphasis", + "name": "controlKnob-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "neutral", "emphasis"] + "path": ["controlKnob", "bgColor", "disabled"] }, - "bgColor-accent-muted": { - "value": "#5cacff1a", + "controlKnob-bgColor-checked": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-accent-muted", + "name": "controlKnob-bgColor-checked", "attributes": {}, - "path": ["bgColor", "accent", "muted"] + "path": ["controlKnob", "bgColor", "checked"] }, - "bgColor-accent-emphasis": { - "value": "#409eff", + "controlKnob-borderColor-rest": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-accent-emphasis", + "name": "controlKnob-borderColor-rest", "attributes": {}, - "path": ["bgColor", "accent", "emphasis"] + "path": ["controlKnob", "borderColor", "rest"] }, - "bgColor-success-muted": { - "value": "#0ac74026", + "controlKnob-borderColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-success-muted", + "name": "controlKnob-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "success", "muted"] + "path": ["controlKnob", "borderColor", "disabled"] }, - "bgColor-success-emphasis": { - "value": "#09b43a", + "controlKnob-borderColor-checked": { + "value": "#409eff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-success-emphasis", + "name": "controlKnob-borderColor-checked", "attributes": {}, - "path": ["bgColor", "success", "emphasis"] + "path": ["controlKnob", "borderColor", "checked"] }, - "bgColor-attention-muted": { - "value": "#edaa2726", + "counter-borderColor": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-attention-muted", + "name": "counter-borderColor", "attributes": {}, - "path": ["bgColor", "attention", "muted"] + "path": ["counter", "borderColor"] }, - "bgColor-attention-emphasis": { - "value": "#e09b13", + "button-default-fgColor-rest": { + "value": "#f0f3f6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-attention-emphasis", + "name": "button-default-fgColor-rest", "attributes": {}, - "path": ["bgColor", "attention", "emphasis"] + "path": ["button", "default", "fgColor", "rest"] }, - "bgColor-severe-muted": { - "value": "#f48b251a", + "button-default-bgColor-rest": { + "value": "#3d424d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-severe-muted", + "name": "button-default-bgColor-rest", "attributes": {}, - "path": ["bgColor", "severe", "muted"] + "path": ["button", "default", "bgColor", "rest"] }, - "bgColor-severe-emphasis": { - "value": "#e7811d", + "button-default-bgColor-hover": { + "value": "#494f5a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-severe-emphasis", + "name": "button-default-bgColor-hover", "attributes": {}, - "path": ["bgColor", "severe", "emphasis"] + "path": ["button", "default", "bgColor", "hover"] }, - "bgColor-danger-muted": { - "value": "#ff80801a", + "button-default-bgColor-active": { + "value": "#555c67", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-danger-muted", + "name": "button-default-bgColor-active", "attributes": {}, - "path": ["bgColor", "danger", "muted"] + "path": ["button", "default", "bgColor", "active"] }, - "bgColor-danger-emphasis": { - "value": "#ff6a69", + "button-default-bgColor-selected": { + "value": "#555c67", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-emphasis", + "name": "button-default-bgColor-selected", "attributes": {}, - "path": ["bgColor", "danger", "emphasis"] + "path": ["button", "default", "bgColor", "selected"] }, - "bgColor-open-muted": { - "value": "#0ac7401a", + "button-default-bgColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.muted}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-open-muted", + "name": "button-default-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "open", "muted"] + "path": ["button", "default", "bgColor", "disabled"] }, - "bgColor-open-emphasis": { - "value": "#09b43a", + "button-default-borderColor-rest": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-open-emphasis", + "name": "button-default-borderColor-rest", "attributes": {}, - "path": ["bgColor", "open", "emphasis"] + "path": ["button", "default", "borderColor", "rest"] }, - "bgColor-closed-muted": { - "value": "#ff808026", + "button-default-borderColor-hover": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-closed-muted", + "name": "button-default-borderColor-hover", "attributes": {}, - "path": ["bgColor", "closed", "muted"] + "path": ["button", "default", "borderColor", "hover"] }, - "bgColor-closed-emphasis": { - "value": "#ff6a69", + "button-default-borderColor-active": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-emphasis", + "name": "button-default-borderColor-active", "attributes": {}, - "path": ["bgColor", "closed", "emphasis"] + "path": ["button", "default", "borderColor", "active"] }, - "bgColor-done-muted": { - "value": "#bf8fff26", + "button-default-borderColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-done-muted", + "name": "button-default-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "done", "muted"] + "path": ["button", "default", "borderColor", "disabled"] }, - "bgColor-done-emphasis": { - "value": "#b87fff", - "$type": "color", + "button-default-shadow-resting": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } } }, - "name": "bgColor-done-emphasis", + "name": "button-default-shadow-resting", "attributes": {}, - "path": ["bgColor", "done", "emphasis"] + "path": ["button", "default", "shadow", "resting"] }, - "bgColor-sponsors-muted": { - "value": "#f87cbd1a", - "$type": "color", + "button-primary-fgColor-rest": { + "value": "#0a0c10", + "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-sponsors-muted", + "name": "button-primary-fgColor-rest", "attributes": {}, - "path": ["bgColor", "sponsors", "muted"] + "path": ["button", "primary", "fgColor", "rest"] }, - "bgColor-sponsors-emphasis": { - "value": "#ef6eb1", + "button-primary-fgColor-disabled": { + "value": "#0a0c1080", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "bgColor-sponsors-emphasis", + "name": "button-primary-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "sponsors", "emphasis"] + "path": ["button", "primary", "fgColor", "disabled"] }, - "borderColor-default": { - "value": "#7a828e", + "button-primary-iconColor-rest": { + "value": "#0a0c10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-default", + "name": "button-primary-iconColor-rest", "attributes": {}, - "path": ["borderColor", "default"] + "path": ["button", "primary", "iconColor", "rest"] }, - "borderColor-muted": { - "value": "#7a828e", + "button-primary-bgColor-rest": { + "value": "#09b43a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-muted", + "name": "button-primary-bgColor-rest", "attributes": {}, - "path": ["borderColor", "muted"] + "path": ["button", "primary", "bgColor", "rest"] }, - "borderColor-emphasis": { - "value": "#7a828e", + "button-primary-bgColor-hover": { + "value": "#0fbb3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#28d751", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.3}", + "weight": 0.2 } }, - "name": "borderColor-emphasis", + "name": "button-primary-bgColor-hover", "attributes": {}, - "path": ["borderColor", "emphasis"] + "path": ["button", "primary", "bgColor", "hover"] }, - "borderColor-disabled": { - "value": "#272b33", + "button-primary-bgColor-active": { + "value": "#15c243", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#28d751", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.3}", + "weight": 0.4 } }, - "name": "borderColor-disabled", + "name": "button-primary-bgColor-active", "attributes": {}, - "path": ["borderColor", "disabled"] + "path": ["button", "primary", "bgColor", "active"] }, - "borderColor-transparent": { - "value": "#00000000", + "button-primary-bgColor-disabled": { + "value": "#048f2f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#007728", + "weight": 0.6 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.8}", + "weight": 0.6 } }, - "name": "borderColor-transparent", + "name": "button-primary-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "transparent"] + "path": ["button", "primary", "bgColor", "disabled"] }, - "borderColor-neutral-muted": { - "value": "#9ea7b3", + "button-primary-borderColor-rest": { + "value": "#4ae168", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, @@ -7273,3364 +6866,9635 @@ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.green.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, "alpha": 1 }, - "name": "borderColor-neutral-muted", + "name": "button-primary-borderColor-rest", "attributes": {}, - "path": ["borderColor", "neutral", "muted"] + "path": ["button", "primary", "borderColor", "rest"] }, - "borderColor-neutral-emphasis": { - "value": "#9ea7b3", + "button-primary-borderColor-hover": { + "value": "#4ae168", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, + "alpha": 1, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.green.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } - } + }, + "alpha": 1 }, - "name": "borderColor-neutral-emphasis", + "name": "button-primary-borderColor-hover", "attributes": {}, - "path": ["borderColor", "neutral", "emphasis"] + "path": ["button", "primary", "borderColor", "hover"] }, - "borderColor-accent-muted": { - "value": "#5cacff", + "button-primary-borderColor-active": { + "value": "#4ae168", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 1, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, + "alpha": 1, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.green.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, "alpha": 1 }, - "name": "borderColor-accent-muted", + "name": "button-primary-borderColor-active", "attributes": {}, - "path": ["borderColor", "accent", "muted"] + "path": ["button", "primary", "borderColor", "active"] }, - "borderColor-accent-emphasis": { - "value": "#409eff", + "button-primary-borderColor-disabled": { + "value": "#4ae16866", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, + "alpha": 0.4, "original": { - "value": "{base.color.blue.5}", + "value": "{base.color.green.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.4 }, - "name": "borderColor-accent-emphasis", + "name": "button-primary-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "accent", "emphasis"] + "path": ["button", "primary", "borderColor", "disabled"] }, - "borderColor-success-muted": { - "value": "#0ac740", - "$type": "color", + "button-primary-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "mode": "light", + "group": "component shadow" } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "mode": "light", + "group": "component shadow" } - }, - "alpha": 1 + } }, - "name": "borderColor-success-muted", + "name": "button-primary-shadow-selected", "attributes": {}, - "path": ["borderColor", "success", "muted"] + "path": ["button", "primary", "shadow", "selected"] }, - "borderColor-success-emphasis": { - "value": "#09b43a", + "button-invisible-fgColor-rest": { + "value": "#60aeff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-success-emphasis", + "name": "button-invisible-fgColor-rest", "attributes": {}, - "path": ["borderColor", "success", "emphasis"] + "path": ["button", "invisible", "fgColor", "rest"] }, - "borderColor-attention-muted": { - "value": "#edaa27", + "button-invisible-fgColor-hover": { + "value": "#1e60d5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1, "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.blue.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-attention-muted", + "name": "button-invisible-fgColor-hover", "attributes": {}, - "path": ["borderColor", "attention", "muted"] + "path": ["button", "invisible", "fgColor", "hover"] }, - "borderColor-attention-emphasis": { - "value": "#e09b13", + "button-invisible-fgColor-disabled": { + "value": "#9ea7b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-attention-emphasis", + "name": "button-invisible-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "attention", "emphasis"] + "path": ["button", "invisible", "fgColor", "disabled"] }, - "borderColor-severe-muted": { - "value": "#f48b25", + "button-invisible-iconColor-rest": { + "value": "#f0f3f6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-severe-muted", + "name": "button-invisible-iconColor-rest", "attributes": {}, - "path": ["borderColor", "severe", "muted"] + "path": ["button", "invisible", "iconColor", "rest"] }, - "borderColor-severe-emphasis": { - "value": "#e7811d", + "button-invisible-iconColor-hover": { + "value": "#0a0c10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-severe-emphasis", + "name": "button-invisible-iconColor-hover", "attributes": {}, - "path": ["borderColor", "severe", "emphasis"] + "path": ["button", "invisible", "iconColor", "hover"] }, - "borderColor-danger-muted": { - "value": "#ff8080", + "button-invisible-iconColor-disabled": { + "value": "#9ea7b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-danger-muted", + "name": "button-invisible-iconColor-disabled", "attributes": {}, - "path": ["borderColor", "danger", "muted"] + "path": ["button", "invisible", "iconColor", "disabled"] }, - "borderColor-danger-emphasis": { - "value": "#ff6a69", + "button-invisible-bgColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-danger-emphasis", + "name": "button-invisible-bgColor-rest", "attributes": {}, - "path": ["borderColor", "danger", "emphasis"] + "path": ["button", "invisible", "bgColor", "rest"] }, - "borderColor-open-muted": { - "value": "#0ac740", + "button-invisible-bgColor-hover": { + "value": "#f0f3f6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, + "alpha": null, + "mix": null, "original": { - "value": "{borderColor.success.muted}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": null, + "mix": null }, - "name": "borderColor-open-muted", + "name": "button-invisible-bgColor-hover", "attributes": {}, - "path": ["borderColor", "open", "muted"] + "path": ["button", "invisible", "bgColor", "hover"] }, - "borderColor-open-emphasis": { - "value": "#09b43a", + "button-invisible-bgColor-active": { + "value": "#d9dee3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, + "alpha": null, + "mix": null, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": null, + "mix": null }, - "name": "borderColor-open-emphasis", + "name": "button-invisible-bgColor-active", "attributes": {}, - "path": ["borderColor", "open", "emphasis"] + "path": ["button", "invisible", "bgColor", "active"] }, - "borderColor-closed-muted": { - "value": "#ff808066", + "button-invisible-bgColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.transparent.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-closed-muted", + "name": "button-invisible-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "closed", "muted"] + "path": ["button", "invisible", "bgColor", "disabled"] }, - "borderColor-closed-emphasis": { - "value": "#ff6a69", + "button-invisible-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-closed-emphasis", + "name": "button-invisible-borderColor-rest", "attributes": {}, - "path": ["borderColor", "closed", "emphasis"] + "path": ["button", "invisible", "borderColor", "rest"] }, - "borderColor-done-muted": { - "value": "#bf8fff", + "button-invisible-borderColor-hover": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-done-muted", + "name": "button-invisible-borderColor-hover", "attributes": {}, - "path": ["borderColor", "done", "muted"] + "path": ["button", "invisible", "borderColor", "hover"] }, - "borderColor-done-emphasis": { - "value": "#b87fff", + "button-invisible-borderColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-done-emphasis", + "name": "button-invisible-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "done", "emphasis"] + "path": ["button", "invisible", "borderColor", "disabled"] }, - "borderColor-sponsors-muted": { - "value": "#f87cbd", + "button-outline-fgColor-rest": { + "value": "#5cacff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-sponsors-muted", + "name": "button-outline-fgColor-rest", "attributes": {}, - "path": ["borderColor", "sponsors", "muted"] + "path": ["button", "outline", "fgColor", "rest"] }, - "borderColor-sponsors-emphasis": { - "value": "#ef6eb1", + "button-outline-fgColor-hover": { + "value": "#71b7ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-sponsors-emphasis", + "name": "button-outline-fgColor-hover", "attributes": {}, - "path": ["borderColor", "sponsors", "emphasis"] + "path": ["button", "outline", "fgColor", "hover"] }, - "color-ansi-black": { - "value": "#7a828e", + "button-outline-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black", + "name": "button-outline-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "black"] + "path": ["button", "outline", "fgColor", "active"] }, - "color-ansi-black-bright": { - "value": "#9ea7b3", + "button-outline-fgColor-disabled": { + "value": "#60aeff80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", - "isSource": true, + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-black-bright", + "name": "button-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "black-bright"] + "path": ["button", "outline", "fgColor", "disabled"] }, - "color-ansi-white": { - "value": "#d9dee3", + "button-outline-bgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white", + "name": "button-outline-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "white"] + "path": ["button", "outline", "bgColor", "rest"] }, - "color-ansi-white-bright": { - "value": "#ffffff", + "button-outline-bgColor-hover": { + "value": "#525964", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white-bright", + "name": "button-outline-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "white-bright"] + "path": ["button", "outline", "bgColor", "hover"] }, - "color-ansi-gray": { - "value": "#9ea7b3", + "button-outline-bgColor-active": { + "value": "#2672f3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.blue.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-gray", + "name": "button-outline-bgColor-active", "attributes": {}, - "path": ["color", "ansi", "gray"] + "path": ["button", "outline", "bgColor", "active"] }, - "color-ansi-red": { - "value": "#ff9492", + "button-outline-bgColor-disabled": { + "value": "#0a0c10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-red", + "name": "button-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "red"] + "path": ["button", "outline", "bgColor", "disabled"] }, - "color-ansi-red-bright": { - "value": "#ffb1af", + "button-outline-borderColor-hover": { + "value": "#ffffff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-ansi-red-bright", + "name": "button-outline-borderColor-hover", "attributes": {}, - "path": ["color", "ansi", "red-bright"] + "path": ["button", "outline", "borderColor", "hover"] }, - "color-ansi-green": { - "value": "#28d751", + "button-outline-borderColor-selected": { + "value": "#ffffff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-ansi-green", + "name": "button-outline-borderColor-selected", "attributes": {}, - "path": ["color", "ansi", "green"] + "path": ["button", "outline", "borderColor", "selected"] }, - "color-ansi-green-bright": { - "value": "#4ae168", - "$type": "color", + "button-outline-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.green.2}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-ansi-green-bright", + "name": "button-outline-shadow-selected", "attributes": {}, - "path": ["color", "ansi", "green-bright"] + "path": ["button", "outline", "shadow", "selected"] }, - "color-ansi-yellow": { - "value": "#f0b72f", + "button-danger-fgColor-rest": { + "value": "#ff9492", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.color.red.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow", + "name": "button-danger-fgColor-rest", "attributes": {}, - "path": ["color", "ansi", "yellow"] + "path": ["button", "danger", "fgColor", "rest"] }, - "color-ansi-yellow-bright": { - "value": "#f7c843", + "button-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow-bright", + "name": "button-danger-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "yellow-bright"] + "path": ["button", "danger", "fgColor", "hover"] }, - "color-ansi-blue": { - "value": "#71b7ff", + "button-danger-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue", + "name": "button-danger-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "blue"] + "path": ["button", "danger", "fgColor", "active"] }, - "color-ansi-blue-bright": { - "value": "#91cbff", + "button-danger-fgColor-disabled": { + "value": "#ff808080", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-blue-bright", + "name": "button-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "blue-bright"] + "path": ["button", "danger", "fgColor", "disabled"] }, - "color-ansi-magenta": { - "value": "#cb9eff", + "button-danger-iconColor-rest": { + "value": "#ff8080", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta", + "name": "button-danger-iconColor-rest", "attributes": {}, - "path": ["color", "ansi", "magenta"] + "path": ["button", "danger", "iconColor", "rest"] }, - "color-ansi-magenta-bright": { - "value": "#dbb7ff", + "button-danger-iconColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta-bright", + "name": "button-danger-iconColor-hover", "attributes": {}, - "path": ["color", "ansi", "magenta-bright"] + "path": ["button", "danger", "iconColor", "hover"] }, - "color-ansi-cyan": { - "value": "#39c5cf", + "button-danger-bgColor-rest": { + "value": "#3d424d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "#39c5cf", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan", + "name": "button-danger-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "cyan"] + "path": ["button", "danger", "bgColor", "rest"] }, - "color-ansi-cyan-bright": { - "value": "#56d4dd", + "button-danger-bgColor-hover": { + "value": "#ff4445", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "#56d4dd", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan-bright", + "name": "button-danger-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "cyan-bright"] + "path": ["button", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-comment": { - "value": "#bdc4cc", + "button-danger-bgColor-active": { + "value": "#ff5c5d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "mix": { + "color": "#ff8080", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.red.4}", + "weight": 0.4 } }, - "name": "color-prettylights-syntax-comment", + "name": "button-danger-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "comment"] + "path": ["button", "danger", "bgColor", "active"] }, - "color-prettylights-syntax-constant": { - "value": "#91cbff", + "button-danger-bgColor-disabled": { + "value": "#3d424db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-constant", + "name": "button-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant"] + "path": ["button", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-constant-other-reference-link": { - "value": "#addcff", + "button-danger-borderColor-rest": { + "value": "#7a828e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-constant-other-reference-link", + "name": "button-danger-borderColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + "path": ["button", "danger", "borderColor", "rest"] }, - "color-prettylights-syntax-entity": { - "value": "#dbb7ff", + "button-danger-borderColor-hover": { + "value": "#ffffff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-entity", + "name": "button-danger-borderColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity"] + "path": ["button", "danger", "borderColor", "hover"] }, - "color-prettylights-syntax-storage-modifier-import": { - "value": "#f0f3f6", + "button-danger-borderColor-active": { + "value": "#ffffff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-storage-modifier-import", + "name": "button-danger-borderColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + "path": ["button", "danger", "borderColor", "active"] }, - "color-prettylights-syntax-entity-tag": { - "value": "#72f088", - "$type": "color", + "button-danger-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-prettylights-syntax-entity-tag", + "name": "button-danger-shadow-selected", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity-tag"] + "path": ["button", "danger", "shadow", "selected"] }, - "color-prettylights-syntax-keyword": { - "value": "#ff9492", + "button-inactive-fgColor": { + "value": "#bdc4cc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-keyword", + "name": "button-inactive-fgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "keyword"] + "path": ["button", "inactive", "fgColor"] }, - "color-prettylights-syntax-string": { - "value": "#addcff", + "button-inactive-bgColor": { + "value": "#3d424d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-string", + "name": "button-inactive-bgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string"] + "path": ["button", "inactive", "bgColor"] }, - "color-prettylights-syntax-variable": { - "value": "#ffb757", + "button-star-iconColor": { + "value": "#f7c843", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-variable", + "name": "button-star-iconColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "variable"] + "path": ["button", "star", "iconColor"] }, - "color-prettylights-syntax-brackethighlighter-unmatched": { - "value": "#ff8080", + "buttonCounter-default-bgColor-rest": { + "value": "#525964", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "name": "buttonCounter-default-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + "path": ["buttonCounter", "default", "bgColor", "rest"] }, - "color-prettylights-syntax-brackethighlighter-angle": { - "value": "#bdc4cc", + "buttonCounter-invisible-bgColor-rest": { + "value": "#525964", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" - } - } + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 1 }, - "name": "color-prettylights-syntax-brackethighlighter-angle", + "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + "path": ["buttonCounter", "invisible", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-text": { - "value": "#ffffff", + "buttonCounter-primary-bgColor-rest": { + "value": "#01040926", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-prettylights-syntax-invalid-illegal-text", + "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + "path": ["buttonCounter", "primary", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-bg": { - "value": "#e82a2f", + "buttonCounter-outline-bgColor-rest": { + "value": "#194fb133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-bg", + "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-text": { - "value": "#ffffff", + "buttonCounter-outline-bgColor-hover": { + "value": "#194fb133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-carriage-return-text", + "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + "path": ["buttonCounter", "outline", "bgColor", "hover"] }, - "color-prettylights-syntax-carriage-return-bg": { - "value": "#ff4445", + "buttonCounter-outline-bgColor-disabled": { + "value": "#409eff0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-carriage-return-bg", + "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "disabled"] }, - "color-prettylights-syntax-string-regexp": { - "value": "#72f088", + "buttonCounter-outline-fgColor-rest": { + "value": "#5cacff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-string-regexp", + "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string-regexp"] + "path": ["buttonCounter", "outline", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-list": { - "value": "#fbd669", + "buttonCounter-outline-fgColor-hover": { + "value": "#71b7ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-list", + "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "list"] + "path": ["buttonCounter", "outline", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-heading": { - "value": "#409eff", + "buttonCounter-outline-fgColor-disabled": { + "value": "#60aeff80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-heading", + "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "heading"] + "path": ["buttonCounter", "outline", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-italic": { - "value": "#f0f3f6", + "buttonCounter-danger-bgColor-hover": { + "value": "#01040926", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-prettylights-syntax-markup-italic", + "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "italic"] + "path": ["buttonCounter", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-bold": { - "value": "#f0f3f6", + "buttonCounter-danger-bgColor-disabled": { + "value": "#ff6a690d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-markup-bold", + "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "bold"] + "path": ["buttonCounter", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-deleted-text": { - "value": "#ffdedb", + "buttonCounter-danger-bgColor-rest": { + "value": "#01040926", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-prettylights-syntax-markup-deleted-text", + "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + "path": ["buttonCounter", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-deleted-bg": { - "value": "#cc1421", + "buttonCounter-danger-fgColor-rest": { + "value": "#ff8080", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-deleted-bg", + "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-text": { - "value": "#acf7b6", + "buttonCounter-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-inserted-text", + "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + "path": ["buttonCounter", "danger", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-inserted-bg": { - "value": "#007728", - "$type": "color", + "buttonCounter-danger-fgColor-disabled": { + "value": "#ff808080", + "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-inserted-bg", + "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-changed-text": { - "value": "#ffe1b4", + "reactionButton-selected-bgColor-rest": { + "value": "#5cacff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-text", + "name": "reactionButton-selected-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] + "path": ["reactionButton", "selected", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-changed-bg": { - "value": "#a74c00", + "reactionButton-selected-bgColor-hover": { + "value": "#5dadff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "mix": { + "color": "#91cbff", + "weight": 0.2 + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{reactionButton.selected.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.2 + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-bg", + "name": "reactionButton-selected-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] + "path": ["reactionButton", "selected", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-ignored-text": { - "value": "#f0f3f6", + "reactionButton-selected-fgColor-rest": { + "value": "#60aeff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{fgColor.link.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-text", + "name": "reactionButton-selected-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] + "path": ["reactionButton", "selected", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-ignored-bg": { - "value": "#318bf8", + "reactionButton-selected-fgColor-hover": { + "value": "#91cbff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-bg", + "name": "reactionButton-selected-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] + "path": ["reactionButton", "selected", "fgColor", "hover"] }, - "color-prettylights-syntax-meta-diff-range": { - "value": "#dbb7ff", + "focus-outlineColor": { + "value": "#409eff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{borderColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-meta-diff-range", + "name": "focus-outlineColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] + "path": ["focus", "outlineColor"] }, - "color-prettylights-syntax-sublimelinter-gutter-mark": { - "value": "#7a828e", + "menu-bgColor-active": { + "value": "#272b33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-sublimelinter-gutter-mark", + "name": "menu-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] + "path": ["menu", "bgColor", "active"] }, - "color-scale-black": { - "value": "#010409", + "overlay-bgColor": { + "value": "#272b33", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-black", + "name": "overlay-bgColor", "attributes": {}, - "path": ["color", "scale", "black"] + "path": ["overlay", "bgColor"] }, - "color-scale-transparent": { - "value": "#00000000", + "overlay-borderColor": { + "value": "#7a828e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{borderColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + } }, - "name": "color-scale-transparent", + "name": "overlay-borderColor", "attributes": {}, - "path": ["color", "scale", "transparent"] + "path": ["overlay", "borderColor"] }, - "color-scale-white": { - "value": "#ffffff", + "overlay-backdrop-bgColor": { + "value": "#272b3366", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 }, - "name": "color-scale-white", + "name": "overlay-backdrop-bgColor", "attributes": {}, - "path": ["color", "scale", "white"] + "path": ["overlay", "backdrop", "bgColor"] }, - "color-scale-gray-0": { - "value": "#ffffff", + "selectMenu-borderColor": { + "value": "#7a828e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-0", + "name": "selectMenu-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "0"] + "path": ["selectMenu", "borderColor"] }, - "color-scale-gray-1": { - "value": "#f0f3f6", + "selectMenu-bgColor-active": { + "value": "#1e60d5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-1", + "name": "selectMenu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "1"] + "path": ["selectMenu", "bgColor", "active"] }, - "color-scale-gray-2": { - "value": "#d9dee3", + "sideNav-bgColor-selected": { + "value": "#3d424d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-2", + "name": "sideNav-bgColor-selected", "attributes": {}, - "path": ["color", "scale", "gray", "2"] + "path": ["sideNav", "bgColor", "selected"] }, - "color-scale-gray-3": { - "value": "#bdc4cc", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "skeletonLoader-bgColor": { + "value": "#272b33", + "$type": "color", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": "{bgColor.muted}", + "$type": "color" }, - "name": "color-scale-gray-3", + "name": "skeletonLoader-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "3"] + "path": ["skeletonLoader", "bgColor"] }, - "color-scale-gray-4": { - "value": "#9ea7b3", + "timelineBadge-bgColor": { + "value": "#3d424d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-4", + "name": "timelineBadge-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "4"] + "path": ["timelineBadge", "bgColor"] }, - "color-scale-gray-5": { - "value": "#7a828e", + "treeViewItem-leadingVisual-iconColor-rest": { + "value": "#f0f3f6", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-5", + "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "5"] + "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] }, - "color-scale-gray-6": { - "value": "#525964", + "underlineNav-borderColor-active": { + "value": "#ff967d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.coral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-6", + "name": "underlineNav-borderColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "6"] + "path": ["underlineNav", "borderColor", "active"] }, - "color-scale-gray-7": { - "value": "#3d424d", + "underlineNav-borderColor-hover": { + "value": "#bdc4cc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.neutral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-7", + "name": "underlineNav-borderColor-hover", "attributes": {}, - "path": ["color", "scale", "gray", "7"] + "path": ["underlineNav", "borderColor", "hover"] }, - "color-scale-gray-8": { - "value": "#272b33", + "underlineNav-iconColor-rest": { + "value": "#f0f3f6", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-gray-8", + "name": "underlineNav-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "8"] + "path": ["underlineNav", "iconColor", "rest"] }, - "color-scale-gray-9": { - "value": "#0a0c10", + "selection-bgColor": { + "value": "#409effb3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{bgColor.accent.emphasis}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 }, - "name": "color-scale-gray-9", + "name": "selection-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "9"] + "path": ["selection", "bgColor"] }, - "color-scale-blue-0": { - "value": "#caeaff", + "card-bgColor": { + "value": "#272b33", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{bgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-0", + "name": "card-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "0"] + "path": ["card", "bgColor"] }, - "color-scale-blue-1": { - "value": "#addcff", + "label-green-bgColor-rest": { + "value": "#122117", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.display.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-1", + "name": "label-green-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "1"] + "path": ["label", "green", "bgColor", "rest"] }, - "color-scale-blue-2": { - "value": "#91cbff", + "label-green-bgColor-hover": { + "value": "#182f1f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{base.display.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-2", + "name": "label-green-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "2"] + "path": ["label", "green", "bgColor", "hover"] }, - "color-scale-blue-3": { - "value": "#71b7ff", + "label-green-bgColor-active": { + "value": "#214529", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-3", + "name": "label-green-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "3"] + "path": ["label", "green", "bgColor", "active"] }, - "color-scale-blue-4": { - "value": "#5cacff", + "label-green-fgColor-rest": { + "value": "#41b445", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-4", + "name": "label-green-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "4"] + "path": ["label", "green", "fgColor", "rest"] }, - "color-scale-blue-5": { - "value": "#409eff", + "label-green-fgColor-hover": { + "value": "#46c144", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.green.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-5", + "name": "label-green-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "5"] + "path": ["label", "green", "fgColor", "hover"] }, - "color-scale-blue-6": { - "value": "#318bf8", + "label-green-fgColor-active": { + "value": "#75d36f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.blue.6}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } }, - "name": "color-scale-blue-6", - "attributes": {}, - "path": ["color", "scale", "blue", "6"] - }, - "color-scale-blue-7": { - "value": "#2672f3", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-7", + "name": "label-green-fgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "7"] + "path": ["label", "green", "fgColor", "active"] }, - "color-scale-blue-8": { - "value": "#1e60d5", + "label-orange-bgColor-rest": { + "value": "#311708", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-8", + "name": "label-orange-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "8"] + "path": ["label", "orange", "bgColor", "rest"] }, - "color-scale-blue-9": { - "value": "#194fb1", + "label-orange-bgColor-hover": { + "value": "#43200a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-9", + "name": "label-orange-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "9"] + "path": ["label", "orange", "bgColor", "hover"] }, - "color-scale-green-0": { - "value": "#acf7b6", + "label-orange-bgColor-active": { + "value": "#632f0d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.0}", + "value": "{base.display.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-0", + "name": "label-orange-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "0"] + "path": ["label", "orange", "bgColor", "active"] }, - "color-scale-green-1": { - "value": "#72f088", + "label-orange-fgColor-rest": { + "value": "#ed8326", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", + "value": "{base.display.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-1", + "name": "label-orange-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "1"] + "path": ["label", "orange", "fgColor", "rest"] }, - "color-scale-green-2": { - "value": "#4ae168", + "label-orange-fgColor-hover": { + "value": "#f1933b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.2}", + "value": "{base.display.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-2", + "name": "label-orange-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "2"] + "path": ["label", "orange", "fgColor", "hover"] }, - "color-scale-green-3": { - "value": "#28d751", + "label-orange-fgColor-active": { + "value": "#f6b06a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{base.display.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-3", + "name": "label-orange-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "3"] + "path": ["label", "orange", "fgColor", "active"] }, - "color-scale-green-4": { - "value": "#0ac740", + "label-purple-bgColor-rest": { + "value": "#211047", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{base.display.color.purple.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-4", + "name": "label-purple-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "4"] + "path": ["label", "purple", "bgColor", "rest"] }, - "color-scale-green-5": { - "value": "#09b43a", + "label-purple-bgColor-hover": { + "value": "#31146b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{base.display.color.purple.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-5", + "name": "label-purple-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "5"] + "path": ["label", "purple", "bgColor", "hover"] }, - "color-scale-green-6": { - "value": "#02a232", + "label-purple-bgColor-active": { + "value": "#481a9e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{base.display.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-6", + "name": "label-purple-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "6"] + "path": ["label", "purple", "bgColor", "active"] }, - "color-scale-green-7": { - "value": "#008c2c", + "label-purple-fgColor-rest": { + "value": "#b687f7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.7}", + "value": "{base.display.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-7", + "name": "label-purple-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "7"] + "path": ["label", "purple", "fgColor", "rest"] }, - "color-scale-green-8": { - "value": "#007728", + "label-purple-fgColor-hover": { + "value": "#c398fb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.8}", + "value": "{base.display.color.purple.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-8", + "name": "label-purple-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "8"] + "path": ["label", "purple", "fgColor", "hover"] }, - "color-scale-green-9": { - "value": "#006222", + "label-purple-fgColor-active": { + "value": "#d2affd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", + "value": "{base.display.color.purple.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-9", + "name": "label-purple-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "9"] + "path": ["label", "purple", "fgColor", "active"] }, - "color-scale-yellow-0": { - "value": "#fbe59e", + "label-red-bgColor-rest": { + "value": "#3c0614", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{base.display.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-0", + "name": "label-red-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "0"] + "path": ["label", "red", "bgColor", "rest"] }, - "color-scale-yellow-1": { - "value": "#fbd669", + "label-red-bgColor-hover": { + "value": "#58091a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.display.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-1", + "name": "label-red-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "1"] + "path": ["label", "red", "bgColor", "hover"] }, - "color-scale-yellow-2": { - "value": "#f7c843", + "label-red-bgColor-active": { + "value": "#790c20", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.display.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-2", + "name": "label-red-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "2"] + "path": ["label", "red", "bgColor", "active"] }, - "color-scale-yellow-3": { - "value": "#f0b72f", + "label-red-fgColor-rest": { + "value": "#f27d83", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.display.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-3", + "name": "label-red-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "3"] + "path": ["label", "red", "fgColor", "rest"] }, - "color-scale-yellow-4": { - "value": "#edaa27", + "label-red-fgColor-hover": { + "value": "#f48b8d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.display.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-4", + "name": "label-red-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "4"] + "path": ["label", "red", "fgColor", "hover"] }, - "color-scale-yellow-5": { - "value": "#e09b13", + "label-red-fgColor-active": { + "value": "#f7adab", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{base.display.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-5", + "name": "label-red-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "5"] + "path": ["label", "red", "fgColor", "active"] }, - "color-scale-yellow-6": { - "value": "#c88508", + "label-yellow-bgColor-rest": { + "value": "#2e1a00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.6}", + "value": "{base.display.color.yellow.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-6", + "name": "label-yellow-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "6"] + "path": ["label", "yellow", "bgColor", "rest"] }, - "color-scale-yellow-7": { - "value": "#ae7104", + "label-yellow-bgColor-hover": { + "value": "#3d2401", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{base.display.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-7", + "name": "label-yellow-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "7"] + "path": ["label", "yellow", "bgColor", "hover"] }, - "color-scale-yellow-8": { - "value": "#945d02", + "label-yellow-bgColor-active": { + "value": "#5a3702", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", + "value": "{base.display.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-8", + "name": "label-yellow-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "8"] + "path": ["label", "yellow", "bgColor", "active"] }, - "color-scale-yellow-9": { - "value": "#7b4900", + "label-yellow-fgColor-rest": { + "value": "#d3910d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.display.color.yellow.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-9", + "name": "label-yellow-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "9"] + "path": ["label", "yellow", "fgColor", "rest"] }, - "color-scale-orange-0": { - "value": "#ffe1b4", + "label-yellow-fgColor-hover": { + "value": "#df9e11", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.display.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-0", + "name": "label-yellow-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "0"] + "path": ["label", "yellow", "fgColor", "hover"] }, - "color-scale-orange-1": { - "value": "#ffcf86", + "label-yellow-fgColor-active": { + "value": "#edb431", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.display.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-1", + "name": "label-yellow-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "1"] + "path": ["label", "yellow", "fgColor", "active"] }, - "color-scale-orange-2": { - "value": "#ffb757", + "label-gray-bgColor-rest": { + "value": "#1c1c1c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.display.color.gray.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-2", + "name": "label-gray-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "2"] + "path": ["label", "gray", "bgColor", "rest"] }, - "color-scale-orange-3": { - "value": "#fe9a2d", + "label-gray-bgColor-hover": { + "value": "#2a2b2d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.display.color.gray.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-3", + "name": "label-gray-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "3"] + "path": ["label", "gray", "bgColor", "hover"] }, - "color-scale-orange-4": { - "value": "#f48b25", + "label-gray-bgColor-active": { + "value": "#393d41", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.display.color.gray.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-orange-4", - "attributes": {}, - "path": ["color", "scale", "orange", "4"] - }, - "color-scale-orange-5": { - "value": "#e7811d", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.orange.5}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-5", + "name": "label-gray-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "5"] + "path": ["label", "gray", "bgColor", "active"] }, - "color-scale-orange-6": { - "value": "#d57014", + "label-gray-fgColor-rest": { + "value": "#92a1b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.gray.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-6", + "name": "label-gray-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "6"] + "path": ["label", "gray", "fgColor", "rest"] }, - "color-scale-orange-7": { - "value": "#bf5e0a", + "label-gray-fgColor-hover": { + "value": "#9babbf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.display.color.gray.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-7", + "name": "label-gray-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "7"] + "path": ["label", "gray", "fgColor", "hover"] }, - "color-scale-orange-8": { - "value": "#a74c00", + "label-gray-fgColor-active": { + "value": "#b3c0d1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{base.display.color.gray.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-8", + "name": "label-gray-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "8"] + "path": ["label", "gray", "fgColor", "active"] }, - "color-scale-orange-9": { - "value": "#8f3c00", + "label-auburn-bgColor-rest": { + "value": "#271817", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.9}", + "value": "{base.display.color.auburn.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-9", + "name": "label-auburn-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "9"] + "path": ["label", "auburn", "bgColor", "rest"] }, - "color-scale-red-0": { - "value": "#ffdedb", + "label-auburn-bgColor-hover": { + "value": "#3a2422", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.display.color.auburn.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-0", + "name": "label-auburn-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "0"] + "path": ["label", "auburn", "bgColor", "hover"] }, - "color-scale-red-1": { - "value": "#ffc9c7", + "label-auburn-bgColor-active": { + "value": "#543331", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.1}", + "value": "{base.display.color.auburn.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-1", + "name": "label-auburn-bgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "1"] + "path": ["label", "auburn", "bgColor", "active"] }, - "color-scale-red-2": { - "value": "#ffb1af", + "label-auburn-fgColor-rest": { + "value": "#bf9592", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.display.color.auburn.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-2", + "name": "label-auburn-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "2"] + "path": ["label", "auburn", "fgColor", "rest"] }, - "color-scale-red-3": { - "value": "#ff9492", + "label-auburn-fgColor-hover": { + "value": "#c6a19f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.display.color.auburn.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-3", + "name": "label-auburn-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "3"] + "path": ["label", "auburn", "fgColor", "hover"] }, - "color-scale-red-4": { - "value": "#ff8080", + "label-auburn-fgColor-active": { + "value": "#d4b7b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.display.color.auburn.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-4", + "name": "label-auburn-fgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "4"] + "path": ["label", "auburn", "fgColor", "active"] }, - "color-scale-red-5": { - "value": "#ff6a69", + "label-brown-bgColor-rest": { + "value": "#241c14", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.display.color.brown.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-5", + "name": "label-brown-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "5"] + "path": ["label", "brown", "bgColor", "rest"] }, - "color-scale-red-6": { - "value": "#ff4445", + "label-brown-bgColor-hover": { + "value": "#342a1d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.brown.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-6", + "name": "label-brown-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "6"] + "path": ["label", "brown", "bgColor", "hover"] }, - "color-scale-red-7": { - "value": "#e82a2f", + "label-brown-bgColor-active": { + "value": "#483a28", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.display.color.brown.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-7", + "name": "label-brown-bgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "7"] + "path": ["label", "brown", "bgColor", "active"] }, - "color-scale-red-8": { - "value": "#cc1421", + "label-brown-fgColor-rest": { + "value": "#b69a6d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{base.display.color.brown.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-8", + "name": "label-brown-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "8"] + "path": ["label", "brown", "fgColor", "rest"] }, - "color-scale-red-9": { - "value": "#ad0116", + "label-brown-fgColor-hover": { + "value": "#bfa77d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.red.9}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } }, - "name": "color-scale-red-9", - "attributes": {}, - "path": ["color", "scale", "red", "9"] - }, - "color-scale-purple-0": { - "value": "#f0dfff", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{base.display.color.brown.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-0", + "name": "label-brown-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "0"] + "path": ["label", "brown", "fgColor", "hover"] }, - "color-scale-purple-1": { - "value": "#e6ccff", + "label-brown-fgColor-active": { + "value": "#cdbb98", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.purple.1}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } }, - "name": "color-scale-purple-1", - "attributes": {}, - "path": ["color", "scale", "purple", "1"] - }, - "color-scale-purple-2": { - "value": "#dbb7ff", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.display.color.brown.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-2", + "name": "label-brown-fgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "2"] + "path": ["label", "brown", "fgColor", "active"] }, - "color-scale-purple-3": { - "value": "#cb9eff", + "label-lemon-bgColor-rest": { + "value": "#291d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{base.display.color.lemon.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-3", + "name": "label-lemon-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "3"] + "path": ["label", "lemon", "bgColor", "rest"] }, - "color-scale-purple-4": { - "value": "#bf8fff", + "label-lemon-bgColor-hover": { + "value": "#372901", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{base.display.color.lemon.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-4", + "name": "label-lemon-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "4"] + "path": ["label", "lemon", "bgColor", "hover"] }, - "color-scale-purple-5": { - "value": "#b87fff", + "label-lemon-bgColor-active": { + "value": "#4f3c02", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.display.color.lemon.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-5", + "name": "label-lemon-bgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "5"] + "path": ["label", "lemon", "bgColor", "active"] }, - "color-scale-purple-6": { - "value": "#a66bff", + "label-lemon-fgColor-rest": { + "value": "#ba9b12", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{base.display.color.lemon.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-6", + "name": "label-lemon-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "6"] + "path": ["label", "lemon", "fgColor", "rest"] }, - "color-scale-purple-7": { - "value": "#954ffd", + "label-lemon-fgColor-hover": { + "value": "#c4a717", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.7}", + "value": "{base.display.color.lemon.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-7", + "name": "label-lemon-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "7"] + "path": ["label", "lemon", "fgColor", "hover"] }, - "color-scale-purple-8": { - "value": "#8031f7", + "label-lemon-fgColor-active": { + "value": "#d7bc1d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.8}", + "value": "{base.display.color.lemon.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-8", + "name": "label-lemon-fgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "8"] + "path": ["label", "lemon", "fgColor", "active"] }, - "color-scale-purple-9": { - "value": "#6921d7", + "label-olive-bgColor-rest": { + "value": "#171e0b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.9}", + "value": "{base.display.color.olive.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-9", + "name": "label-olive-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "9"] + "path": ["label", "olive", "bgColor", "rest"] }, - "color-scale-pink-0": { - "value": "#ffdceb", + "label-olive-bgColor-hover": { + "value": "#252d10", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", + "value": "{base.display.color.olive.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-pink-0", + "name": "label-olive-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "pink", "0"] + "path": ["label", "olive", "bgColor", "hover"] }, - "color-scale-pink-1": { - "value": "#ffc7e1", + "label-olive-bgColor-active": { + "value": "#374115", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.1}", + "value": "{base.display.color.olive.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-pink-1", + "name": "label-olive-bgColor-active", "attributes": {}, - "path": ["color", "scale", "pink", "1"] + "path": ["label", "olive", "bgColor", "active"] }, - "color-scale-pink-2": { - "value": "#ffadd4", + "label-olive-fgColor-rest": { + "value": "#a2a626", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.2}", + "value": "{base.display.color.olive.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-pink-2", + "name": "label-olive-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "pink", "2"] + "path": ["label", "olive", "fgColor", "rest"] }, - "color-scale-pink-3": { - "value": "#ff8dc7", + "label-olive-fgColor-hover": { + "value": "#b2af24", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{base.display.color.olive.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-pink-3", + "name": "label-olive-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "pink", "3"] + "path": ["label", "olive", "fgColor", "hover"] }, - "color-scale-pink-4": { - "value": "#f87cbd", + "label-olive-fgColor-active": { + "value": "#cbc025", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.display.color.olive.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-pink-4", + "name": "label-olive-fgColor-active", "attributes": {}, - "path": ["color", "scale", "pink", "4"] + "path": ["label", "olive", "fgColor", "active"] }, - "color-scale-pink-5": { + "label-lime-bgColor-rest": { + "value": "#141f0f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-rest", + "attributes": {}, + "path": ["label", "lime", "bgColor", "rest"] + }, + "label-lime-bgColor-hover": { + "value": "#1f3116", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-hover", + "attributes": {}, + "path": ["label", "lime", "bgColor", "hover"] + }, + "label-lime-bgColor-active": { + "value": "#2c441d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-active", + "attributes": {}, + "path": ["label", "lime", "bgColor", "active"] + }, + "label-lime-fgColor-rest": { + "value": "#7dae37", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-rest", + "attributes": {}, + "path": ["label", "lime", "fgColor", "rest"] + }, + "label-lime-fgColor-hover": { + "value": "#89ba36", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-hover", + "attributes": {}, + "path": ["label", "lime", "fgColor", "hover"] + }, + "label-lime-fgColor-active": { + "value": "#9fcc3e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-active", + "attributes": {}, + "path": ["label", "lime", "fgColor", "active"] + }, + "label-pine-bgColor-rest": { + "value": "#082119", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-rest", + "attributes": {}, + "path": ["label", "pine", "bgColor", "rest"] + }, + "label-pine-bgColor-hover": { + "value": "#0b3224", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-hover", + "attributes": {}, + "path": ["label", "pine", "bgColor", "hover"] + }, + "label-pine-bgColor-active": { + "value": "#0e4430", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-active", + "attributes": {}, + "path": ["label", "pine", "bgColor", "active"] + }, + "label-pine-fgColor-rest": { + "value": "#1bb673", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-rest", + "attributes": {}, + "path": ["label", "pine", "fgColor", "rest"] + }, + "label-pine-fgColor-hover": { + "value": "#1ac176", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-hover", + "attributes": {}, + "path": ["label", "pine", "fgColor", "hover"] + }, + "label-pine-fgColor-active": { + "value": "#1bda81", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-active", + "attributes": {}, + "path": ["label", "pine", "fgColor", "active"] + }, + "label-teal-bgColor-rest": { + "value": "#041f25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-rest", + "attributes": {}, + "path": ["label", "teal", "bgColor", "rest"] + }, + "label-teal-bgColor-hover": { + "value": "#073036", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-hover", + "attributes": {}, + "path": ["label", "teal", "bgColor", "hover"] + }, + "label-teal-bgColor-active": { + "value": "#0a464d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-active", + "attributes": {}, + "path": ["label", "teal", "bgColor", "active"] + }, + "label-teal-fgColor-rest": { + "value": "#1cb0ab", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-rest", + "attributes": {}, + "path": ["label", "teal", "fgColor", "rest"] + }, + "label-teal-fgColor-hover": { + "value": "#1fbdb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-hover", + "attributes": {}, + "path": ["label", "teal", "fgColor", "hover"] + }, + "label-teal-fgColor-active": { + "value": "#24d6c4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-active", + "attributes": {}, + "path": ["label", "teal", "fgColor", "active"] + }, + "label-cyan-bgColor-rest": { + "value": "#001f29", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "rest"] + }, + "label-cyan-bgColor-hover": { + "value": "#002e3d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "hover"] + }, + "label-cyan-bgColor-active": { + "value": "#014156", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-active", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "active"] + }, + "label-cyan-fgColor-rest": { + "value": "#07ace4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "rest"] + }, + "label-cyan-fgColor-hover": { + "value": "#09b7f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "hover"] + }, + "label-cyan-fgColor-active": { + "value": "#45cbf7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-active", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "active"] + }, + "label-indigo-bgColor-rest": { + "value": "#1b183f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "rest"] + }, + "label-indigo-bgColor-hover": { + "value": "#25215f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "hover"] + }, + "label-indigo-bgColor-active": { + "value": "#312c90", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-active", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "active"] + }, + "label-indigo-fgColor-rest": { + "value": "#9899ec", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "rest"] + }, + "label-indigo-fgColor-hover": { + "value": "#a2a5f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "hover"] + }, + "label-indigo-fgColor-active": { + "value": "#b7baf6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-active", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "active"] + }, + "label-blue-bgColor-rest": { + "value": "#001a47", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-rest", + "attributes": {}, + "path": ["label", "blue", "bgColor", "rest"] + }, + "label-blue-bgColor-hover": { + "value": "#002766", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-hover", + "attributes": {}, + "path": ["label", "blue", "bgColor", "hover"] + }, + "label-blue-bgColor-active": { + "value": "#00378a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-active", + "attributes": {}, + "path": ["label", "blue", "bgColor", "active"] + }, + "label-blue-fgColor-rest": { + "value": "#4da0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-rest", + "attributes": {}, + "path": ["label", "blue", "fgColor", "rest"] + }, + "label-blue-fgColor-hover": { + "value": "#61adff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-hover", + "attributes": {}, + "path": ["label", "blue", "fgColor", "hover"] + }, + "label-blue-fgColor-active": { + "value": "#85c2ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-active", + "attributes": {}, + "path": ["label", "blue", "fgColor", "active"] + }, + "label-plum-bgColor-rest": { + "value": "#2a0e3f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-rest", + "attributes": {}, + "path": ["label", "plum", "bgColor", "rest"] + }, + "label-plum-bgColor-hover": { + "value": "#40125e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-hover", + "attributes": {}, + "path": ["label", "plum", "bgColor", "hover"] + }, + "label-plum-bgColor-active": { + "value": "#5c1688", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-active", + "attributes": {}, + "path": ["label", "plum", "bgColor", "active"] + }, + "label-plum-fgColor-rest": { + "value": "#d07ef7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-rest", + "attributes": {}, + "path": ["label", "plum", "fgColor", "rest"] + }, + "label-plum-fgColor-hover": { + "value": "#d889fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-hover", + "attributes": {}, + "path": ["label", "plum", "fgColor", "hover"] + }, + "label-plum-fgColor-active": { + "value": "#e4a5fd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-active", + "attributes": {}, + "path": ["label", "plum", "fgColor", "active"] + }, + "label-pink-bgColor-rest": { + "value": "#2d1524", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-rest", + "attributes": {}, + "path": ["label", "pink", "bgColor", "rest"] + }, + "label-pink-bgColor-hover": { + "value": "#451c35", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-hover", + "attributes": {}, + "path": ["label", "pink", "bgColor", "hover"] + }, + "label-pink-bgColor-active": { + "value": "#65244a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-active", + "attributes": {}, + "path": ["label", "pink", "bgColor", "active"] + }, + "label-pink-fgColor-rest": { + "value": "#e57bb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-rest", + "attributes": {}, + "path": ["label", "pink", "fgColor", "rest"] + }, + "label-pink-fgColor-hover": { + "value": "#ec8dbd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-hover", + "attributes": {}, + "path": ["label", "pink", "fgColor", "hover"] + }, + "label-pink-fgColor-active": { + "value": "#f4a9cd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-active", + "attributes": {}, + "path": ["label", "pink", "fgColor", "active"] + }, + "label-coral-bgColor-rest": { + "value": "#351008", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-rest", + "attributes": {}, + "path": ["label", "coral", "bgColor", "rest"] + }, + "label-coral-bgColor-hover": { + "value": "#51180b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-hover", + "attributes": {}, + "path": ["label", "coral", "bgColor", "hover"] + }, + "label-coral-bgColor-active": { + "value": "#72220d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-active", + "attributes": {}, + "path": ["label", "coral", "bgColor", "active"] + }, + "label-coral-fgColor-rest": { + "value": "#f7794b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-rest", + "attributes": {}, + "path": ["label", "coral", "fgColor", "rest"] + }, + "label-coral-fgColor-hover": { + "value": "#fa8c61", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-hover", + "attributes": {}, + "path": ["label", "coral", "fgColor", "hover"] + }, + "label-coral-fgColor-active": { + "value": "#fdaa86", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-active", + "attributes": {}, + "path": ["label", "coral", "fgColor", "active"] + }, + "fgColor-default": { + "value": "#fbfcfd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "#f0f3f6", + "weight": 0.25 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "{base.color.neutral.1}", + "weight": 0.25 + } + }, + "name": "fgColor-default", + "attributes": {}, + "path": ["fgColor", "default"] + }, + "fgColor-muted": { + "value": "#f0f3f6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": null, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "alpha": 1, + "original": { + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": null, + "alpha": 1 + }, + "name": "fgColor-muted", + "attributes": {}, + "path": ["fgColor", "muted"] + }, + "fgColor-onEmphasis": { + "value": "#0a0c10", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + } + }, + "name": "fgColor-onEmphasis", + "attributes": {}, + "path": ["fgColor", "onEmphasis"] + }, + "fgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-white", + "attributes": {}, + "path": ["fgColor", "white"] + }, + "fgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-black", + "attributes": {}, + "path": ["fgColor", "black"] + }, + "fgColor-disabled": { + "value": "#9ea7b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-disabled", + "attributes": {}, + "path": ["fgColor", "disabled"] + }, + "fgColor-link": { + "value": "#60aeff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{fgColor.accent.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-link", + "attributes": {}, + "path": ["fgColor", "link", "@"] + }, + "fgColor-neutral": { + "value": "#9ea7b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-neutral", + "attributes": {}, + "path": ["fgColor", "neutral", "@"] + }, + "fgColor-accent": { + "value": "#60aeff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "#409eff", + "weight": 0.35 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "{base.color.blue.5}", + "weight": 0.35 + } + }, + "name": "fgColor-accent", + "attributes": {}, + "path": ["fgColor", "accent", "@"] + }, + "fgColor-success": { + "value": "#28d751", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + } + }, + "name": "fgColor-success", + "attributes": {}, + "path": ["fgColor", "success", "@"] + }, + "fgColor-attention": { + "value": "#f0b72f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + } + }, + "name": "fgColor-attention", + "attributes": {}, + "path": ["fgColor", "attention", "@"] + }, + "fgColor-severe": { + "value": "#f48b25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + } + }, + "name": "fgColor-severe", + "attributes": {}, + "path": ["fgColor", "severe", "@"] + }, + "fgColor-danger": { + "value": "#ff8080", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + } + }, + "name": "fgColor-danger", + "attributes": {}, + "path": ["fgColor", "danger", "@"] + }, + "fgColor-open": { + "value": "#28d751", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{fgColor.success.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + } + }, + "name": "fgColor-open", + "attributes": {}, + "path": ["fgColor", "open", "@"] + }, + "fgColor-closed": { + "value": "#ff8080", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + } + }, + "name": "fgColor-closed", + "attributes": {}, + "path": ["fgColor", "closed", "@"] + }, + "fgColor-done": { + "value": "#bf8fff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + } + }, + "name": "fgColor-done", + "attributes": {}, + "path": ["fgColor", "done", "@"] + }, + "fgColor-upsell": { + "value": "#bf8fff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + } + }, + "name": "fgColor-upsell", + "attributes": {}, + "path": ["fgColor", "upsell", "@"] + }, + "fgColor-sponsors": { + "value": "#f87cbd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + } + }, + "name": "fgColor-sponsors", + "attributes": {}, + "path": ["fgColor", "sponsors", "@"] + }, + "bgColor-default": { + "value": "#0a0c10", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + } + }, + "name": "bgColor-default", + "attributes": {}, + "path": ["bgColor", "default"] + }, + "bgColor-muted": { + "value": "#272b33", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + } + }, + "name": "bgColor-muted", + "attributes": {}, + "path": ["bgColor", "muted"] + }, + "bgColor-inset": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + } + }, + "name": "bgColor-inset", + "attributes": {}, + "path": ["bgColor", "inset"] + }, + "bgColor-emphasis": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + } + }, + "name": "bgColor-emphasis", + "attributes": {}, + "path": ["bgColor", "emphasis"] + }, + "bgColor-inverse": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-inverse", + "attributes": {}, + "path": ["bgColor", "inverse"] + }, + "bgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-white", + "attributes": {}, + "path": ["bgColor", "white"] + }, + "bgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-black", + "attributes": {}, + "path": ["bgColor", "black"] + }, + "bgColor-disabled": { + "value": "#3d424db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 + }, + "name": "bgColor-disabled", + "attributes": {}, + "path": ["bgColor", "disabled"] + }, + "bgColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + } + }, + "name": "bgColor-transparent", + "attributes": {}, + "path": ["bgColor", "transparent"] + }, + "bgColor-neutral-muted": { + "value": "#9ea7b366", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 + }, + "name": "bgColor-neutral-muted", + "attributes": {}, + "path": ["bgColor", "neutral", "muted"] + }, + "bgColor-neutral-emphasis": { + "value": "#9ea7b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-neutral-emphasis", + "attributes": {}, + "path": ["bgColor", "neutral", "emphasis"] + }, + "bgColor-accent-muted": { + "value": "#5cacff1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-accent-muted", + "attributes": {}, + "path": ["bgColor", "accent", "muted"] + }, + "bgColor-accent-emphasis": { + "value": "#409eff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + } + }, + "name": "bgColor-accent-emphasis", + "attributes": {}, + "path": ["bgColor", "accent", "emphasis"] + }, + "bgColor-success-muted": { + "value": "#0ac74026", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-success-muted", + "attributes": {}, + "path": ["bgColor", "success", "muted"] + }, + "bgColor-success-emphasis": { + "value": "#09b43a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-success-emphasis", + "attributes": {}, + "path": ["bgColor", "success", "emphasis"] + }, + "bgColor-attention-muted": { + "value": "#edaa2726", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-attention-muted", + "attributes": {}, + "path": ["bgColor", "attention", "muted"] + }, + "bgColor-attention-emphasis": { + "value": "#e09b13", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + } + }, + "name": "bgColor-attention-emphasis", + "attributes": {}, + "path": ["bgColor", "attention", "emphasis"] + }, + "bgColor-severe-muted": { + "value": "#f48b251a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-severe-muted", + "attributes": {}, + "path": ["bgColor", "severe", "muted"] + }, + "bgColor-severe-emphasis": { + "value": "#e7811d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + } + }, + "name": "bgColor-severe-emphasis", + "attributes": {}, + "path": ["bgColor", "severe", "emphasis"] + }, + "bgColor-danger-muted": { + "value": "#ff80801a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-danger-muted", + "attributes": {}, + "path": ["bgColor", "danger", "muted"] + }, + "bgColor-danger-emphasis": { + "value": "#ff6a69", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + } + }, + "name": "bgColor-danger-emphasis", + "attributes": {}, + "path": ["bgColor", "danger", "emphasis"] + }, + "bgColor-open-muted": { + "value": "#0ac7401a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-open-muted", + "attributes": {}, + "path": ["bgColor", "open", "muted"] + }, + "bgColor-open-emphasis": { + "value": "#09b43a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-open-emphasis", + "attributes": {}, + "path": ["bgColor", "open", "emphasis"] + }, + "bgColor-closed-muted": { + "value": "#ff808026", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-closed-muted", + "attributes": {}, + "path": ["bgColor", "closed", "muted"] + }, + "bgColor-closed-emphasis": { + "value": "#ff6a69", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + } + }, + "name": "bgColor-closed-emphasis", + "attributes": {}, + "path": ["bgColor", "closed", "emphasis"] + }, + "bgColor-done-muted": { + "value": "#bf8fff26", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-done-muted", + "attributes": {}, + "path": ["bgColor", "done", "muted"] + }, + "bgColor-done-emphasis": { + "value": "#b87fff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + } + }, + "name": "bgColor-done-emphasis", + "attributes": {}, + "path": ["bgColor", "done", "emphasis"] + }, + "bgColor-upsell-muted": { + "value": "#bf8fff26", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-upsell-muted", + "attributes": {}, + "path": ["bgColor", "upsell", "muted"] + }, + "bgColor-upsell-emphasis": { + "value": "#b87fff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + } + }, + "name": "bgColor-upsell-emphasis", + "attributes": {}, + "path": ["bgColor", "upsell", "emphasis"] + }, + "bgColor-sponsors-muted": { + "value": "#f87cbd1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-sponsors-muted", + "attributes": {}, + "path": ["bgColor", "sponsors", "muted"] + }, + "bgColor-sponsors-emphasis": { + "value": "#ef6eb1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + } + }, + "name": "bgColor-sponsors-emphasis", + "attributes": {}, + "path": ["bgColor", "sponsors", "emphasis"] + }, + "borderColor-default": { + "value": "#7a828e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + } + }, + "name": "borderColor-default", + "attributes": {}, + "path": ["borderColor", "default"] + }, + "borderColor-muted": { + "value": "#7a828e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-muted", + "attributes": {}, + "path": ["borderColor", "muted"] + }, + "borderColor-emphasis": { + "value": "#7a828e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-emphasis", + "attributes": {}, + "path": ["borderColor", "emphasis"] + }, + "borderColor-disabled": { + "value": "#3d424db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.disabled}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-disabled", + "attributes": {}, + "path": ["borderColor", "disabled"] + }, + "borderColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-transparent", + "attributes": {}, + "path": ["borderColor", "transparent"] + }, + "borderColor-neutral-muted": { + "value": "#9ea7b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 1 + }, + "name": "borderColor-neutral-muted", + "attributes": {}, + "path": ["borderColor", "neutral", "muted"] + }, + "borderColor-neutral-emphasis": { + "value": "#9ea7b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-neutral-emphasis", + "attributes": {}, + "path": ["borderColor", "neutral", "emphasis"] + }, + "borderColor-accent-muted": { + "value": "#5cacff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-accent-muted", + "attributes": {}, + "path": ["borderColor", "accent", "muted"] + }, + "borderColor-accent-emphasis": { + "value": "#409eff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + } + }, + "name": "borderColor-accent-emphasis", + "attributes": {}, + "path": ["borderColor", "accent", "emphasis"] + }, + "borderColor-success-muted": { + "value": "#0ac740", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.green.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-success-muted", + "attributes": {}, + "path": ["borderColor", "success", "muted"] + }, + "borderColor-success-emphasis": { + "value": "#09b43a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + } + }, + "name": "borderColor-success-emphasis", + "attributes": {}, + "path": ["borderColor", "success", "emphasis"] + }, + "borderColor-attention-muted": { + "value": "#edaa27", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-attention-muted", + "attributes": {}, + "path": ["borderColor", "attention", "muted"] + }, + "borderColor-attention-emphasis": { + "value": "#e09b13", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + } + }, + "name": "borderColor-attention-emphasis", + "attributes": {}, + "path": ["borderColor", "attention", "emphasis"] + }, + "borderColor-severe-muted": { + "value": "#f48b25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-severe-muted", + "attributes": {}, + "path": ["borderColor", "severe", "muted"] + }, + "borderColor-severe-emphasis": { + "value": "#e7811d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + } + }, + "name": "borderColor-severe-emphasis", + "attributes": {}, + "path": ["borderColor", "severe", "emphasis"] + }, + "borderColor-danger-muted": { + "value": "#ff8080", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-danger-muted", + "attributes": {}, + "path": ["borderColor", "danger", "muted"] + }, + "borderColor-danger-emphasis": { + "value": "#ff6a69", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + } + }, + "name": "borderColor-danger-emphasis", + "attributes": {}, + "path": ["borderColor", "danger", "emphasis"] + }, + "borderColor-open-muted": { + "value": "#0ac740", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + } + }, + "name": "borderColor-open-muted", + "attributes": {}, + "path": ["borderColor", "open", "muted"] + }, + "borderColor-open-emphasis": { + "value": "#09b43a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + } + }, + "name": "borderColor-open-emphasis", + "attributes": {}, + "path": ["borderColor", "open", "emphasis"] + }, + "borderColor-closed-muted": { + "value": "#ff808066", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-closed-muted", + "attributes": {}, + "path": ["borderColor", "closed", "muted"] + }, + "borderColor-closed-emphasis": { + "value": "#ff6a69", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + } + }, + "name": "borderColor-closed-emphasis", + "attributes": {}, + "path": ["borderColor", "closed", "emphasis"] + }, + "borderColor-done-muted": { + "value": "#bf8fff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-done-muted", + "attributes": {}, + "path": ["borderColor", "done", "muted"] + }, + "borderColor-done-emphasis": { + "value": "#b87fff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + } + }, + "name": "borderColor-done-emphasis", + "attributes": {}, + "path": ["borderColor", "done", "emphasis"] + }, + "borderColor-upsell-muted": { + "value": "#bf8fff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-upsell-muted", + "attributes": {}, + "path": ["borderColor", "upsell", "muted"] + }, + "borderColor-upsell-emphasis": { + "value": "#b87fff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + } + }, + "name": "borderColor-upsell-emphasis", + "attributes": {}, + "path": ["borderColor", "upsell", "emphasis"] + }, + "borderColor-sponsors-muted": { + "value": "#f87cbd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-sponsors-muted", + "attributes": {}, + "path": ["borderColor", "sponsors", "muted"] + }, + "borderColor-sponsors-emphasis": { "value": "#ef6eb1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + } + }, + "name": "borderColor-sponsors-emphasis", + "attributes": {}, + "path": ["borderColor", "sponsors", "emphasis"] + }, + "color-ansi-black": { + "value": "#7a828e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black", + "attributes": {}, + "path": ["color", "ansi", "black"] + }, + "color-ansi-black-bright": { + "value": "#9ea7b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black-bright", + "attributes": {}, + "path": ["color", "ansi", "black-bright"] + }, + "color-ansi-white": { + "value": "#d9dee3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white", + "attributes": {}, + "path": ["color", "ansi", "white"] + }, + "color-ansi-white-bright": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white-bright", + "attributes": {}, + "path": ["color", "ansi", "white-bright"] + }, + "color-ansi-gray": { + "value": "#9ea7b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-gray", + "attributes": {}, + "path": ["color", "ansi", "gray"] + }, + "color-ansi-red": { + "value": "#ff9492", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-red", + "attributes": {}, + "path": ["color", "ansi", "red"] + }, + "color-ansi-red-bright": { + "value": "#ffb1af", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-red-bright", + "attributes": {}, + "path": ["color", "ansi", "red-bright"] + }, + "color-ansi-green": { + "value": "#28d751", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-green", + "attributes": {}, + "path": ["color", "ansi", "green"] + }, + "color-ansi-green-bright": { + "value": "#4ae168", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-green-bright", + "attributes": {}, + "path": ["color", "ansi", "green-bright"] + }, + "color-ansi-yellow": { + "value": "#f0b72f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow", + "attributes": {}, + "path": ["color", "ansi", "yellow"] + }, + "color-ansi-yellow-bright": { + "value": "#f7c843", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow-bright", + "attributes": {}, + "path": ["color", "ansi", "yellow-bright"] + }, + "color-ansi-blue": { + "value": "#71b7ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue", + "attributes": {}, + "path": ["color", "ansi", "blue"] + }, + "color-ansi-blue-bright": { + "value": "#91cbff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue-bright", + "attributes": {}, + "path": ["color", "ansi", "blue-bright"] + }, + "color-ansi-magenta": { + "value": "#cb9eff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta", + "attributes": {}, + "path": ["color", "ansi", "magenta"] + }, + "color-ansi-magenta-bright": { + "value": "#dbb7ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta-bright", + "attributes": {}, + "path": ["color", "ansi", "magenta-bright"] + }, + "color-ansi-cyan": { + "value": "#39c5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "#39c5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan", + "attributes": {}, + "path": ["color", "ansi", "cyan"] + }, + "color-ansi-cyan-bright": { + "value": "#56d4dd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "#56d4dd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan-bright", + "attributes": {}, + "path": ["color", "ansi", "cyan-bright"] + }, + "color-prettylights-syntax-comment": { + "value": "#bdc4cc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-comment", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "comment"] + }, + "color-prettylights-syntax-constant": { + "value": "#91cbff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-constant", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "constant"] + }, + "color-prettylights-syntax-constant-other-reference-link": { + "value": "#addcff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-constant-other-reference-link", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + }, + "color-prettylights-syntax-entity": { + "value": "#dbb7ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-entity", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "entity"] + }, + "color-prettylights-syntax-storage-modifier-import": { + "value": "#f0f3f6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-storage-modifier-import", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + }, + "color-prettylights-syntax-entity-tag": { + "value": "#72f088", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-entity-tag", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "entity-tag"] + }, + "color-prettylights-syntax-keyword": { + "value": "#ff9492", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-keyword", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "keyword"] + }, + "color-prettylights-syntax-string": { + "value": "#addcff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-string", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "string"] + }, + "color-prettylights-syntax-variable": { + "value": "#ffb757", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-variable", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "variable"] + }, + "color-prettylights-syntax-brackethighlighter-unmatched": { + "value": "#ff8080", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + }, + "color-prettylights-syntax-brackethighlighter-angle": { + "value": "#bdc4cc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-brackethighlighter-angle", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + }, + "color-prettylights-syntax-invalid-illegal-text": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-invalid-illegal-text", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + }, + "color-prettylights-syntax-invalid-illegal-bg": { + "value": "#e82a2f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-invalid-illegal-bg", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + }, + "color-prettylights-syntax-carriage-return-text": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-carriage-return-text", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + }, + "color-prettylights-syntax-carriage-return-bg": { + "value": "#ff4445", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-carriage-return-bg", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + }, + "color-prettylights-syntax-string-regexp": { + "value": "#72f088", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-5", + "name": "color-prettylights-syntax-string-regexp", "attributes": {}, - "path": ["color", "scale", "pink", "5"] + "path": ["color", "prettylights", "syntax", "string-regexp"] }, - "color-scale-pink-6": { - "value": "#e456a3", + "color-prettylights-syntax-markup-list": { + "value": "#fbd669", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.6}", + "value": "{base.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-6", + "name": "color-prettylights-syntax-markup-list", "attributes": {}, - "path": ["color", "scale", "pink", "6"] + "path": ["color", "prettylights", "syntax", "markup", "list"] }, - "color-scale-pink-7": { - "value": "#d23d91", + "color-prettylights-syntax-markup-heading": { + "value": "#409eff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.7}", + "value": "{base.color.blue.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-7", + "name": "color-prettylights-syntax-markup-heading", "attributes": {}, - "path": ["color", "scale", "pink", "7"] + "path": ["color", "prettylights", "syntax", "markup", "heading"] }, - "color-scale-pink-8": { - "value": "#b72c7d", + "color-prettylights-syntax-markup-italic": { + "value": "#f0f3f6", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.8}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-8", + "name": "color-prettylights-syntax-markup-italic", "attributes": {}, - "path": ["color", "scale", "pink", "8"] + "path": ["color", "prettylights", "syntax", "markup", "italic"] }, - "color-scale-pink-9": { - "value": "#9c1d6a", + "color-prettylights-syntax-markup-bold": { + "value": "#f0f3f6", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.9}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-9", + "name": "color-prettylights-syntax-markup-bold", "attributes": {}, - "path": ["color", "scale", "pink", "9"] + "path": ["color", "prettylights", "syntax", "markup", "bold"] }, - "color-scale-coral-0": { - "value": "#ffded4", + "color-prettylights-syntax-markup-deleted-text": { + "value": "#ffdedb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.0}", + "value": "{base.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-0", + "name": "color-prettylights-syntax-markup-deleted-text", "attributes": {}, - "path": ["color", "scale", "coral", "0"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] }, - "color-scale-coral-1": { - "value": "#ffcbb9", + "color-prettylights-syntax-markup-deleted-bg": { + "value": "#cc1421", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.1}", + "value": "{base.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-1", + "name": "color-prettylights-syntax-markup-deleted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "1"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] }, - "color-scale-coral-2": { - "value": "#ffb39b", + "color-prettylights-syntax-markup-inserted-text": { + "value": "#acf7b6", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.2}", + "value": "{base.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-2", + "name": "color-prettylights-syntax-markup-inserted-text", "attributes": {}, - "path": ["color", "scale", "coral", "2"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] }, - "color-scale-coral-3": { - "value": "#ff967d", + "color-prettylights-syntax-markup-inserted-bg": { + "value": "#007728", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-markup-inserted-bg", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + }, + "color-prettylights-syntax-markup-changed-text": { + "value": "#ffe1b4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } }, - "name": "color-scale-coral-3", - "attributes": {}, - "path": ["color", "scale", "coral", "3"] - }, - "color-scale-coral-4": { - "value": "#fd8468", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.4}", + "value": "{base.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-4", + "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, - "path": ["color", "scale", "coral", "4"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] }, - "color-scale-coral-5": { - "value": "#fc704f", + "color-prettylights-syntax-markup-changed-bg": { + "value": "#a74c00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.5}", + "value": "{base.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-5", + "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, - "path": ["color", "scale", "coral", "5"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] }, - "color-scale-coral-6": { - "value": "#f75133", + "color-prettylights-syntax-markup-ignored-text": { + "value": "#f0f3f6", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-6", + "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, - "path": ["color", "scale", "coral", "6"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] }, - "color-scale-coral-7": { - "value": "#e03b21", + "color-prettylights-syntax-markup-ignored-bg": { + "value": "#318bf8", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-7", + "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, - "path": ["color", "scale", "coral", "7"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] }, - "color-scale-coral-8": { - "value": "#c62612", + "color-prettylights-syntax-meta-diff-range": { + "value": "#dbb7ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.8}", + "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-8", + "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, - "path": ["color", "scale", "coral", "8"] + "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] }, - "color-scale-coral-9": { - "value": "#a91500", + "color-prettylights-syntax-sublimelinter-gutter-mark": { + "value": "#7a828e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.9}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-9", + "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, - "path": ["color", "scale", "coral", "9"] + "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] }, "shadow-inset": { "value": "inset 0px 1px 0px 0px #0104093d", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10643,7 +16507,14 @@ "spread": "0px", "inset": true }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-inset", "attributes": {}, @@ -10652,6 +16523,13 @@ "shadow-resting-xsmall": { "value": "0px 1px 0px 0px #010409cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10664,15 +16542,29 @@ "spread": "0px", "inset": false }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"] }, "shadow-resting-small": { - "value": "0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966", + "value": "0px 1px 0px 0px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10685,18 +16577,16 @@ "blur": "0px", "spread": "0px", "inset": false - }, - { - "color": "{base.color.black}", - "alpha": 0.4, - "offsetX": "0px", - "offsetY": "1px", - "blur": "3px", - "spread": "0px", - "inset": false } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-small", "attributes": {}, @@ -10705,6 +16595,13 @@ "shadow-resting-medium": { "value": "0px 3px 6px 0px #010409cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10718,21 +16615,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"] }, "shadow-floating-small": { - "value": "0px 0px 0px 1px #272b33, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", + "value": "0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10756,21 +16667,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"] }, "shadow-floating-medium": { - "value": "0px 0px 0px 1px #272b33, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966", + "value": "0px 0px 0px 1px #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10810,21 +16735,35 @@ "spread": "-24px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"] }, "shadow-floating-large": { - "value": "0px 0px 0px 1px #272b33, 0px 24px 48px 0px #010409", + "value": "0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10840,21 +16779,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"] }, "shadow-floating-xlarge": { - "value": "0px 0px 0px 1px #272b33, 0px 32px 64px 0px #010409", + "value": "0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10870,12 +16823,63 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"] }, + "shadow-floating-legacy": { + "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, + "filePath": "src/tokens/functional/shadow/dark.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "12px", + "spread": "-3px" + }, + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "18px", + "spread": "0px" + } + ], + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } + }, + "name": "shadow-floating-legacy", + "attributes": {}, + "path": ["shadow", "floating", "legacy"] + }, "outline-focus": { "value": "#409eff solid 2px", "$type": "border", diff --git a/dist/docs/functional/themes/dark-tritanopia.json b/dist/docs/functional/themes/dark-tritanopia.json index 5d28a1c58..fba2ff28f 100644 --- a/dist/docs/functional/themes/dark-tritanopia.json +++ b/dist/docs/functional/themes/dark-tritanopia.json @@ -424,7 +424,7 @@ "path": ["diffBlob", "hunk", "bgColor", "num"] }, "diffBlob-expander-iconColor": { - "value": "#848d97", + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -569,7 +569,7 @@ "path": ["codeMirror", "gutterMarker", "fgColor", "default"] }, "codeMirror-gutterMarker-fgColor-muted": { - "value": "#848d97", + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -598,7 +598,7 @@ "path": ["codeMirror", "gutterMarker", "fgColor", "muted"] }, "codeMirror-lineNumber-fgColor": { - "value": "#848d97", + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -785,7 +785,7 @@ "filePath": "src/tokens/functional/color/dark/app-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1048,7 +1048,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1078,7 +1078,7 @@ "isSource": true, "alpha": 0.95, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1108,7 +1108,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1137,7 +1137,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1166,7 +1166,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1181,148 +1181,124 @@ "attributes": {}, "path": ["headerSearch", "borderColor"] }, - "avatar-bgColor": { - "value": "#ffffff1a", + "data-blue-color": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "avatar-bgColor", + "name": "data-blue-color", "attributes": {}, - "path": ["avatar", "bgColor"] + "path": ["data", "blue", "color", "@"] }, - "avatar-borderColor": { - "value": "#30363d80", + "data-blue-color-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.muted}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "avatar-borderColor", - "attributes": {}, - "path": ["avatar", "borderColor"] - }, - "avatar-shadow": { - "value": "0px 0px 0px 2px #0d1117", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.gray.9}", - "alpha": 1, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "2px" - } - ], - "$type": "shadow" - }, - "name": "avatar-shadow", + "name": "data-blue-color-muted", "attributes": {}, - "path": ["avatar", "shadow"] + "path": ["data", "blue", "color", "muted"] }, - "avatarStack-fade-bgColor-default": { - "value": "#30363d", + "data-auburn-color": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-default", + "name": "data-auburn-color", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "default"] + "path": ["data", "auburn", "color", "@"] }, - "avatarStack-fade-bgColor-muted": { - "value": "#21262d", + "data-auburn-color-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-muted", + "name": "data-auburn-color-muted", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "muted"] + "path": ["data", "auburn", "color", "muted"] }, - "control-bgColor-rest": { - "value": "#21262d", + "data-orange-color": { + "value": "#984b10", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1332,10 +1308,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1346,12 +1322,12 @@ } } }, - "name": "control-bgColor-rest", + "name": "data-orange-color", "attributes": {}, - "path": ["control", "bgColor", "rest"] + "path": ["data", "orange", "color", "@"] }, - "control-bgColor-hover": { - "value": "#292e36", + "data-orange-color-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1361,14 +1337,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1377,18 +1349,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-bgColor-hover", + "name": "data-orange-color-muted", "attributes": {}, - "path": ["control", "bgColor", "hover"] + "path": ["data", "orange", "color", "muted"] }, - "control-bgColor-active": { - "value": "#31363e", + "data-yellow-color": { + "value": "#895906", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1398,14 +1366,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1414,18 +1378,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "control-bgColor-active", + "name": "data-yellow-color", "attributes": {}, - "path": ["control", "bgColor", "active"] + "path": ["data", "yellow", "color", "@"] }, - "control-bgColor-disabled": { - "value": "#161b22", + "data-yellow-color-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1435,10 +1395,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1449,12 +1409,12 @@ } } }, - "name": "control-bgColor-disabled", + "name": "data-yellow-color-muted", "attributes": {}, - "path": ["control", "bgColor", "disabled"] + "path": ["data", "yellow", "color", "muted"] }, - "control-bgColor-selected": { - "value": "#161b22", + "data-green-color": { + "value": "#2f6f37", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1464,10 +1424,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1478,3375 +1438,3184 @@ } } }, - "name": "control-bgColor-selected", + "name": "data-green-color", "attributes": {}, - "path": ["control", "bgColor", "selected"] + "path": ["data", "green", "color", "@"] }, - "control-fgColor-rest": { - "value": "#c9d1d9", + "data-green-color-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-rest", + "name": "data-green-color-muted", "attributes": {}, - "path": ["control", "fgColor", "rest"] + "path": ["data", "green", "color", "muted"] }, - "control-fgColor-placeholder": { - "value": "#484f58", + "data-teal-color": { + "value": "#106c70", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-placeholder", + "name": "data-teal-color", "attributes": {}, - "path": ["control", "fgColor", "placeholder"] + "path": ["data", "teal", "color", "@"] }, - "control-fgColor-disabled": { - "value": "#8b949e", + "data-teal-color-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-disabled", + "name": "data-teal-color-muted", "attributes": {}, - "path": ["control", "fgColor", "disabled"] + "path": ["data", "teal", "color", "muted"] }, - "control-borderColor-rest": { - "value": "#30363d", + "data-purple-color": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-rest", + "name": "data-purple-color", "attributes": {}, - "path": ["control", "borderColor", "rest"] + "path": ["data", "purple", "color", "@"] }, - "control-borderColor-emphasis": { - "value": "#666e79", + "data-purple-color-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-borderColor-emphasis", + "name": "data-purple-color-muted", "attributes": {}, - "path": ["control", "borderColor", "emphasis"] + "path": ["data", "purple", "color", "muted"] }, - "control-borderColor-disabled": { - "value": "#161b22", + "data-pink-color": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-disabled", + "name": "data-pink-color", "attributes": {}, - "path": ["control", "borderColor", "disabled"] + "path": ["data", "pink", "color", "@"] }, - "control-borderColor-selected": { - "value": "#f0f6fc", + "data-pink-color-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-selected", + "name": "data-pink-color-muted", "attributes": {}, - "path": ["control", "borderColor", "selected"] + "path": ["data", "pink", "color", "muted"] }, - "control-borderColor-success": { - "value": "#1f6feb", + "data-red-color": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-success", + "name": "data-red-color", "attributes": {}, - "path": ["control", "borderColor", "success"] + "path": ["data", "red", "color", "@"] }, - "control-borderColor-danger": { - "value": "#da3633", + "data-red-color-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.danger.emphasis}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-danger", + "name": "data-red-color-muted", "attributes": {}, - "path": ["control", "borderColor", "danger"] + "path": ["data", "red", "color", "muted"] }, - "control-borderColor-warning": { - "value": "#9e6a03", + "data-gray-color": { + "value": "#576270", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.attention.emphasis}", + "value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-warning", + "name": "data-gray-color", "attributes": {}, - "path": ["control", "borderColor", "warning"] + "path": ["data", "gray", "color", "@"] }, - "control-iconColor-rest": { - "value": "#848d97", + "data-gray-color-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-iconColor-rest", + "name": "data-gray-color-muted", "attributes": {}, - "path": ["control", "iconColor", "rest"] + "path": ["data", "gray", "color", "muted"] }, - "control-transparent-bgColor-rest": { - "value": "#00000000", + "display-blue-bgColor-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-transparent-bgColor-rest", + "name": "display-blue-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "rest"] + "path": ["display", "blue", "bgColor", "muted"] }, - "control-transparent-bgColor-hover": { - "value": "#b1bac41f", + "display-blue-bgColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.12, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.12 + } }, - "name": "control-transparent-bgColor-hover", + "name": "display-blue-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "hover"] + "path": ["display", "blue", "bgColor", "emphasis"] }, - "control-transparent-bgColor-active": { - "value": "#b1bac433", + "display-blue-fgColor": { + "value": "#4da0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-active", + "name": "display-blue-fgColor", "attributes": {}, - "path": ["control", "transparent", "bgColor", "active"] + "path": ["display", "blue", "fgColor"] }, - "control-transparent-bgColor-disabled": { - "value": "#00000000", + "display-blue-borderColor-muted": { + "value": "#002766", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-transparent-bgColor-disabled", + "name": "display-blue-borderColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "disabled"] + "path": ["display", "blue", "borderColor", "muted"] }, - "control-transparent-bgColor-selected": { - "value": "#b1bac414", + "display-blue-borderColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.08, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.08 + } }, - "name": "control-transparent-bgColor-selected", + "name": "display-blue-borderColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "selected"] + "path": ["display", "blue", "borderColor", "emphasis"] }, - "control-transparent-borderColor-rest": { - "value": "#00000000", + "display-green-bgColor-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-rest", + "name": "display-green-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "borderColor", "rest"] + "path": ["display", "green", "bgColor", "muted"] }, - "control-transparent-borderColor-hover": { - "value": "#00000000", + "display-green-bgColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-hover", + "name": "display-green-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "borderColor", "hover"] + "path": ["display", "green", "bgColor", "emphasis"] }, - "control-transparent-borderColor-active": { - "value": "#00000000", + "display-green-fgColor": { + "value": "#41b445", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-transparent-borderColor-active", + "name": "display-green-fgColor", "attributes": {}, - "path": ["control", "transparent", "borderColor", "active"] + "path": ["display", "green", "fgColor"] }, - "control-danger-fgColor-rest": { - "value": "#f85149", + "display-green-borderColor-muted": { + "value": "#182f1f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-rest", + "name": "display-green-borderColor-muted", "attributes": {}, - "path": ["control", "danger", "fgColor", "rest"] + "path": ["display", "green", "borderColor", "muted"] }, - "control-danger-fgColor-hover": { - "value": "#ff7b72", + "display-green-borderColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-hover", + "name": "display-green-borderColor-emphasis", "attributes": {}, - "path": ["control", "danger", "fgColor", "hover"] + "path": ["display", "green", "borderColor", "emphasis"] }, - "control-danger-bgColor-hover": { - "value": "#f851491a", + "display-orange-bgColor-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-danger-bgColor-hover", + "name": "display-orange-bgColor-muted", "attributes": {}, - "path": ["control", "danger", "bgColor", "hover"] + "path": ["display", "orange", "bgColor", "muted"] }, - "control-danger-bgColor-active": { - "value": "#f8514966", + "display-orange-bgColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-danger-bgColor-active", + "name": "display-orange-bgColor-emphasis", "attributes": {}, - "path": ["control", "danger", "bgColor", "active"] + "path": ["display", "orange", "bgColor", "emphasis"] }, - "control-checked-bgColor-rest": { - "value": "#1f6feb", + "display-orange-fgColor": { + "value": "#ed8326", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-checked-bgColor-rest", + "name": "display-orange-fgColor", "attributes": {}, - "path": ["control", "checked", "bgColor", "rest"] + "path": ["display", "orange", "fgColor"] }, - "control-checked-bgColor-hover": { - "value": "#2a7aef", + "display-orange-borderColor-muted": { + "value": "#43200a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-bgColor-hover", + "name": "display-orange-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "hover"] + "path": ["display", "orange", "borderColor", "muted"] }, - "control-checked-bgColor-active": { - "value": "#3685f3", + "display-orange-borderColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-bgColor-active", + "name": "display-orange-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "bgColor", "active"] + "path": ["display", "orange", "borderColor", "emphasis"] }, - "control-checked-bgColor-disabled": { - "value": "#8b949e", + "display-purple-bgColor-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-checked-bgColor-disabled", + "name": "display-purple-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "disabled"] + "path": ["display", "purple", "bgColor", "muted"] }, - "control-checked-fgColor-rest": { - "value": "#ffffff", + "display-purple-bgColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-fgColor-rest", + "name": "display-purple-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "fgColor", "rest"] + "path": ["display", "purple", "bgColor", "emphasis"] }, - "control-checked-fgColor-disabled": { - "value": "#010409", + "display-purple-fgColor": { + "value": "#b687f7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "control-checked-fgColor-disabled", + "name": "display-purple-fgColor", "attributes": {}, - "path": ["control", "checked", "fgColor", "disabled"] + "path": ["display", "purple", "fgColor"] }, - "control-checked-borderColor-rest": { - "value": "#1f6feb", + "display-purple-borderColor-muted": { + "value": "#31146b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "control-checked-borderColor-rest", + "name": "display-purple-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "rest"] + "path": ["display", "purple", "borderColor", "muted"] }, - "control-checked-borderColor-hover": { - "value": "#2a7aef", + "display-purple-borderColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-borderColor-hover", + "name": "display-purple-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "hover"] + "path": ["display", "purple", "borderColor", "emphasis"] }, - "control-checked-borderColor-active": { - "value": "#3685f3", + "display-plum-bgColor-muted": { + "value": "#2a0e3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-borderColor-active", + "name": "display-plum-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "active"] + "path": ["display", "plum", "bgColor", "muted"] }, - "control-checked-borderColor-disabled": { - "value": "#8b949e", + "display-plum-bgColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-borderColor-disabled", + "name": "display-plum-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "disabled"] + "path": ["display", "plum", "bgColor", "emphasis"] }, - "controlTrack-bgColor-rest": { - "value": "#21262d", + "display-plum-fgColor": { + "value": "#d07ef7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlTrack-bgColor-rest", + "name": "display-plum-fgColor", "attributes": {}, - "path": ["controlTrack", "bgColor", "rest"] + "path": ["display", "plum", "fgColor"] }, - "controlTrack-bgColor-hover": { - "value": "#292e36", + "display-plum-borderColor-muted": { + "value": "#40125e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "controlTrack-bgColor-hover", + "name": "display-plum-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "hover"] + "path": ["display", "plum", "borderColor", "muted"] }, - "controlTrack-bgColor-active": { - "value": "#31363e", + "display-plum-borderColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "controlTrack-bgColor-active", + "name": "display-plum-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "bgColor", "active"] + "path": ["display", "plum", "borderColor", "emphasis"] }, - "controlTrack-bgColor-disabled": { - "value": "#8b949e", + "display-red-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlTrack-bgColor-disabled", + "name": "display-red-bgColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "disabled"] + "path": ["display", "red", "bgColor", "muted"] }, - "controlTrack-fgColor-rest": { - "value": "#848d97", + "display-red-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "controlTrack-fgColor-rest", + "name": "display-red-bgColor-emphasis", "attributes": {}, - "path": ["controlTrack", "fgColor", "rest"] + "path": ["display", "red", "bgColor", "emphasis"] }, - "controlTrack-fgColor-disabled": { - "value": "#ffffff", + "display-red-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "controlTrack-fgColor-disabled", + "name": "display-red-fgColor", "attributes": {}, - "path": ["controlTrack", "fgColor", "disabled"] + "path": ["display", "red", "fgColor"] }, - "controlTrack-borderColor-rest": { - "value": "#00000000", + "display-red-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-rest", + "name": "display-red-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "borderColor", "rest"] + "path": ["display", "red", "borderColor", "muted"] }, - "controlTrack-borderColor-disabled": { - "value": "#8b949e", + "display-red-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-disabled", + "name": "display-red-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "borderColor", "disabled"] + "path": ["display", "red", "borderColor", "emphasis"] }, - "controlKnob-bgColor-rest": { - "value": "#010409", + "display-coral-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-rest", + "name": "display-coral-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "bgColor", "rest"] + "path": ["display", "coral", "bgColor", "muted"] }, - "controlKnob-bgColor-disabled": { - "value": "#161b22", + "display-coral-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-disabled", + "name": "display-coral-bgColor-emphasis", "attributes": {}, - "path": ["controlKnob", "bgColor", "disabled"] + "path": ["display", "coral", "bgColor", "emphasis"] }, - "controlKnob-bgColor-checked": { - "value": "#ffffff", + "display-coral-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlKnob-bgColor-checked", + "name": "display-coral-fgColor", "attributes": {}, - "path": ["controlKnob", "bgColor", "checked"] + "path": ["display", "coral", "fgColor"] }, - "controlKnob-borderColor-rest": { - "value": "#666e79", + "display-coral-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.emphasis}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-rest", + "name": "display-coral-borderColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "rest"] + "path": ["display", "coral", "borderColor", "muted"] }, - "controlKnob-borderColor-disabled": { - "value": "#161b22", + "display-coral-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-disabled", + "name": "display-coral-borderColor-emphasis", "attributes": {}, - "path": ["controlKnob", "borderColor", "disabled"] + "path": ["display", "coral", "borderColor", "emphasis"] }, - "controlKnob-borderColor-checked": { - "value": "#1f6feb", + "display-yellow-bgColor-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.checked.bgColor.rest}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "controlKnob-borderColor-checked", + "name": "display-yellow-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "checked"] + "path": ["display", "yellow", "bgColor", "muted"] }, - "counter-borderColor": { - "value": "#00000000", + "display-yellow-bgColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "counter-borderColor", + "name": "display-yellow-bgColor-emphasis", "attributes": {}, - "path": ["counter", "borderColor"] + "path": ["display", "yellow", "bgColor", "emphasis"] }, - "button-default-fgColor-rest": { - "value": "#c9d1d9", + "display-yellow-fgColor": { + "value": "#d3910d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.rest}", + "value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-default-fgColor-rest", + "name": "display-yellow-fgColor", "attributes": {}, - "path": ["button", "default", "fgColor", "rest"] + "path": ["display", "yellow", "fgColor"] }, - "button-default-bgColor-rest": { - "value": "#21262d", + "display-yellow-borderColor-muted": { + "value": "#3d2401", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-rest", + "name": "display-yellow-borderColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "rest"] + "path": ["display", "yellow", "borderColor", "muted"] }, - "button-default-bgColor-hover": { - "value": "#292e36", + "display-yellow-borderColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.hover}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-hover", + "name": "display-yellow-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "hover"] + "path": ["display", "yellow", "borderColor", "emphasis"] }, - "button-default-bgColor-active": { - "value": "#31363e", + "display-gray-bgColor-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-active", + "name": "display-gray-bgColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "active"] + "path": ["display", "gray", "bgColor", "muted"] }, - "button-default-bgColor-selected": { - "value": "#31363e", + "display-gray-bgColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-selected", + "name": "display-gray-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "selected"] + "path": ["display", "gray", "bgColor", "emphasis"] }, - "button-default-bgColor-disabled": { - "value": "#161b22", + "display-gray-fgColor": { + "value": "#92a1b5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-default-bgColor-disabled", + "name": "display-gray-fgColor", "attributes": {}, - "path": ["button", "default", "bgColor", "disabled"] + "path": ["display", "gray", "fgColor"] }, - "button-default-borderColor-rest": { - "value": "#30363d", + "display-gray-borderColor-muted": { + "value": "#2a2b2d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-rest", + "name": "display-gray-borderColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "rest"] + "path": ["display", "gray", "borderColor", "muted"] }, - "button-default-borderColor-hover": { - "value": "#30363d", + "display-gray-borderColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-hover", + "name": "display-gray-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "borderColor", "hover"] + "path": ["display", "gray", "borderColor", "emphasis"] }, - "button-default-borderColor-active": { - "value": "#30363d", + "display-auburn-bgColor-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-active", + "name": "display-auburn-bgColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "active"] + "path": ["display", "auburn", "bgColor", "muted"] }, - "button-default-borderColor-disabled": { - "value": "#161b22", + "display-auburn-bgColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-disabled", - "attributes": {}, - "path": ["button", "default", "borderColor", "disabled"] - }, - "button-default-shadow-resting": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-default-shadow-resting", + "name": "display-auburn-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "shadow", "resting"] + "path": ["display", "auburn", "bgColor", "emphasis"] }, - "button-primary-fgColor-rest": { - "value": "#ffffff", + "display-auburn-fgColor": { + "value": "#bf9592", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-primary-fgColor-rest", + "name": "display-auburn-fgColor", "attributes": {}, - "path": ["button", "primary", "fgColor", "rest"] + "path": ["display", "auburn", "fgColor"] }, - "button-primary-fgColor-disabled": { - "value": "#ffffff80", + "display-auburn-borderColor-muted": { + "value": "#3a2422", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-primary-fgColor-disabled", + "name": "display-auburn-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "fgColor", "disabled"] + "path": ["display", "auburn", "borderColor", "muted"] }, - "button-primary-iconColor-rest": { - "value": "#ffffff", + "display-auburn-borderColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-primary-iconColor-rest", + "name": "display-auburn-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "iconColor", "rest"] + "path": ["display", "auburn", "borderColor", "emphasis"] }, - "button-primary-bgColor-rest": { - "value": "#1f6feb", + "display-brown-bgColor-muted": { + "value": "#241c14", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-primary-bgColor-rest", + "name": "display-brown-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "rest"] + "path": ["display", "brown", "bgColor", "muted"] }, - "button-primary-bgColor-hover": { - "value": "#2a7aef", + "display-brown-bgColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "button-primary-bgColor-hover", + "name": "display-brown-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "hover"] + "path": ["display", "brown", "bgColor", "emphasis"] }, - "button-primary-bgColor-active": { - "value": "#3685f3", + "display-brown-fgColor": { + "value": "#b69a6d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "button-primary-bgColor-active", + "name": "display-brown-fgColor", "attributes": {}, - "path": ["button", "primary", "bgColor", "active"] + "path": ["display", "brown", "fgColor"] }, - "button-primary-bgColor-disabled": { - "value": "#5fabfe", + "display-brown-borderColor-muted": { + "value": "#342a1d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#79c0ff", - "weight": 0.6 - }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.2}", - "weight": 0.6 } }, - "name": "button-primary-bgColor-disabled", + "name": "display-brown-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "disabled"] + "path": ["display", "brown", "borderColor", "muted"] }, - "button-primary-borderColor-rest": { - "value": "#f0f6fc1a", + "display-brown-borderColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-primary-borderColor-rest", + "name": "display-brown-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "rest"] + "path": ["display", "brown", "borderColor", "emphasis"] }, - "button-primary-borderColor-hover": { - "value": "#f0f6fc1a", + "display-lemon-bgColor-muted": { + "value": "#291d00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-hover", + "name": "display-lemon-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "hover"] + "path": ["display", "lemon", "bgColor", "muted"] }, - "button-primary-borderColor-active": { - "value": "#f0f6fc1a", + "display-lemon-bgColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-active", + "name": "display-lemon-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "active"] + "path": ["display", "lemon", "bgColor", "emphasis"] }, - "button-primary-borderColor-disabled": { - "value": "#5fabfe", + "display-lemon-fgColor": { + "value": "#ba9b12", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.bgColor.disabled}", + "value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-primary-borderColor-disabled", - "attributes": {}, - "path": ["button", "primary", "borderColor", "disabled"] - }, - "button-primary-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-primary-shadow-selected", + "name": "display-lemon-fgColor", "attributes": {}, - "path": ["button", "primary", "shadow", "selected"] + "path": ["display", "lemon", "fgColor"] }, - "button-invisible-fgColor-rest": { - "value": "#2f81f7", + "display-lemon-borderColor-muted": { + "value": "#372901", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-rest", + "name": "display-lemon-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "rest"] + "path": ["display", "lemon", "borderColor", "muted"] }, - "button-invisible-fgColor-hover": { - "value": "#58a6ff", + "display-lemon-borderColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-hover", + "name": "display-lemon-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "fgColor", "hover"] + "path": ["display", "lemon", "borderColor", "emphasis"] }, - "button-invisible-fgColor-disabled": { - "value": "#8b949e", + "display-olive-bgColor-muted": { + "value": "#171e0b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-fgColor-disabled", + "name": "display-olive-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "disabled"] + "path": ["display", "olive", "bgColor", "muted"] }, - "button-invisible-iconColor-rest": { - "value": "#848d97", + "display-olive-bgColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-rest", + "name": "display-olive-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "iconColor", "rest"] + "path": ["display", "olive", "bgColor", "emphasis"] }, - "button-invisible-iconColor-hover": { - "value": "#e6edf3", + "display-olive-fgColor": { + "value": "#a2a626", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.default}", + "value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-invisible-iconColor-hover", + "name": "display-olive-fgColor", "attributes": {}, - "path": ["button", "invisible", "iconColor", "hover"] + "path": ["display", "olive", "fgColor"] }, - "button-invisible-iconColor-disabled": { - "value": "#8b949e", + "display-olive-borderColor-muted": { + "value": "#252d10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-iconColor-disabled", + "name": "display-olive-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "iconColor", "disabled"] + "path": ["display", "olive", "borderColor", "muted"] }, - "button-invisible-bgColor-rest": { - "value": "#00000000", + "display-olive-borderColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.rest}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-rest", + "name": "display-olive-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "rest"] + "path": ["display", "olive", "borderColor", "emphasis"] }, - "button-invisible-bgColor-hover": { - "value": "#b1bac41f", + "display-lime-bgColor-muted": { + "value": "#141f0f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.hover}", + "value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-invisible-bgColor-hover", + "name": "display-lime-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "hover"] + "path": ["display", "lime", "bgColor", "muted"] }, - "button-invisible-bgColor-active": { - "value": "#b1bac433", + "display-lime-bgColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.active}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-invisible-bgColor-active", + "name": "display-lime-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "active"] + "path": ["display", "lime", "bgColor", "emphasis"] }, - "button-invisible-bgColor-disabled": { - "value": "#00000000", + "display-lime-fgColor": { + "value": "#7dae37", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.disabled}", + "value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-invisible-bgColor-disabled", + "name": "display-lime-fgColor", "attributes": {}, - "path": ["button", "invisible", "bgColor", "disabled"] + "path": ["display", "lime", "fgColor"] }, - "button-invisible-borderColor-rest": { - "value": "#00000000", + "display-lime-borderColor-muted": { + "value": "#1f3116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.rest}", + "value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-rest", + "name": "display-lime-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "rest"] + "path": ["display", "lime", "borderColor", "muted"] }, - "button-invisible-borderColor-hover": { - "value": "#00000000", + "display-lime-borderColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.hover}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-hover", + "name": "display-lime-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "borderColor", "hover"] + "path": ["display", "lime", "borderColor", "emphasis"] }, - "button-invisible-borderColor-disabled": { - "value": "#161b22", + "display-pine-bgColor-muted": { + "value": "#082119", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-borderColor-disabled", + "name": "display-pine-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "disabled"] + "path": ["display", "pine", "bgColor", "muted"] }, - "button-outline-fgColor-rest": { - "value": "#388bfd", + "display-pine-bgColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-rest", + "name": "display-pine-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "rest"] + "path": ["display", "pine", "bgColor", "emphasis"] }, - "button-outline-fgColor-hover": { - "value": "#58a6ff", + "display-pine-fgColor": { + "value": "#1bb673", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-outline-fgColor-hover", + "name": "display-pine-fgColor", "attributes": {}, - "path": ["button", "outline", "fgColor", "hover"] + "path": ["display", "pine", "fgColor"] }, - "button-outline-fgColor-active": { - "value": "#ffffff", + "display-pine-borderColor-muted": { + "value": "#0b3224", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-fgColor-active", + "name": "display-pine-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "active"] + "path": ["display", "pine", "borderColor", "muted"] }, - "button-outline-fgColor-disabled": { - "value": "#2f81f780", + "display-pine-borderColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-outline-fgColor-disabled", + "name": "display-pine-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "disabled"] + "path": ["display", "pine", "borderColor", "emphasis"] }, - "button-outline-bgColor-rest": { - "value": "#f0f6fc", + "display-teal-bgColor-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-rest", + "name": "display-teal-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "rest"] + "path": ["display", "teal", "bgColor", "muted"] }, - "button-outline-bgColor-hover": { - "value": "#30363d", + "display-teal-bgColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-hover", + "name": "display-teal-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "hover"] + "path": ["display", "teal", "bgColor", "emphasis"] }, - "button-outline-bgColor-active": { - "value": "#0d419d", + "display-teal-fgColor": { + "value": "#1cb0ab", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-outline-bgColor-active", + "name": "display-teal-fgColor", "attributes": {}, - "path": ["button", "outline", "bgColor", "active"] + "path": ["display", "teal", "fgColor"] }, - "button-outline-bgColor-disabled": { - "value": "#0d1117", + "display-teal-borderColor-muted": { + "value": "#073036", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-bgColor-disabled", + "name": "display-teal-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "disabled"] + "path": ["display", "teal", "borderColor", "muted"] }, - "button-outline-borderColor-hover": { - "value": "#f0f6fc1a", + "display-teal-borderColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-outline-borderColor-hover", + "name": "display-teal-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "borderColor", "hover"] + "path": ["display", "teal", "borderColor", "emphasis"] }, - "button-outline-borderColor-selected": { - "value": "#f0f6fc1a", + "display-cyan-bgColor-muted": { + "value": "#001f29", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.outline.borderColor.hover}", + "value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-borderColor-selected", - "attributes": {}, - "path": ["button", "outline", "borderColor", "selected"] - }, - "button-outline-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-outline-shadow-selected", + "name": "display-cyan-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "shadow", "selected"] + "path": ["display", "cyan", "bgColor", "muted"] }, - "button-danger-fgColor-rest": { - "value": "#f85149", + "display-cyan-bgColor-emphasis": { + "value": "#0587b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-rest", + "name": "display-cyan-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "rest"] + "path": ["display", "cyan", "bgColor", "emphasis"] }, - "button-danger-fgColor-hover": { - "value": "#ffffff", + "display-cyan-fgColor": { + "value": "#07ace4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-danger-fgColor-hover", + "name": "display-cyan-fgColor", "attributes": {}, - "path": ["button", "danger", "fgColor", "hover"] + "path": ["display", "cyan", "fgColor"] }, - "button-danger-fgColor-active": { - "value": "#ffffff", + "display-cyan-borderColor-muted": { + "value": "#002e3d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-fgColor-active", + "name": "display-cyan-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "active"] + "path": ["display", "cyan", "borderColor", "muted"] }, - "button-danger-fgColor-disabled": { - "value": "#f8514980", + "display-cyan-borderColor-emphasis": { + "value": "#0587b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-danger-fgColor-disabled", + "name": "display-cyan-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "disabled"] + "path": ["display", "cyan", "borderColor", "emphasis"] }, - "button-danger-iconColor-rest": { - "value": "#f85149", + "display-indigo-bgColor-muted": { + "value": "#1b183f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-rest", + "name": "display-indigo-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "iconColor", "rest"] + "path": ["display", "indigo", "bgColor", "muted"] }, - "button-danger-iconColor-hover": { - "value": "#ffffff", + "display-indigo-bgColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-hover", + "name": "display-indigo-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "iconColor", "hover"] + "path": ["display", "indigo", "bgColor", "emphasis"] }, - "button-danger-bgColor-rest": { - "value": "#21262d", + "display-indigo-fgColor": { + "value": "#9899ec", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-bgColor-rest", + "name": "display-indigo-fgColor", "attributes": {}, - "path": ["button", "danger", "bgColor", "rest"] + "path": ["display", "indigo", "fgColor"] }, - "button-danger-bgColor-hover": { - "value": "#b62324", + "display-indigo-borderColor-muted": { + "value": "#25215f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-hover", + "name": "display-indigo-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "hover"] + "path": ["display", "indigo", "borderColor", "muted"] }, - "button-danger-bgColor-active": { - "value": "#d03533", + "display-indigo-borderColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#f85149", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.red.4}", - "weight": 0.4 } }, - "name": "button-danger-bgColor-active", + "name": "display-indigo-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "active"] + "path": ["display", "indigo", "borderColor", "emphasis"] }, - "button-danger-bgColor-disabled": { - "value": "#161b22", + "display-pink-bgColor-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-danger-bgColor-disabled", + "name": "display-pink-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "disabled"] + "path": ["display", "pink", "bgColor", "muted"] }, - "button-danger-borderColor-rest": { - "value": "#30363d", + "display-pink-bgColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-borderColor-rest", + "name": "display-pink-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "borderColor", "rest"] + "path": ["display", "pink", "bgColor", "emphasis"] }, - "button-danger-borderColor-hover": { - "value": "#f0f6fc1a", + "display-pink-fgColor": { + "value": "#e57bb2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-danger-borderColor-hover", + "name": "display-pink-fgColor", "attributes": {}, - "path": ["button", "danger", "borderColor", "hover"] + "path": ["display", "pink", "fgColor"] }, - "button-danger-borderColor-active": { - "value": "#f0f6fc1a", + "display-pink-borderColor-muted": { + "value": "#451c35", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.danger.borderColor.hover}", + "value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-danger-borderColor-active", - "attributes": {}, - "path": ["button", "danger", "borderColor", "active"] - }, - "button-danger-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-danger-shadow-selected", + "name": "display-pink-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "shadow", "selected"] + "path": ["display", "pink", "borderColor", "muted"] }, - "button-inactive-fgColor-rest": { - "value": "#8b949e", + "display-pink-borderColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-fgColor-rest", + "name": "display-pink-borderColor-emphasis", "attributes": {}, - "path": ["button", "inactive", "fgColor", "rest"] + "path": ["display", "pink", "borderColor", "emphasis"] }, - "button-inactive-bgColor-rest": { - "value": "#21262d", + "avatar-bgColor": { + "value": "#ffffff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", "scopes": ["bgColor"] } }, + "alpha": 0.1, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "button-inactive-bgColor-rest", + "name": "avatar-bgColor", "attributes": {}, - "path": ["button", "inactive", "bgColor", "rest"] + "path": ["avatar", "bgColor"] }, - "buttonCounter-default-bgColor-rest": { - "value": "#30363d", + "avatar-borderColor": { + "value": "#ffffff26", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, + "alpha": 0.15, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "buttonCounter-default-bgColor-rest", + "name": "avatar-borderColor", "attributes": {}, - "path": ["buttonCounter", "default", "bgColor", "rest"] + "path": ["avatar", "borderColor"] }, - "buttonCounter-invisible-bgColor-rest": { - "value": "#30363d", - "$type": "color", + "avatar-shadow": { + "value": "0px 0px 0px 2px #0d1117", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "mode": "light", + "group": "component shadow" } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", - "$type": "color", + "value": [ + { + "color": "{base.color.neutral.9}", + "alpha": 1, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "2px" + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "mode": "light", + "group": "component shadow" } - }, - "alpha": 1 + } }, - "name": "buttonCounter-invisible-bgColor-rest", + "name": "avatar-shadow", "attributes": {}, - "path": ["buttonCounter", "invisible", "bgColor", "rest"] + "path": ["avatar", "shadow"] }, - "buttonCounter-primary-bgColor-rest": { - "value": "#04260f33", + "avatarStack-fade-bgColor-default": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4856,11 +4625,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4869,15 +4637,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-primary-bgColor-rest", + "name": "avatarStack-fade-bgColor-default", "attributes": {}, - "path": ["buttonCounter", "primary", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "default"] }, - "buttonCounter-outline-bgColor-rest": { - "value": "#051d4d33", + "avatarStack-fade-bgColor-muted": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4887,11 +4654,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4900,5721 +4666,11821 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-rest", + "name": "avatarStack-fade-bgColor-muted", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "muted"] }, - "buttonCounter-outline-bgColor-hover": { - "value": "#051d4d33", + "control-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-hover", + "name": "control-bgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "hover"] + "path": ["control", "bgColor", "rest"] }, - "buttonCounter-outline-bgColor-disabled": { - "value": "#1f6feb0d", + "control-bgColor-hover": { + "value": "#292e36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05, + "mix": { + "color": "#484f58", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-disabled", + "name": "control-bgColor-hover", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "disabled"] + "path": ["control", "bgColor", "hover"] }, - "buttonCounter-outline-fgColor-rest": { - "value": "#388bfd", + "control-bgColor-active": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "mix": { + "color": "#484f58", + "weight": 0.4 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 } }, - "name": "buttonCounter-outline-fgColor-rest", + "name": "control-bgColor-active", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "rest"] + "path": ["control", "bgColor", "active"] }, - "buttonCounter-outline-fgColor-hover": { - "value": "#58a6ff", + "control-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "buttonCounter-outline-fgColor-hover", + "name": "control-bgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "hover"] + "path": ["control", "bgColor", "disabled"] }, - "buttonCounter-outline-fgColor-disabled": { - "value": "#2f81f780", + "control-bgColor-selected": { + "value": "#161b22", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-outline-fgColor-disabled", + "name": "control-bgColor-selected", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "disabled"] + "path": ["control", "bgColor", "selected"] }, - "buttonCounter-danger-bgColor-hover": { - "value": "#ffffff33", + "control-fgColor-rest": { + "value": "#c9d1d9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-hover", + "name": "control-fgColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "hover"] + "path": ["control", "fgColor", "rest"] }, - "buttonCounter-danger-bgColor-disabled": { - "value": "#da36330d", + "control-fgColor-placeholder": { + "value": "#484f58", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-danger-bgColor-disabled", + "name": "control-fgColor-placeholder", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "disabled"] + "path": ["control", "fgColor", "placeholder"] }, - "buttonCounter-danger-bgColor-rest": { - "value": "#49020233", + "control-fgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-rest", + "name": "control-fgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "rest"] + "path": ["control", "fgColor", "disabled"] }, - "buttonCounter-danger-fgColor-rest": { - "value": "#f85149", + "control-borderColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "buttonCounter-danger-fgColor-rest", + "name": "control-borderColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "rest"] + "path": ["control", "borderColor", "rest"] }, - "buttonCounter-danger-fgColor-hover": { - "value": "#ffffff", + "control-borderColor-emphasis": { + "value": "#666e79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, + "mix": { + "color": "#484f58", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "buttonCounter-danger-fgColor-hover", + "name": "control-borderColor-emphasis", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "hover"] + "path": ["control", "borderColor", "emphasis"] }, - "buttonCounter-danger-fgColor-disabled": { - "value": "#f8514980", + "control-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-danger-fgColor-disabled", + "name": "control-borderColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "disabled"] + "path": ["control", "borderColor", "disabled"] }, - "focus-outlineColor": { - "value": "#1f6feb", + "control-borderColor-selected": { + "value": "#f0f6fc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.accent.emphasis}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "focus-outlineColor", + "name": "control-borderColor-selected", "attributes": {}, - "path": ["focus", "outlineColor"] + "path": ["control", "borderColor", "selected"] }, - "menu-bgColor-active": { - "value": "#161b22", + "control-borderColor-success": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "menu-bgColor-active", + "name": "control-borderColor-success", "attributes": {}, - "path": ["menu", "bgColor", "active"] + "path": ["control", "borderColor", "success"] }, - "overlay-bgColor": { - "value": "#161b22", + "control-borderColor-danger": { + "value": "#da3633", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "overlay-bgColor", + "name": "control-borderColor-danger", "attributes": {}, - "path": ["overlay", "bgColor"] + "path": ["control", "borderColor", "danger"] }, - "overlay-backdrop-bgColor": { - "value": "#161b2266", + "control-borderColor-warning": { + "value": "#9e6a03", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.4, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "overlay-backdrop-bgColor", + "name": "control-borderColor-warning", "attributes": {}, - "path": ["overlay", "backdrop", "bgColor"] + "path": ["control", "borderColor", "warning"] }, - "selectMenu-borderColor": { - "value": "#484f58", + "control-iconColor-rest": { + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "selectMenu-borderColor", + "name": "control-iconColor-rest", "attributes": {}, - "path": ["selectMenu", "borderColor"] + "path": ["control", "iconColor", "rest"] }, - "selectMenu-bgColor-active": { - "value": "#0c2d6b", + "control-transparent-bgColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "selectMenu-bgColor-active", + "name": "control-transparent-bgColor-rest", "attributes": {}, - "path": ["selectMenu", "bgColor", "active"] + "path": ["control", "transparent", "bgColor", "rest"] }, - "sideNav-bgColor-selected": { - "value": "#21262d", + "control-transparent-bgColor-hover": { + "value": "#b1bac41f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.12, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.12 }, - "name": "sideNav-bgColor-selected", + "name": "control-transparent-bgColor-hover", "attributes": {}, - "path": ["sideNav", "bgColor", "selected"] + "path": ["control", "transparent", "bgColor", "hover"] }, - "skeletonLoader-bgColor": { - "value": "#161b22", + "control-transparent-bgColor-active": { + "value": "#b1bac433", "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.muted}", - "$type": "color" + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "skeletonLoader-bgColor", + "name": "control-transparent-bgColor-active", "attributes": {}, - "path": ["skeletonLoader", "bgColor"] + "path": ["control", "transparent", "bgColor", "active"] }, - "timelineBadge-bgColor": { - "value": "#21262d", + "control-transparent-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "timelineBadge-bgColor", + "name": "control-transparent-bgColor-disabled", "attributes": {}, - "path": ["timelineBadge", "bgColor"] + "path": ["control", "transparent", "bgColor", "disabled"] }, - "treeViewItem-leadingVisual-iconColor-rest": { - "value": "#848d97", + "control-transparent-bgColor-selected": { + "value": "#b1bac414", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.08, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.08 }, - "name": "treeViewItem-leadingVisual-iconColor-rest", + "name": "control-transparent-bgColor-selected", "attributes": {}, - "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] + "path": ["control", "transparent", "bgColor", "selected"] }, - "underlineNav-borderColor-active": { - "value": "#f78166", + "control-transparent-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-active", + "name": "control-transparent-borderColor-rest", "attributes": {}, - "path": ["underlineNav", "borderColor", "active"] + "path": ["control", "transparent", "borderColor", "rest"] }, - "underlineNav-borderColor-hover": { - "value": "#6e768166", + "control-transparent-borderColor-hover": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.neutral.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-hover", + "name": "control-transparent-borderColor-hover", "attributes": {}, - "path": ["underlineNav", "borderColor", "hover"] + "path": ["control", "transparent", "borderColor", "hover"] }, - "underlineNav-iconColor-rest": { - "value": "#848d97", + "control-transparent-borderColor-active": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "underlineNav-iconColor-rest", + "name": "control-transparent-borderColor-active", "attributes": {}, - "path": ["underlineNav", "iconColor", "rest"] + "path": ["control", "transparent", "borderColor", "active"] }, - "fgColor-default": { - "value": "#e6edf3", + "control-danger-fgColor-rest": { + "value": "#f85149", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#c9d1d9", - "weight": 0.25 - }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.gray.1}", - "weight": 0.25 } }, - "name": "fgColor-default", + "name": "control-danger-fgColor-rest", "attributes": {}, - "path": ["fgColor", "default"] + "path": ["control", "danger", "fgColor", "rest"] }, - "fgColor-muted": { - "value": "#848d97", + "control-danger-fgColor-hover": { + "value": "#ff7b72", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#6e7681", - "weight": 0.25 - }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.red.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.gray.4}", - "weight": 0.25 } }, - "name": "fgColor-muted", + "name": "control-danger-fgColor-hover", "attributes": {}, - "path": ["fgColor", "muted"] + "path": ["control", "danger", "fgColor", "hover"] }, - "fgColor-onEmphasis": { - "value": "#ffffff", + "control-danger-bgColor-hover": { + "value": "#f851491a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-onEmphasis", + "name": "control-danger-bgColor-hover", "attributes": {}, - "path": ["fgColor", "onEmphasis"] + "path": ["control", "danger", "bgColor", "hover"] }, - "fgColor-disabled": { - "value": "#8b949e", + "control-danger-bgColor-active": { + "value": "#f8514966", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "fgColor-disabled", + "name": "control-danger-bgColor-active", "attributes": {}, - "path": ["fgColor", "disabled"] + "path": ["control", "danger", "bgColor", "active"] }, - "fgColor-link": { - "value": "#2f81f7", + "control-checked-bgColor-rest": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-link", + "name": "control-checked-bgColor-rest", "attributes": {}, - "path": ["fgColor", "link", "@"] + "path": ["control", "checked", "bgColor", "rest"] }, - "fgColor-neutral": { - "value": "#6e7681", + "control-checked-bgColor-hover": { + "value": "#2a7aef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-neutral", + "name": "control-checked-bgColor-hover", "attributes": {}, - "path": ["fgColor", "neutral", "@"] + "path": ["control", "checked", "bgColor", "hover"] }, - "fgColor-accent": { - "value": "#2f81f7", + "control-checked-bgColor-active": { + "value": "#3685f3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "#1f6feb", - "weight": 0.35 + "color": "#58a6ff", + "weight": 0.4 }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "{base.color.blue.5}", - "weight": 0.35 + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-accent", + "name": "control-checked-bgColor-active", "attributes": {}, - "path": ["fgColor", "accent", "@"] + "path": ["control", "checked", "bgColor", "active"] }, - "fgColor-success": { - "value": "#58a6ff", + "control-checked-bgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-success", + "name": "control-checked-bgColor-disabled", "attributes": {}, - "path": ["fgColor", "success", "@"] + "path": ["control", "checked", "bgColor", "disabled"] }, - "fgColor-attention": { - "value": "#d29922", + "control-checked-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-attention", + "name": "control-checked-fgColor-rest", "attributes": {}, - "path": ["fgColor", "attention", "@"] + "path": ["control", "checked", "fgColor", "rest"] }, - "fgColor-severe": { - "value": "#f85149", + "control-checked-fgColor-disabled": { + "value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-severe", + "name": "control-checked-fgColor-disabled", "attributes": {}, - "path": ["fgColor", "severe", "@"] + "path": ["control", "checked", "fgColor", "disabled"] }, - "fgColor-danger": { - "value": "#f85149", + "control-checked-borderColor-rest": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-danger", + "name": "control-checked-borderColor-rest", "attributes": {}, - "path": ["fgColor", "danger", "@"] + "path": ["control", "checked", "borderColor", "rest"] }, - "fgColor-open": { - "value": "#f85149", + "control-checked-borderColor-hover": { + "value": "#2a7aef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-open", + "name": "control-checked-borderColor-hover", "attributes": {}, - "path": ["fgColor", "open", "@"] + "path": ["control", "checked", "borderColor", "hover"] }, - "fgColor-closed": { - "value": "#6e7681", + "control-checked-borderColor-active": { + "value": "#3685f3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-closed", + "name": "control-checked-borderColor-active", "attributes": {}, - "path": ["fgColor", "closed", "@"] + "path": ["control", "checked", "borderColor", "active"] }, - "fgColor-done": { - "value": "#a371f7", + "control-checked-borderColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-done", + "name": "control-checked-borderColor-disabled", "attributes": {}, - "path": ["fgColor", "done", "@"] + "path": ["control", "checked", "borderColor", "disabled"] }, - "fgColor-sponsors": { - "value": "#db61a2", + "controlTrack-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "fgColor-sponsors", + "name": "controlTrack-bgColor-rest", "attributes": {}, - "path": ["fgColor", "sponsors", "@"] + "path": ["controlTrack", "bgColor", "rest"] }, - "bgColor-default": { - "value": "#0d1117", + "controlTrack-bgColor-hover": { + "value": "#292e36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#484f58", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "bgColor-default", + "name": "controlTrack-bgColor-hover", "attributes": {}, - "path": ["bgColor", "default"] + "path": ["controlTrack", "bgColor", "hover"] }, - "bgColor-muted": { - "value": "#161b22", + "controlTrack-bgColor-active": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#484f58", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 } }, - "name": "bgColor-muted", + "name": "controlTrack-bgColor-active", "attributes": {}, - "path": ["bgColor", "muted"] + "path": ["controlTrack", "bgColor", "active"] }, - "bgColor-inset": { - "value": "#010409", + "controlTrack-bgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-inset", + "name": "controlTrack-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "inset"] + "path": ["controlTrack", "bgColor", "disabled"] }, - "bgColor-emphasis": { - "value": "#6e7681", + "controlTrack-fgColor-rest": { + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-emphasis", + "name": "controlTrack-fgColor-rest", "attributes": {}, - "path": ["bgColor", "emphasis"] + "path": ["controlTrack", "fgColor", "rest"] }, - "bgColor-inverse": { + "controlTrack-fgColor-disabled": { "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-inverse", + "name": "controlTrack-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "inverse"] + "path": ["controlTrack", "fgColor", "disabled"] }, - "bgColor-disabled": { - "value": "#161b22", + "controlTrack-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-disabled", + "name": "controlTrack-borderColor-rest", "attributes": {}, - "path": ["bgColor", "disabled"] + "path": ["controlTrack", "borderColor", "rest"] }, - "bgColor-transparent": { - "value": "#00000000", + "controlTrack-borderColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-transparent", + "name": "controlTrack-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "transparent"] + "path": ["controlTrack", "borderColor", "disabled"] }, - "bgColor-neutral-muted": { - "value": "#6e768166", + "controlKnob-bgColor-rest": { + "value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "bgColor-neutral-muted", + "name": "controlKnob-bgColor-rest", "attributes": {}, - "path": ["bgColor", "neutral", "muted"] + "path": ["controlKnob", "bgColor", "rest"] }, - "bgColor-neutral-emphasis": { - "value": "#6e7681", + "controlKnob-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "bgColor-neutral-emphasis", + "name": "controlKnob-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "neutral", "emphasis"] + "path": ["controlKnob", "bgColor", "disabled"] }, - "bgColor-accent-muted": { - "value": "#388bfd1a", + "controlKnob-bgColor-checked": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-accent-muted", + "name": "controlKnob-bgColor-checked", "attributes": {}, - "path": ["bgColor", "accent", "muted"] + "path": ["controlKnob", "bgColor", "checked"] }, - "bgColor-accent-emphasis": { - "value": "#1f6feb", + "controlKnob-borderColor-rest": { + "value": "#666e79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-accent-emphasis", + "name": "controlKnob-borderColor-rest", "attributes": {}, - "path": ["bgColor", "accent", "emphasis"] + "path": ["controlKnob", "borderColor", "rest"] }, - "bgColor-success-muted": { - "value": "#388bfd26", + "controlKnob-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-success-muted", + "name": "controlKnob-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "success", "muted"] + "path": ["controlKnob", "borderColor", "disabled"] }, - "bgColor-success-emphasis": { + "controlKnob-borderColor-checked": { "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-success-emphasis", + "name": "controlKnob-borderColor-checked", "attributes": {}, - "path": ["bgColor", "success", "emphasis"] + "path": ["controlKnob", "borderColor", "checked"] }, - "bgColor-attention-muted": { - "value": "#bb800926", + "counter-borderColor": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-attention-muted", + "name": "counter-borderColor", "attributes": {}, - "path": ["bgColor", "attention", "muted"] + "path": ["counter", "borderColor"] }, - "bgColor-attention-emphasis": { - "value": "#9e6a03", + "button-default-fgColor-rest": { + "value": "#c9d1d9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-attention-emphasis", + "name": "button-default-fgColor-rest", "attributes": {}, - "path": ["bgColor", "attention", "emphasis"] + "path": ["button", "default", "fgColor", "rest"] }, - "bgColor-severe-muted": { - "value": "#f851491a", + "button-default-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-severe-muted", + "name": "button-default-bgColor-rest", "attributes": {}, - "path": ["bgColor", "severe", "muted"] + "path": ["button", "default", "bgColor", "rest"] }, - "bgColor-severe-emphasis": { - "value": "#da3633", + "button-default-bgColor-hover": { + "value": "#292e36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-severe-emphasis", + "name": "button-default-bgColor-hover", "attributes": {}, - "path": ["bgColor", "severe", "emphasis"] + "path": ["button", "default", "bgColor", "hover"] }, - "bgColor-danger-muted": { - "value": "#f851491a", + "button-default-bgColor-active": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-danger-muted", + "name": "button-default-bgColor-active", "attributes": {}, - "path": ["bgColor", "danger", "muted"] + "path": ["button", "default", "bgColor", "active"] }, - "bgColor-danger-emphasis": { - "value": "#da3633", + "button-default-bgColor-selected": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-emphasis", + "name": "button-default-bgColor-selected", "attributes": {}, - "path": ["bgColor", "danger", "emphasis"] + "path": ["button", "default", "bgColor", "selected"] }, - "bgColor-open-muted": { - "value": "#f851491a", + "button-default-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-open-muted", + "name": "button-default-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "open", "muted"] + "path": ["button", "default", "bgColor", "disabled"] }, - "bgColor-open-emphasis": { - "value": "#da3633", + "button-default-borderColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-open-emphasis", + "name": "button-default-borderColor-rest", "attributes": {}, - "path": ["bgColor", "open", "emphasis"] + "path": ["button", "default", "borderColor", "rest"] }, - "bgColor-closed-muted": { - "value": "#6e768126", + "button-default-borderColor-hover": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-closed-muted", + "name": "button-default-borderColor-hover", "attributes": {}, - "path": ["bgColor", "closed", "muted"] + "path": ["button", "default", "borderColor", "hover"] }, - "bgColor-closed-emphasis": { - "value": "#484f58", + "button-default-borderColor-active": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-emphasis", + "name": "button-default-borderColor-active", "attributes": {}, - "path": ["bgColor", "closed", "emphasis"] + "path": ["button", "default", "borderColor", "active"] }, - "bgColor-done-muted": { - "value": "#a371f726", + "button-default-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-done-muted", + "name": "button-default-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "done", "muted"] + "path": ["button", "default", "borderColor", "disabled"] }, - "bgColor-done-emphasis": { - "value": "#8957e5", - "$type": "color", + "button-default-shadow-resting": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } } }, - "name": "bgColor-done-emphasis", + "name": "button-default-shadow-resting", "attributes": {}, - "path": ["bgColor", "done", "emphasis"] + "path": ["button", "default", "shadow", "resting"] }, - "bgColor-sponsors-muted": { - "value": "#db61a21a", + "button-primary-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-sponsors-muted", + "name": "button-primary-fgColor-rest", "attributes": {}, - "path": ["bgColor", "sponsors", "muted"] + "path": ["button", "primary", "fgColor", "rest"] }, - "bgColor-sponsors-emphasis": { - "value": "#bf4b8a", + "button-primary-fgColor-disabled": { + "value": "#ffffff66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - } - }, - "name": "bgColor-sponsors-emphasis", + }, + "alpha": 0.4 + }, + "name": "button-primary-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "sponsors", "emphasis"] + "path": ["button", "primary", "fgColor", "disabled"] }, - "borderColor-default": { - "value": "#30363d", + "button-primary-iconColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-default", + "name": "button-primary-iconColor-rest", "attributes": {}, - "path": ["borderColor", "default"] + "path": ["button", "primary", "iconColor", "rest"] }, - "borderColor-muted": { - "value": "#30363d80", + "button-primary-bgColor-rest": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "borderColor-muted", + "name": "button-primary-bgColor-rest", "attributes": {}, - "path": ["borderColor", "muted"] + "path": ["button", "primary", "bgColor", "rest"] }, - "borderColor-emphasis": { - "value": "#484f58", + "button-primary-bgColor-hover": { + "value": "#2a7aef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "borderColor-emphasis", + "name": "button-primary-bgColor-hover", "attributes": {}, - "path": ["borderColor", "emphasis"] + "path": ["button", "primary", "bgColor", "hover"] }, - "borderColor-disabled": { - "value": "#161b22", + "button-primary-bgColor-active": { + "value": "#3685f3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "borderColor-disabled", + "name": "button-primary-bgColor-active", "attributes": {}, - "path": ["borderColor", "disabled"] + "path": ["button", "primary", "bgColor", "active"] }, - "borderColor-transparent": { - "value": "#00000000", + "button-primary-bgColor-disabled": { + "value": "#5fabfe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#79c0ff", + "weight": 0.6 + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.6 } }, - "name": "borderColor-transparent", + "name": "button-primary-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "transparent"] + "path": ["button", "primary", "bgColor", "disabled"] }, - "borderColor-neutral-muted": { - "value": "#6e768166", + "button-primary-borderColor-rest": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.4 + "alpha": 0.1 }, - "name": "borderColor-neutral-muted", + "name": "button-primary-borderColor-rest", "attributes": {}, - "path": ["borderColor", "neutral", "muted"] + "path": ["button", "primary", "borderColor", "rest"] }, - "borderColor-neutral-emphasis": { - "value": "#6e7681", + "button-primary-borderColor-hover": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "borderColor-neutral-emphasis", + "name": "button-primary-borderColor-hover", "attributes": {}, - "path": ["borderColor", "neutral", "emphasis"] + "path": ["button", "primary", "borderColor", "hover"] }, - "borderColor-accent-muted": { - "value": "#388bfd66", + "button-primary-borderColor-active": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-accent-muted", + "name": "button-primary-borderColor-active", "attributes": {}, - "path": ["borderColor", "accent", "muted"] + "path": ["button", "primary", "borderColor", "active"] }, - "borderColor-accent-emphasis": { - "value": "#1f6feb", + "button-primary-borderColor-disabled": { + "value": "#5fabfe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{button.primary.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-accent-emphasis", + "name": "button-primary-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "accent", "emphasis"] + "path": ["button", "primary", "borderColor", "disabled"] }, - "borderColor-success-muted": { - "value": "#388bfd66", - "$type": "color", + "button-primary-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "mode": "light", + "group": "component shadow" } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", - "$type": "color", - "$extensions": { - "org.primer.figma": { - "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false } - }, - "alpha": 0.4 + ], + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component shadow" + } + } }, - "name": "borderColor-success-muted", + "name": "button-primary-shadow-selected", "attributes": {}, - "path": ["borderColor", "success", "muted"] + "path": ["button", "primary", "shadow", "selected"] }, - "borderColor-success-emphasis": { - "value": "#1f6feb", + "button-invisible-fgColor-rest": { + "value": "#4493f8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-success-emphasis", + "name": "button-invisible-fgColor-rest", "attributes": {}, - "path": ["borderColor", "success", "emphasis"] + "path": ["button", "invisible", "fgColor", "rest"] }, - "borderColor-attention-muted": { - "value": "#bb800966", + "button-invisible-fgColor-hover": { + "value": "#58a6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-attention-muted", + "name": "button-invisible-fgColor-hover", "attributes": {}, - "path": ["borderColor", "attention", "muted"] + "path": ["button", "invisible", "fgColor", "hover"] }, - "borderColor-attention-emphasis": { - "value": "#9e6a03", + "button-invisible-fgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-attention-emphasis", + "name": "button-invisible-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "attention", "emphasis"] + "path": ["button", "invisible", "fgColor", "disabled"] }, - "borderColor-severe-muted": { - "value": "#f8514966", + "button-invisible-iconColor-rest": { + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-severe-muted", + "name": "button-invisible-iconColor-rest", "attributes": {}, - "path": ["borderColor", "severe", "muted"] + "path": ["button", "invisible", "iconColor", "rest"] }, - "borderColor-severe-emphasis": { - "value": "#da3633", + "button-invisible-iconColor-hover": { + "value": "#e6edf3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-severe-emphasis", + "name": "button-invisible-iconColor-hover", "attributes": {}, - "path": ["borderColor", "severe", "emphasis"] + "path": ["button", "invisible", "iconColor", "hover"] }, - "borderColor-danger-muted": { - "value": "#f8514966", + "button-invisible-iconColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-danger-muted", + "name": "button-invisible-iconColor-disabled", "attributes": {}, - "path": ["borderColor", "danger", "muted"] + "path": ["button", "invisible", "iconColor", "disabled"] }, - "borderColor-danger-emphasis": { - "value": "#da3633", + "button-invisible-bgColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-danger-emphasis", + "name": "button-invisible-bgColor-rest", "attributes": {}, - "path": ["borderColor", "danger", "emphasis"] + "path": ["button", "invisible", "bgColor", "rest"] }, - "borderColor-open-muted": { - "value": "#f8514966", + "button-invisible-bgColor-hover": { + "value": "#b1bac41f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, - "alpha": 0.4, "original": { - "value": "{base.color.red.4}", + "value": "{control.transparent.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-open-muted", + "name": "button-invisible-bgColor-hover", "attributes": {}, - "path": ["borderColor", "open", "muted"] + "path": ["button", "invisible", "bgColor", "hover"] }, - "borderColor-open-emphasis": { - "value": "#da3633", + "button-invisible-bgColor-active": { + "value": "#b1bac433", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-emphasis", + "name": "button-invisible-bgColor-active", "attributes": {}, - "path": ["borderColor", "open", "emphasis"] + "path": ["button", "invisible", "bgColor", "active"] }, - "borderColor-closed-muted": { - "value": "#6e768166", + "button-invisible-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.transparent.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-closed-muted", + "name": "button-invisible-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "closed", "muted"] + "path": ["button", "invisible", "bgColor", "disabled"] }, - "borderColor-closed-emphasis": { - "value": "#484f58", + "button-invisible-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-closed-emphasis", + "name": "button-invisible-borderColor-rest", "attributes": {}, - "path": ["borderColor", "closed", "emphasis"] + "path": ["button", "invisible", "borderColor", "rest"] }, - "borderColor-done-muted": { - "value": "#a371f766", + "button-invisible-borderColor-hover": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-done-muted", + "name": "button-invisible-borderColor-hover", "attributes": {}, - "path": ["borderColor", "done", "muted"] + "path": ["button", "invisible", "borderColor", "hover"] }, - "borderColor-done-emphasis": { - "value": "#8957e5", + "button-invisible-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-done-emphasis", + "name": "button-invisible-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "done", "emphasis"] + "path": ["button", "invisible", "borderColor", "disabled"] }, - "borderColor-sponsors-muted": { - "value": "#db61a266", + "button-outline-fgColor-rest": { + "value": "#388bfd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-sponsors-muted", + "name": "button-outline-fgColor-rest", "attributes": {}, - "path": ["borderColor", "sponsors", "muted"] + "path": ["button", "outline", "fgColor", "rest"] }, - "borderColor-sponsors-emphasis": { - "value": "#bf4b8a", + "button-outline-fgColor-hover": { + "value": "#58a6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-sponsors-emphasis", + "name": "button-outline-fgColor-hover", "attributes": {}, - "path": ["borderColor", "sponsors", "emphasis"] + "path": ["button", "outline", "fgColor", "hover"] }, - "color-ansi-black": { - "value": "#484f58", + "button-outline-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black", + "name": "button-outline-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "black"] + "path": ["button", "outline", "fgColor", "active"] }, - "color-ansi-black-bright": { - "value": "#6e7681", + "button-outline-fgColor-disabled": { + "value": "#4493f880", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-black-bright", + "name": "button-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "black-bright"] + "path": ["button", "outline", "fgColor", "disabled"] }, - "color-ansi-white": { - "value": "#b1bac4", + "button-outline-bgColor-rest": { + "value": "#f0f6fc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white", + "name": "button-outline-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "white"] + "path": ["button", "outline", "bgColor", "rest"] }, - "color-ansi-white-bright": { - "value": "#ffffff", + "button-outline-bgColor-hover": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white-bright", + "name": "button-outline-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "white-bright"] + "path": ["button", "outline", "bgColor", "hover"] }, - "color-ansi-gray": { - "value": "#6e7681", + "button-outline-bgColor-active": { + "value": "#0d419d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.blue.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-gray", + "name": "button-outline-bgColor-active", "attributes": {}, - "path": ["color", "ansi", "gray"] + "path": ["button", "outline", "bgColor", "active"] }, - "color-ansi-red": { - "value": "#ff7b72", + "button-outline-bgColor-disabled": { + "value": "#0d1117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-red", + "name": "button-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "red"] + "path": ["button", "outline", "bgColor", "disabled"] }, - "color-ansi-red-bright": { - "value": "#ffa198", + "button-outline-borderColor-hover": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-ansi-red-bright", + "name": "button-outline-borderColor-hover", "attributes": {}, - "path": ["color", "ansi", "red-bright"] + "path": ["button", "outline", "borderColor", "hover"] }, - "color-ansi-green": { - "value": "#58a6ff", + "button-outline-borderColor-selected": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-ansi-green", + "name": "button-outline-borderColor-selected", "attributes": {}, - "path": ["color", "ansi", "green"] + "path": ["button", "outline", "borderColor", "selected"] }, - "color-ansi-green-bright": { - "value": "#79c0ff", - "$type": "color", + "button-outline-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-ansi-green-bright", + "name": "button-outline-shadow-selected", "attributes": {}, - "path": ["color", "ansi", "green-bright"] + "path": ["button", "outline", "shadow", "selected"] }, - "color-ansi-yellow": { - "value": "#d29922", + "button-danger-fgColor-rest": { + "value": "#f85149", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow", + "name": "button-danger-fgColor-rest", "attributes": {}, - "path": ["color", "ansi", "yellow"] + "path": ["button", "danger", "fgColor", "rest"] }, - "color-ansi-yellow-bright": { - "value": "#e3b341", + "button-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow-bright", + "name": "button-danger-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "yellow-bright"] + "path": ["button", "danger", "fgColor", "hover"] }, - "color-ansi-blue": { - "value": "#58a6ff", + "button-danger-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue", + "name": "button-danger-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "blue"] + "path": ["button", "danger", "fgColor", "active"] }, - "color-ansi-blue-bright": { - "value": "#79c0ff", + "button-danger-fgColor-disabled": { + "value": "#f8514980", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-blue-bright", + "name": "button-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "blue-bright"] + "path": ["button", "danger", "fgColor", "disabled"] }, - "color-ansi-magenta": { - "value": "#bc8cff", + "button-danger-iconColor-rest": { + "value": "#f85149", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta", + "name": "button-danger-iconColor-rest", "attributes": {}, - "path": ["color", "ansi", "magenta"] + "path": ["button", "danger", "iconColor", "rest"] }, - "color-ansi-magenta-bright": { - "value": "#d2a8ff", + "button-danger-iconColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta-bright", + "name": "button-danger-iconColor-hover", "attributes": {}, - "path": ["color", "ansi", "magenta-bright"] + "path": ["button", "danger", "iconColor", "hover"] }, - "color-ansi-cyan": { - "value": "#39c5cf", + "button-danger-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "#39c5cf", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan", + "name": "button-danger-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "cyan"] + "path": ["button", "danger", "bgColor", "rest"] }, - "color-ansi-cyan-bright": { - "value": "#56d4dd", + "button-danger-bgColor-hover": { + "value": "#b62324", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "#56d4dd", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan-bright", + "name": "button-danger-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "cyan-bright"] + "path": ["button", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-comment": { - "value": "#8b949e", + "button-danger-bgColor-active": { + "value": "#d03533", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "mix": { + "color": "#f85149", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.red.4}", + "weight": 0.4 } }, - "name": "color-prettylights-syntax-comment", + "name": "button-danger-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "comment"] + "path": ["button", "danger", "bgColor", "active"] }, - "color-prettylights-syntax-constant": { - "value": "#79c0ff", + "button-danger-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-constant", + "name": "button-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant"] + "path": ["button", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-constant-other-reference-link": { - "value": "#a5d6ff", + "button-danger-borderColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-constant-other-reference-link", + "name": "button-danger-borderColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + "path": ["button", "danger", "borderColor", "rest"] }, - "color-prettylights-syntax-entity": { - "value": "#d2a8ff", + "button-danger-borderColor-hover": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-entity", + "name": "button-danger-borderColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity"] + "path": ["button", "danger", "borderColor", "hover"] }, - "color-prettylights-syntax-storage-modifier-import": { - "value": "#c9d1d9", + "button-danger-borderColor-active": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-storage-modifier-import", + "name": "button-danger-borderColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + "path": ["button", "danger", "borderColor", "active"] }, - "color-prettylights-syntax-entity-tag": { - "value": "#a5d6ff", - "$type": "color", + "button-danger-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-prettylights-syntax-entity-tag", + "name": "button-danger-shadow-selected", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity-tag"] + "path": ["button", "danger", "shadow", "selected"] }, - "color-prettylights-syntax-keyword": { - "value": "#ff7b72", + "button-inactive-fgColor": { + "value": "#8b949e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-keyword", + "name": "button-inactive-fgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "keyword"] + "path": ["button", "inactive", "fgColor"] }, - "color-prettylights-syntax-string": { - "value": "#a5d6ff", + "button-inactive-bgColor": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-string", + "name": "button-inactive-bgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string"] + "path": ["button", "inactive", "bgColor"] }, - "color-prettylights-syntax-variable": { - "value": "#ffa198", + "button-star-iconColor": { + "value": "#e3b341", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-variable", + "name": "button-star-iconColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "variable"] + "path": ["button", "star", "iconColor"] }, - "color-prettylights-syntax-brackethighlighter-unmatched": { - "value": "#f85149", + "buttonCounter-default-bgColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "name": "buttonCounter-default-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + "path": ["buttonCounter", "default", "bgColor", "rest"] }, - "color-prettylights-syntax-brackethighlighter-angle": { - "value": "#8b949e", + "buttonCounter-invisible-bgColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 1 }, - "name": "color-prettylights-syntax-brackethighlighter-angle", + "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + "path": ["buttonCounter", "invisible", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-text": { - "value": "#f0f6fc", + "buttonCounter-primary-bgColor-rest": { + "value": "#04260f33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-text", + "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + "path": ["buttonCounter", "primary", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-bg": { - "value": "#8e1519", + "buttonCounter-outline-bgColor-rest": { + "value": "#051d4d33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-bg", + "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-text": { - "value": "#f0f6fc", - "$type": "color", + "buttonCounter-outline-bgColor-hover": { + "value": "#051d4d33", + "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-carriage-return-text", + "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + "path": ["buttonCounter", "outline", "bgColor", "hover"] }, - "color-prettylights-syntax-carriage-return-bg": { - "value": "#b62324", + "buttonCounter-outline-bgColor-disabled": { + "value": "#1f6feb0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-carriage-return-bg", + "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "disabled"] }, - "color-prettylights-syntax-string-regexp": { - "value": "#a5d6ff", + "buttonCounter-outline-fgColor-rest": { + "value": "#388bfd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-string-regexp", + "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string-regexp"] + "path": ["buttonCounter", "outline", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-list": { - "value": "#f2cc60", + "buttonCounter-outline-fgColor-hover": { + "value": "#58a6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-list", + "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "list"] + "path": ["buttonCounter", "outline", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-heading": { - "value": "#1f6feb", + "buttonCounter-outline-fgColor-disabled": { + "value": "#4493f880", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-heading", + "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "heading"] + "path": ["buttonCounter", "outline", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-italic": { - "value": "#c9d1d9", + "buttonCounter-danger-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-italic", + "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "italic"] + "path": ["buttonCounter", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-bold": { - "value": "#c9d1d9", + "buttonCounter-danger-bgColor-disabled": { + "value": "#da36330d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-markup-bold", + "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "bold"] + "path": ["buttonCounter", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-deleted-text": { - "value": "#ffdcd7", + "buttonCounter-danger-bgColor-rest": { + "value": "#49020233", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.color.red.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-deleted-text", + "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + "path": ["buttonCounter", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-deleted-bg": { - "value": "#67060c", + "buttonCounter-danger-fgColor-rest": { + "value": "#f85149", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-deleted-bg", + "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-text": { - "value": "#cae8ff", + "buttonCounter-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-inserted-text", + "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + "path": ["buttonCounter", "danger", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-inserted-bg": { - "value": "#0c2d6b", + "buttonCounter-danger-fgColor-disabled": { + "value": "#f8514980", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-inserted-bg", + "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-changed-text": { - "value": "#ffdcd7", + "reactionButton-selected-bgColor-rest": { + "value": "#388bfd33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-text", + "name": "reactionButton-selected-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] + "path": ["reactionButton", "selected", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-changed-bg": { - "value": "#67060c", + "reactionButton-selected-bgColor-hover": { + "value": "#3a8cfd33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "mix": { + "color": "#79c0ff", + "weight": 0.2 + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{reactionButton.selected.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.2 + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-bg", + "name": "reactionButton-selected-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] + "path": ["reactionButton", "selected", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-ignored-text": { - "value": "#c9d1d9", + "reactionButton-selected-fgColor-rest": { + "value": "#4493f8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{fgColor.link.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-text", + "name": "reactionButton-selected-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] + "path": ["reactionButton", "selected", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-ignored-bg": { - "value": "#1158c7", + "reactionButton-selected-fgColor-hover": { + "value": "#79c0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-bg", + "name": "reactionButton-selected-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] + "path": ["reactionButton", "selected", "fgColor", "hover"] }, - "color-prettylights-syntax-meta-diff-range": { - "value": "#d2a8ff", + "focus-outlineColor": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{borderColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-meta-diff-range", + "name": "focus-outlineColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] + "path": ["focus", "outlineColor"] }, - "color-prettylights-syntax-sublimelinter-gutter-mark": { - "value": "#484f58", + "menu-bgColor-active": { + "value": "#161b22", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-sublimelinter-gutter-mark", + "name": "menu-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] + "path": ["menu", "bgColor", "active"] }, - "color-scale-black": { - "value": "#010409", + "overlay-bgColor": { + "value": "#161b22", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-black", + "name": "overlay-bgColor", "attributes": {}, - "path": ["color", "scale", "black"] + "path": ["overlay", "bgColor"] }, - "color-scale-transparent": { - "value": "#00000000", + "overlay-borderColor": { + "value": "#30363db3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{borderColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + } }, - "name": "color-scale-transparent", + "name": "overlay-borderColor", "attributes": {}, - "path": ["color", "scale", "transparent"] + "path": ["overlay", "borderColor"] }, - "color-scale-white": { - "value": "#ffffff", + "overlay-backdrop-bgColor": { + "value": "#161b2266", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 }, - "name": "color-scale-white", + "name": "overlay-backdrop-bgColor", "attributes": {}, - "path": ["color", "scale", "white"] + "path": ["overlay", "backdrop", "bgColor"] }, - "color-scale-gray-0": { - "value": "#f0f6fc", + "selectMenu-borderColor": { + "value": "#484f58", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-0", + "name": "selectMenu-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "0"] + "path": ["selectMenu", "borderColor"] }, - "color-scale-gray-1": { - "value": "#c9d1d9", + "selectMenu-bgColor-active": { + "value": "#0c2d6b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-1", + "name": "selectMenu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "1"] + "path": ["selectMenu", "bgColor", "active"] }, - "color-scale-gray-2": { - "value": "#b1bac4", + "sideNav-bgColor-selected": { + "value": "#21262d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-2", + "name": "sideNav-bgColor-selected", "attributes": {}, - "path": ["color", "scale", "gray", "2"] + "path": ["sideNav", "bgColor", "selected"] }, - "color-scale-gray-3": { - "value": "#8b949e", + "skeletonLoader-bgColor": { + "value": "#161b22", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": "{bgColor.muted}", + "$type": "color" }, - "name": "color-scale-gray-3", + "name": "skeletonLoader-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "3"] + "path": ["skeletonLoader", "bgColor"] }, - "color-scale-gray-4": { - "value": "#6e7681", + "timelineBadge-bgColor": { + "value": "#21262d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-4", + "name": "timelineBadge-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "4"] + "path": ["timelineBadge", "bgColor"] }, - "color-scale-gray-5": { - "value": "#484f58", + "treeViewItem-leadingVisual-iconColor-rest": { + "value": "#8d96a0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-5", + "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "5"] + "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] }, - "color-scale-gray-6": { - "value": "#30363d", + "underlineNav-borderColor-active": { + "value": "#f78166", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.gray.6}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } }, - "name": "color-scale-gray-6", - "attributes": {}, - "path": ["color", "scale", "gray", "6"] - }, - "color-scale-gray-7": { - "value": "#21262d", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.coral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-7", + "name": "underlineNav-borderColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "7"] + "path": ["underlineNav", "borderColor", "active"] }, - "color-scale-gray-8": { - "value": "#161b22", + "underlineNav-borderColor-hover": { + "value": "#6e768166", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.neutral.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-8", + "name": "underlineNav-borderColor-hover", "attributes": {}, - "path": ["color", "scale", "gray", "8"] + "path": ["underlineNav", "borderColor", "hover"] }, - "color-scale-gray-9": { - "value": "#0d1117", + "underlineNav-iconColor-rest": { + "value": "#8d96a0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-gray-9", + "name": "underlineNav-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "9"] + "path": ["underlineNav", "iconColor", "rest"] }, - "color-scale-blue-0": { - "value": "#cae8ff", + "selection-bgColor": { + "value": "#1f6febb3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{bgColor.accent.emphasis}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 }, - "name": "color-scale-blue-0", + "name": "selection-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "0"] + "path": ["selection", "bgColor"] }, - "color-scale-blue-1": { - "value": "#a5d6ff", + "card-bgColor": { + "value": "#161b22", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{bgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-1", + "name": "card-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "1"] + "path": ["card", "bgColor"] }, - "color-scale-blue-2": { - "value": "#79c0ff", + "label-green-bgColor-rest": { + "value": "#122117", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{base.display.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-2", + "name": "label-green-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "2"] + "path": ["label", "green", "bgColor", "rest"] }, - "color-scale-blue-3": { - "value": "#58a6ff", + "label-green-bgColor-hover": { + "value": "#182f1f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-3", + "name": "label-green-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "3"] + "path": ["label", "green", "bgColor", "hover"] }, - "color-scale-blue-4": { - "value": "#388bfd", + "label-green-bgColor-active": { + "value": "#214529", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-4", + "name": "label-green-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "4"] + "path": ["label", "green", "bgColor", "active"] }, - "color-scale-blue-5": { - "value": "#1f6feb", + "label-green-fgColor-rest": { + "value": "#41b445", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-5", + "name": "label-green-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "5"] + "path": ["label", "green", "fgColor", "rest"] }, - "color-scale-blue-6": { - "value": "#1158c7", + "label-green-fgColor-hover": { + "value": "#46c144", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.green.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-6", + "name": "label-green-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "6"] + "path": ["label", "green", "fgColor", "hover"] }, - "color-scale-blue-7": { - "value": "#0d419d", + "label-green-fgColor-active": { + "value": "#75d36f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-7", + "name": "label-green-fgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "7"] + "path": ["label", "green", "fgColor", "active"] }, - "color-scale-blue-8": { - "value": "#0c2d6b", + "label-orange-bgColor-rest": { + "value": "#311708", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-8", + "name": "label-orange-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "8"] + "path": ["label", "orange", "bgColor", "rest"] }, - "color-scale-blue-9": { - "value": "#051d4d", + "label-orange-bgColor-hover": { + "value": "#43200a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-9", + "name": "label-orange-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "9"] + "path": ["label", "orange", "bgColor", "hover"] }, - "color-scale-green-0": { - "value": "#cae8ff", + "label-orange-bgColor-active": { + "value": "#632f0d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.display.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-0", + "name": "label-orange-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "0"] + "path": ["label", "orange", "bgColor", "active"] }, - "color-scale-green-1": { - "value": "#a5d6ff", + "label-orange-fgColor-rest": { + "value": "#ed8326", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.display.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-1", + "name": "label-orange-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "1"] + "path": ["label", "orange", "fgColor", "rest"] }, - "color-scale-green-2": { - "value": "#79c0ff", + "label-orange-fgColor-hover": { + "value": "#f1933b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{base.display.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-2", + "name": "label-orange-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "2"] + "path": ["label", "orange", "fgColor", "hover"] }, - "color-scale-green-3": { - "value": "#58a6ff", + "label-orange-fgColor-active": { + "value": "#f6b06a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-3", + "name": "label-orange-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "3"] + "path": ["label", "orange", "fgColor", "active"] }, - "color-scale-green-4": { - "value": "#388bfd", + "label-purple-bgColor-rest": { + "value": "#211047", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.purple.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-4", + "name": "label-purple-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "4"] + "path": ["label", "purple", "bgColor", "rest"] }, - "color-scale-green-5": { - "value": "#1f6feb", + "label-purple-bgColor-hover": { + "value": "#31146b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.purple.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-5", + "name": "label-purple-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "5"] + "path": ["label", "purple", "bgColor", "hover"] }, - "color-scale-green-6": { - "value": "#1158c7", + "label-purple-bgColor-active": { + "value": "#481a9e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-6", + "name": "label-purple-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "6"] + "path": ["label", "purple", "bgColor", "active"] }, - "color-scale-green-7": { - "value": "#0d419d", + "label-purple-fgColor-rest": { + "value": "#b687f7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-7", + "name": "label-purple-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "7"] + "path": ["label", "purple", "fgColor", "rest"] }, - "color-scale-green-8": { - "value": "#0c2d6b", + "label-purple-fgColor-hover": { + "value": "#c398fb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.purple.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-8", + "name": "label-purple-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "8"] + "path": ["label", "purple", "fgColor", "hover"] }, - "color-scale-green-9": { - "value": "#051d4d", + "label-purple-fgColor-active": { + "value": "#d2affd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.purple.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-9", + "name": "label-purple-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "9"] + "path": ["label", "purple", "fgColor", "active"] }, - "color-scale-yellow-0": { - "value": "#f8e3a1", + "label-red-bgColor-rest": { + "value": "#3c0614", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{base.display.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-0", + "name": "label-red-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "0"] + "path": ["label", "red", "bgColor", "rest"] }, - "color-scale-yellow-1": { - "value": "#f2cc60", + "label-red-bgColor-hover": { + "value": "#58091a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.display.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-1", + "name": "label-red-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "1"] + "path": ["label", "red", "bgColor", "hover"] }, - "color-scale-yellow-2": { - "value": "#e3b341", + "label-red-bgColor-active": { + "value": "#790c20", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.display.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-yellow-2", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-red-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "2"] + "path": ["label", "red", "bgColor", "active"] }, - "color-scale-yellow-3": { - "value": "#d29922", + "label-red-fgColor-rest": { + "value": "#f27d83", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.display.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-3", + "name": "label-red-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "3"] + "path": ["label", "red", "fgColor", "rest"] }, - "color-scale-yellow-4": { - "value": "#bb8009", + "label-red-fgColor-hover": { + "value": "#f48b8d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.display.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-4", + "name": "label-red-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "4"] + "path": ["label", "red", "fgColor", "hover"] }, - "color-scale-yellow-5": { - "value": "#9e6a03", + "label-red-fgColor-active": { + "value": "#f7adab", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{base.display.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-5", + "name": "label-red-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "5"] + "path": ["label", "red", "fgColor", "active"] }, - "color-scale-yellow-6": { - "value": "#845306", + "label-yellow-bgColor-rest": { + "value": "#2e1a00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.6}", + "value": "{base.display.color.yellow.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-6", + "name": "label-yellow-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "6"] + "path": ["label", "yellow", "bgColor", "rest"] }, - "color-scale-yellow-7": { - "value": "#693e00", + "label-yellow-bgColor-hover": { + "value": "#3d2401", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{base.display.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-7", + "name": "label-yellow-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "7"] + "path": ["label", "yellow", "bgColor", "hover"] }, - "color-scale-yellow-8": { - "value": "#4b2900", + "label-yellow-bgColor-active": { + "value": "#5a3702", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", + "value": "{base.display.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-8", + "name": "label-yellow-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "8"] + "path": ["label", "yellow", "bgColor", "active"] }, - "color-scale-yellow-9": { - "value": "#341a00", + "label-yellow-fgColor-rest": { + "value": "#d3910d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.display.color.yellow.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-9", + "name": "label-yellow-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "9"] + "path": ["label", "yellow", "fgColor", "rest"] }, - "color-scale-orange-0": { - "value": "#ffdcd7", + "label-yellow-fgColor-hover": { + "value": "#df9e11", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.display.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-0", + "name": "label-yellow-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "0"] + "path": ["label", "yellow", "fgColor", "hover"] }, - "color-scale-orange-1": { - "value": "#ffc1ba", + "label-yellow-fgColor-active": { + "value": "#edb431", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.1}", + "value": "{base.display.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-1", + "name": "label-yellow-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "1"] + "path": ["label", "yellow", "fgColor", "active"] }, - "color-scale-orange-2": { - "value": "#ffa198", + "label-gray-bgColor-rest": { + "value": "#1c1c1c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.display.color.gray.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-2", + "name": "label-gray-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "2"] + "path": ["label", "gray", "bgColor", "rest"] }, - "color-scale-orange-3": { - "value": "#ff7b72", + "label-gray-bgColor-hover": { + "value": "#2a2b2d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.display.color.gray.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-3", + "name": "label-gray-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "3"] + "path": ["label", "gray", "bgColor", "hover"] }, - "color-scale-orange-4": { - "value": "#f85149", + "label-gray-bgColor-active": { + "value": "#393d41", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.display.color.gray.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-4", + "name": "label-gray-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "4"] + "path": ["label", "gray", "bgColor", "active"] }, - "color-scale-orange-5": { - "value": "#da3633", + "label-gray-fgColor-rest": { + "value": "#92a1b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.display.color.gray.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-5", + "name": "label-gray-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "5"] + "path": ["label", "gray", "fgColor", "rest"] }, - "color-scale-orange-6": { - "value": "#b62324", + "label-gray-fgColor-hover": { + "value": "#9babbf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", - "isSource": true, - "original": { - "value": "{base.color.red.6}", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.gray.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-gray-fgColor-hover", + "attributes": {}, + "path": ["label", "gray", "fgColor", "hover"] + }, + "label-gray-fgColor-active": { + "value": "#b3c0d1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.gray.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-gray-fgColor-active", + "attributes": {}, + "path": ["label", "gray", "fgColor", "active"] + }, + "label-auburn-bgColor-rest": { + "value": "#271817", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-rest", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "rest"] + }, + "label-auburn-bgColor-hover": { + "value": "#3a2422", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-hover", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "hover"] + }, + "label-auburn-bgColor-active": { + "value": "#543331", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-active", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "active"] + }, + "label-auburn-fgColor-rest": { + "value": "#bf9592", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-rest", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "rest"] + }, + "label-auburn-fgColor-hover": { + "value": "#c6a19f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-hover", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "hover"] + }, + "label-auburn-fgColor-active": { + "value": "#d4b7b5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-active", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "active"] + }, + "label-brown-bgColor-rest": { + "value": "#241c14", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-rest", + "attributes": {}, + "path": ["label", "brown", "bgColor", "rest"] + }, + "label-brown-bgColor-hover": { + "value": "#342a1d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-hover", + "attributes": {}, + "path": ["label", "brown", "bgColor", "hover"] + }, + "label-brown-bgColor-active": { + "value": "#483a28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-active", + "attributes": {}, + "path": ["label", "brown", "bgColor", "active"] + }, + "label-brown-fgColor-rest": { + "value": "#b69a6d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-rest", + "attributes": {}, + "path": ["label", "brown", "fgColor", "rest"] + }, + "label-brown-fgColor-hover": { + "value": "#bfa77d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-hover", + "attributes": {}, + "path": ["label", "brown", "fgColor", "hover"] + }, + "label-brown-fgColor-active": { + "value": "#cdbb98", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-active", + "attributes": {}, + "path": ["label", "brown", "fgColor", "active"] + }, + "label-lemon-bgColor-rest": { + "value": "#291d00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "rest"] + }, + "label-lemon-bgColor-hover": { + "value": "#372901", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "hover"] + }, + "label-lemon-bgColor-active": { + "value": "#4f3c02", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-active", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "active"] + }, + "label-lemon-fgColor-rest": { + "value": "#ba9b12", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "rest"] + }, + "label-lemon-fgColor-hover": { + "value": "#c4a717", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "hover"] + }, + "label-lemon-fgColor-active": { + "value": "#d7bc1d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-active", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "active"] + }, + "label-olive-bgColor-rest": { + "value": "#171e0b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-rest", + "attributes": {}, + "path": ["label", "olive", "bgColor", "rest"] + }, + "label-olive-bgColor-hover": { + "value": "#252d10", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-hover", + "attributes": {}, + "path": ["label", "olive", "bgColor", "hover"] + }, + "label-olive-bgColor-active": { + "value": "#374115", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-active", + "attributes": {}, + "path": ["label", "olive", "bgColor", "active"] + }, + "label-olive-fgColor-rest": { + "value": "#a2a626", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-rest", + "attributes": {}, + "path": ["label", "olive", "fgColor", "rest"] + }, + "label-olive-fgColor-hover": { + "value": "#b2af24", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-hover", + "attributes": {}, + "path": ["label", "olive", "fgColor", "hover"] + }, + "label-olive-fgColor-active": { + "value": "#cbc025", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-active", + "attributes": {}, + "path": ["label", "olive", "fgColor", "active"] + }, + "label-lime-bgColor-rest": { + "value": "#141f0f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-rest", + "attributes": {}, + "path": ["label", "lime", "bgColor", "rest"] + }, + "label-lime-bgColor-hover": { + "value": "#1f3116", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-hover", + "attributes": {}, + "path": ["label", "lime", "bgColor", "hover"] + }, + "label-lime-bgColor-active": { + "value": "#2c441d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-active", + "attributes": {}, + "path": ["label", "lime", "bgColor", "active"] + }, + "label-lime-fgColor-rest": { + "value": "#7dae37", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-rest", + "attributes": {}, + "path": ["label", "lime", "fgColor", "rest"] + }, + "label-lime-fgColor-hover": { + "value": "#89ba36", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-hover", + "attributes": {}, + "path": ["label", "lime", "fgColor", "hover"] + }, + "label-lime-fgColor-active": { + "value": "#9fcc3e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-active", + "attributes": {}, + "path": ["label", "lime", "fgColor", "active"] + }, + "label-pine-bgColor-rest": { + "value": "#082119", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-rest", + "attributes": {}, + "path": ["label", "pine", "bgColor", "rest"] + }, + "label-pine-bgColor-hover": { + "value": "#0b3224", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-hover", + "attributes": {}, + "path": ["label", "pine", "bgColor", "hover"] + }, + "label-pine-bgColor-active": { + "value": "#0e4430", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-active", + "attributes": {}, + "path": ["label", "pine", "bgColor", "active"] + }, + "label-pine-fgColor-rest": { + "value": "#1bb673", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-rest", + "attributes": {}, + "path": ["label", "pine", "fgColor", "rest"] + }, + "label-pine-fgColor-hover": { + "value": "#1ac176", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-hover", + "attributes": {}, + "path": ["label", "pine", "fgColor", "hover"] + }, + "label-pine-fgColor-active": { + "value": "#1bda81", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-active", + "attributes": {}, + "path": ["label", "pine", "fgColor", "active"] + }, + "label-teal-bgColor-rest": { + "value": "#041f25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-rest", + "attributes": {}, + "path": ["label", "teal", "bgColor", "rest"] + }, + "label-teal-bgColor-hover": { + "value": "#073036", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-hover", + "attributes": {}, + "path": ["label", "teal", "bgColor", "hover"] + }, + "label-teal-bgColor-active": { + "value": "#0a464d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-active", + "attributes": {}, + "path": ["label", "teal", "bgColor", "active"] + }, + "label-teal-fgColor-rest": { + "value": "#1cb0ab", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-rest", + "attributes": {}, + "path": ["label", "teal", "fgColor", "rest"] + }, + "label-teal-fgColor-hover": { + "value": "#1fbdb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-hover", + "attributes": {}, + "path": ["label", "teal", "fgColor", "hover"] + }, + "label-teal-fgColor-active": { + "value": "#24d6c4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-active", + "attributes": {}, + "path": ["label", "teal", "fgColor", "active"] + }, + "label-cyan-bgColor-rest": { + "value": "#001f29", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "rest"] + }, + "label-cyan-bgColor-hover": { + "value": "#002e3d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "hover"] + }, + "label-cyan-bgColor-active": { + "value": "#014156", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-active", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "active"] + }, + "label-cyan-fgColor-rest": { + "value": "#07ace4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "rest"] + }, + "label-cyan-fgColor-hover": { + "value": "#09b7f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "hover"] + }, + "label-cyan-fgColor-active": { + "value": "#45cbf7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-active", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "active"] + }, + "label-indigo-bgColor-rest": { + "value": "#1b183f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "rest"] + }, + "label-indigo-bgColor-hover": { + "value": "#25215f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "hover"] + }, + "label-indigo-bgColor-active": { + "value": "#312c90", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-active", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "active"] + }, + "label-indigo-fgColor-rest": { + "value": "#9899ec", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "rest"] + }, + "label-indigo-fgColor-hover": { + "value": "#a2a5f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "hover"] + }, + "label-indigo-fgColor-active": { + "value": "#b7baf6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-active", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "active"] + }, + "label-blue-bgColor-rest": { + "value": "#001a47", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-rest", + "attributes": {}, + "path": ["label", "blue", "bgColor", "rest"] + }, + "label-blue-bgColor-hover": { + "value": "#002766", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-hover", + "attributes": {}, + "path": ["label", "blue", "bgColor", "hover"] + }, + "label-blue-bgColor-active": { + "value": "#00378a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-active", + "attributes": {}, + "path": ["label", "blue", "bgColor", "active"] + }, + "label-blue-fgColor-rest": { + "value": "#4da0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-rest", + "attributes": {}, + "path": ["label", "blue", "fgColor", "rest"] + }, + "label-blue-fgColor-hover": { + "value": "#61adff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-hover", + "attributes": {}, + "path": ["label", "blue", "fgColor", "hover"] + }, + "label-blue-fgColor-active": { + "value": "#85c2ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-active", + "attributes": {}, + "path": ["label", "blue", "fgColor", "active"] + }, + "label-plum-bgColor-rest": { + "value": "#2a0e3f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-rest", + "attributes": {}, + "path": ["label", "plum", "bgColor", "rest"] + }, + "label-plum-bgColor-hover": { + "value": "#40125e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-hover", + "attributes": {}, + "path": ["label", "plum", "bgColor", "hover"] + }, + "label-plum-bgColor-active": { + "value": "#5c1688", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-active", + "attributes": {}, + "path": ["label", "plum", "bgColor", "active"] + }, + "label-plum-fgColor-rest": { + "value": "#d07ef7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-rest", + "attributes": {}, + "path": ["label", "plum", "fgColor", "rest"] + }, + "label-plum-fgColor-hover": { + "value": "#d889fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-hover", + "attributes": {}, + "path": ["label", "plum", "fgColor", "hover"] + }, + "label-plum-fgColor-active": { + "value": "#e4a5fd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-active", + "attributes": {}, + "path": ["label", "plum", "fgColor", "active"] + }, + "label-pink-bgColor-rest": { + "value": "#2d1524", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-rest", + "attributes": {}, + "path": ["label", "pink", "bgColor", "rest"] + }, + "label-pink-bgColor-hover": { + "value": "#451c35", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-hover", + "attributes": {}, + "path": ["label", "pink", "bgColor", "hover"] + }, + "label-pink-bgColor-active": { + "value": "#65244a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-active", + "attributes": {}, + "path": ["label", "pink", "bgColor", "active"] + }, + "label-pink-fgColor-rest": { + "value": "#e57bb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-rest", + "attributes": {}, + "path": ["label", "pink", "fgColor", "rest"] + }, + "label-pink-fgColor-hover": { + "value": "#ec8dbd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-hover", + "attributes": {}, + "path": ["label", "pink", "fgColor", "hover"] + }, + "label-pink-fgColor-active": { + "value": "#f4a9cd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-active", + "attributes": {}, + "path": ["label", "pink", "fgColor", "active"] + }, + "label-coral-bgColor-rest": { + "value": "#351008", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-rest", + "attributes": {}, + "path": ["label", "coral", "bgColor", "rest"] + }, + "label-coral-bgColor-hover": { + "value": "#51180b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-hover", + "attributes": {}, + "path": ["label", "coral", "bgColor", "hover"] + }, + "label-coral-bgColor-active": { + "value": "#72220d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-active", + "attributes": {}, + "path": ["label", "coral", "bgColor", "active"] + }, + "label-coral-fgColor-rest": { + "value": "#f7794b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-rest", + "attributes": {}, + "path": ["label", "coral", "fgColor", "rest"] + }, + "label-coral-fgColor-hover": { + "value": "#fa8c61", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-hover", + "attributes": {}, + "path": ["label", "coral", "fgColor", "hover"] + }, + "label-coral-fgColor-active": { + "value": "#fdaa86", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-active", + "attributes": {}, + "path": ["label", "coral", "fgColor", "active"] + }, + "fgColor-default": { + "value": "#e6edf3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "#c9d1d9", + "weight": 0.25 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "{base.color.neutral.1}", + "weight": 0.25 + } + }, + "name": "fgColor-default", + "attributes": {}, + "path": ["fgColor", "default"] + }, + "fgColor-muted": { + "value": "#8d96a0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "#8b949e", + "weight": 0.95 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.95 + } + }, + "name": "fgColor-muted", + "attributes": {}, + "path": ["fgColor", "muted"] + }, + "fgColor-onEmphasis": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + } + }, + "name": "fgColor-onEmphasis", + "attributes": {}, + "path": ["fgColor", "onEmphasis"] + }, + "fgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-white", + "attributes": {}, + "path": ["fgColor", "white"] + }, + "fgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-black", + "attributes": {}, + "path": ["fgColor", "black"] + }, + "fgColor-disabled": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-disabled", + "attributes": {}, + "path": ["fgColor", "disabled"] + }, + "fgColor-link": { + "value": "#4493f8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{fgColor.accent.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-link", + "attributes": {}, + "path": ["fgColor", "link", "@"] + }, + "fgColor-neutral": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-neutral", + "attributes": {}, + "path": ["fgColor", "neutral", "@"] + }, + "fgColor-accent": { + "value": "#4493f8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "#1f6feb", + "weight": 0.35 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "{base.color.blue.5}", + "weight": 0.35 + } + }, + "name": "fgColor-accent", + "attributes": {}, + "path": ["fgColor", "accent", "@"] + }, + "fgColor-success": { + "value": "#58a6ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + } + }, + "name": "fgColor-success", + "attributes": {}, + "path": ["fgColor", "success", "@"] + }, + "fgColor-attention": { + "value": "#d29922", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + } + }, + "name": "fgColor-attention", + "attributes": {}, + "path": ["fgColor", "attention", "@"] + }, + "fgColor-severe": { + "value": "#f85149", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + } + }, + "name": "fgColor-severe", + "attributes": {}, + "path": ["fgColor", "severe", "@"] + }, + "fgColor-danger": { + "value": "#f85149", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + } + }, + "name": "fgColor-danger", + "attributes": {}, + "path": ["fgColor", "danger", "@"] + }, + "fgColor-open": { + "value": "#f85149", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + } + }, + "name": "fgColor-open", + "attributes": {}, + "path": ["fgColor", "open", "@"] + }, + "fgColor-closed": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + } + }, + "name": "fgColor-closed", + "attributes": {}, + "path": ["fgColor", "closed", "@"] + }, + "fgColor-done": { + "value": "#ab7df8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + } + }, + "name": "fgColor-done", + "attributes": {}, + "path": ["fgColor", "done", "@"] + }, + "fgColor-upsell": { + "value": "#ab7df8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + } + }, + "name": "fgColor-upsell", + "attributes": {}, + "path": ["fgColor", "upsell", "@"] + }, + "fgColor-sponsors": { + "value": "#db61a2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + } + }, + "name": "fgColor-sponsors", + "attributes": {}, + "path": ["fgColor", "sponsors", "@"] + }, + "bgColor-default": { + "value": "#0d1117", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + } + }, + "name": "bgColor-default", + "attributes": {}, + "path": ["bgColor", "default"] + }, + "bgColor-muted": { + "value": "#161b22", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + } + }, + "name": "bgColor-muted", + "attributes": {}, + "path": ["bgColor", "muted"] + }, + "bgColor-inset": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + } + }, + "name": "bgColor-inset", + "attributes": {}, + "path": ["bgColor", "inset"] + }, + "bgColor-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + } + }, + "name": "bgColor-emphasis", + "attributes": {}, + "path": ["bgColor", "emphasis"] + }, + "bgColor-inverse": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-inverse", + "attributes": {}, + "path": ["bgColor", "inverse"] + }, + "bgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-white", + "attributes": {}, + "path": ["bgColor", "white"] + }, + "bgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-black", + "attributes": {}, + "path": ["bgColor", "black"] + }, + "bgColor-disabled": { + "value": "#21262db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 + }, + "name": "bgColor-disabled", + "attributes": {}, + "path": ["bgColor", "disabled"] + }, + "bgColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + } + }, + "name": "bgColor-transparent", + "attributes": {}, + "path": ["bgColor", "transparent"] + }, + "bgColor-neutral-muted": { + "value": "#6e768166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 + }, + "name": "bgColor-neutral-muted", + "attributes": {}, + "path": ["bgColor", "neutral", "muted"] + }, + "bgColor-neutral-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-neutral-emphasis", + "attributes": {}, + "path": ["bgColor", "neutral", "emphasis"] + }, + "bgColor-accent-muted": { + "value": "#388bfd1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-accent-muted", + "attributes": {}, + "path": ["bgColor", "accent", "muted"] + }, + "bgColor-accent-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + } + }, + "name": "bgColor-accent-emphasis", + "attributes": {}, + "path": ["bgColor", "accent", "emphasis"] + }, + "bgColor-success-muted": { + "value": "#388bfd26", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-success-muted", + "attributes": {}, + "path": ["bgColor", "success", "muted"] + }, + "bgColor-success-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-success-emphasis", + "attributes": {}, + "path": ["bgColor", "success", "emphasis"] + }, + "bgColor-attention-muted": { + "value": "#bb800926", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-attention-muted", + "attributes": {}, + "path": ["bgColor", "attention", "muted"] + }, + "bgColor-attention-emphasis": { + "value": "#9e6a03", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + } + }, + "name": "bgColor-attention-emphasis", + "attributes": {}, + "path": ["bgColor", "attention", "emphasis"] + }, + "bgColor-severe-muted": { + "value": "#f851491a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-severe-muted", + "attributes": {}, + "path": ["bgColor", "severe", "muted"] + }, + "bgColor-severe-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + } + }, + "name": "bgColor-severe-emphasis", + "attributes": {}, + "path": ["bgColor", "severe", "emphasis"] + }, + "bgColor-danger-muted": { + "value": "#f851491a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-danger-muted", + "attributes": {}, + "path": ["bgColor", "danger", "muted"] + }, + "bgColor-danger-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + } + }, + "name": "bgColor-danger-emphasis", + "attributes": {}, + "path": ["bgColor", "danger", "emphasis"] + }, + "bgColor-open-muted": { + "value": "#f851491a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-open-muted", + "attributes": {}, + "path": ["bgColor", "open", "muted"] + }, + "bgColor-open-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-open-emphasis", + "attributes": {}, + "path": ["bgColor", "open", "emphasis"] + }, + "bgColor-closed-muted": { + "value": "#6e768126", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-closed-muted", + "attributes": {}, + "path": ["bgColor", "closed", "muted"] + }, + "bgColor-closed-emphasis": { + "value": "#484f58", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + } + }, + "name": "bgColor-closed-emphasis", + "attributes": {}, + "path": ["bgColor", "closed", "emphasis"] + }, + "bgColor-done-muted": { + "value": "#ab7df826", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-done-muted", + "attributes": {}, + "path": ["bgColor", "done", "muted"] + }, + "bgColor-done-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + } + }, + "name": "bgColor-done-emphasis", + "attributes": {}, + "path": ["bgColor", "done", "emphasis"] + }, + "bgColor-upsell-muted": { + "value": "#ab7df826", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-upsell-muted", + "attributes": {}, + "path": ["bgColor", "upsell", "muted"] + }, + "bgColor-upsell-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + } + }, + "name": "bgColor-upsell-emphasis", + "attributes": {}, + "path": ["bgColor", "upsell", "emphasis"] + }, + "bgColor-sponsors-muted": { + "value": "#db61a21a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-sponsors-muted", + "attributes": {}, + "path": ["bgColor", "sponsors", "muted"] + }, + "bgColor-sponsors-emphasis": { + "value": "#bf4b8a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + } + }, + "name": "bgColor-sponsors-emphasis", + "attributes": {}, + "path": ["bgColor", "sponsors", "emphasis"] + }, + "borderColor-default": { + "value": "#30363d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + } + }, + "name": "borderColor-default", + "attributes": {}, + "path": ["borderColor", "default"] + }, + "borderColor-muted": { + "value": "#30363db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.default}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7 + }, + "name": "borderColor-muted", + "attributes": {}, + "path": ["borderColor", "muted"] + }, + "borderColor-emphasis": { + "value": "#484f58", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-emphasis", + "attributes": {}, + "path": ["borderColor", "emphasis"] + }, + "borderColor-disabled": { + "value": "#21262db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.disabled}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-disabled", + "attributes": {}, + "path": ["borderColor", "disabled"] + }, + "borderColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-transparent", + "attributes": {}, + "path": ["borderColor", "transparent"] + }, + "borderColor-neutral-muted": { + "value": "#6e768166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.4 + }, + "name": "borderColor-neutral-muted", + "attributes": {}, + "path": ["borderColor", "neutral", "muted"] + }, + "borderColor-neutral-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-neutral-emphasis", + "attributes": {}, + "path": ["borderColor", "neutral", "emphasis"] + }, + "borderColor-accent-muted": { + "value": "#388bfd66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-accent-muted", + "attributes": {}, + "path": ["borderColor", "accent", "muted"] + }, + "borderColor-accent-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + } + }, + "name": "borderColor-accent-emphasis", + "attributes": {}, + "path": ["borderColor", "accent", "emphasis"] + }, + "borderColor-success-muted": { + "value": "#388bfd66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-success-muted", + "attributes": {}, + "path": ["borderColor", "success", "muted"] + }, + "borderColor-success-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + } + }, + "name": "borderColor-success-emphasis", + "attributes": {}, + "path": ["borderColor", "success", "emphasis"] + }, + "borderColor-attention-muted": { + "value": "#bb800966", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-attention-muted", + "attributes": {}, + "path": ["borderColor", "attention", "muted"] + }, + "borderColor-attention-emphasis": { + "value": "#9e6a03", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + } + }, + "name": "borderColor-attention-emphasis", + "attributes": {}, + "path": ["borderColor", "attention", "emphasis"] + }, + "borderColor-severe-muted": { + "value": "#f8514966", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-severe-muted", + "attributes": {}, + "path": ["borderColor", "severe", "muted"] + }, + "borderColor-severe-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + } + }, + "name": "borderColor-severe-emphasis", + "attributes": {}, + "path": ["borderColor", "severe", "emphasis"] + }, + "borderColor-danger-muted": { + "value": "#f8514966", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-danger-muted", + "attributes": {}, + "path": ["borderColor", "danger", "muted"] + }, + "borderColor-danger-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + } + }, + "name": "borderColor-danger-emphasis", + "attributes": {}, + "path": ["borderColor", "danger", "emphasis"] + }, + "borderColor-open-muted": { + "value": "#f8514966", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "alpha": 0.4, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-open-muted", + "attributes": {}, + "path": ["borderColor", "open", "muted"] + }, + "borderColor-open-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + } + }, + "name": "borderColor-open-emphasis", + "attributes": {}, + "path": ["borderColor", "open", "emphasis"] + }, + "borderColor-closed-muted": { + "value": "#6e768166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-closed-muted", + "attributes": {}, + "path": ["borderColor", "closed", "muted"] + }, + "borderColor-closed-emphasis": { + "value": "#484f58", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + } + }, + "name": "borderColor-closed-emphasis", + "attributes": {}, + "path": ["borderColor", "closed", "emphasis"] + }, + "borderColor-done-muted": { + "value": "#ab7df866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-done-muted", + "attributes": {}, + "path": ["borderColor", "done", "muted"] + }, + "borderColor-done-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + } + }, + "name": "borderColor-done-emphasis", + "attributes": {}, + "path": ["borderColor", "done", "emphasis"] + }, + "borderColor-upsell-muted": { + "value": "#ab7df866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-upsell-muted", + "attributes": {}, + "path": ["borderColor", "upsell", "muted"] + }, + "borderColor-upsell-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + } + }, + "name": "borderColor-upsell-emphasis", + "attributes": {}, + "path": ["borderColor", "upsell", "emphasis"] + }, + "borderColor-sponsors-muted": { + "value": "#db61a266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-sponsors-muted", + "attributes": {}, + "path": ["borderColor", "sponsors", "muted"] + }, + "borderColor-sponsors-emphasis": { + "value": "#bf4b8a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + } + }, + "name": "borderColor-sponsors-emphasis", + "attributes": {}, + "path": ["borderColor", "sponsors", "emphasis"] + }, + "color-ansi-black": { + "value": "#484f58", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black", + "attributes": {}, + "path": ["color", "ansi", "black"] + }, + "color-ansi-black-bright": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black-bright", + "attributes": {}, + "path": ["color", "ansi", "black-bright"] + }, + "color-ansi-white": { + "value": "#b1bac4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white", + "attributes": {}, + "path": ["color", "ansi", "white"] + }, + "color-ansi-white-bright": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white-bright", + "attributes": {}, + "path": ["color", "ansi", "white-bright"] + }, + "color-ansi-gray": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-orange-6", + "name": "color-ansi-gray", "attributes": {}, - "path": ["color", "scale", "orange", "6"] + "path": ["color", "ansi", "gray"] }, - "color-scale-orange-7": { - "value": "#8e1519", + "color-ansi-red": { + "value": "#ff7b72", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.red.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-orange-7", + "name": "color-ansi-red", "attributes": {}, - "path": ["color", "scale", "orange", "7"] + "path": ["color", "ansi", "red"] }, - "color-scale-orange-8": { - "value": "#67060c", + "color-ansi-red-bright": { + "value": "#ffa198", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{base.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-orange-8", + "name": "color-ansi-red-bright", "attributes": {}, - "path": ["color", "scale", "orange", "8"] + "path": ["color", "ansi", "red-bright"] }, - "color-scale-orange-9": { - "value": "#490202", + "color-ansi-green": { + "value": "#58a6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{base.color.blue.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-orange-9", + "name": "color-ansi-green", "attributes": {}, - "path": ["color", "scale", "orange", "9"] + "path": ["color", "ansi", "green"] }, - "color-scale-red-0": { - "value": "#ffdcd7", + "color-ansi-green-bright": { + "value": "#79c0ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.color.blue.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-0", + "name": "color-ansi-green-bright", "attributes": {}, - "path": ["color", "scale", "red", "0"] + "path": ["color", "ansi", "green-bright"] }, - "color-scale-red-1": { - "value": "#ffc1ba", + "color-ansi-yellow": { + "value": "#d29922", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.1}", + "value": "{base.color.yellow.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-1", + "name": "color-ansi-yellow", "attributes": {}, - "path": ["color", "scale", "red", "1"] + "path": ["color", "ansi", "yellow"] }, - "color-scale-red-2": { - "value": "#ffa198", + "color-ansi-yellow-bright": { + "value": "#e3b341", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-2", + "name": "color-ansi-yellow-bright", "attributes": {}, - "path": ["color", "scale", "red", "2"] + "path": ["color", "ansi", "yellow-bright"] }, - "color-scale-red-3": { - "value": "#ff7b72", + "color-ansi-blue": { + "value": "#58a6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.blue.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-3", + "name": "color-ansi-blue", "attributes": {}, - "path": ["color", "scale", "red", "3"] + "path": ["color", "ansi", "blue"] }, - "color-scale-red-4": { - "value": "#f85149", + "color-ansi-blue-bright": { + "value": "#79c0ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.color.blue.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-4", + "name": "color-ansi-blue-bright", "attributes": {}, - "path": ["color", "scale", "red", "4"] + "path": ["color", "ansi", "blue-bright"] }, - "color-scale-red-5": { - "value": "#da3633", + "color-ansi-magenta": { + "value": "#be8fff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.color.purple.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-5", + "name": "color-ansi-magenta", "attributes": {}, - "path": ["color", "scale", "red", "5"] + "path": ["color", "ansi", "magenta"] }, - "color-scale-red-6": { - "value": "#b62324", + "color-ansi-magenta-bright": { + "value": "#d2a8ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-6", + "name": "color-ansi-magenta-bright", "attributes": {}, - "path": ["color", "scale", "red", "6"] + "path": ["color", "ansi", "magenta-bright"] }, - "color-scale-red-7": { - "value": "#8e1519", + "color-ansi-cyan": { + "value": "#39c5cf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "#39c5cf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-7", + "name": "color-ansi-cyan", "attributes": {}, - "path": ["color", "scale", "red", "7"] + "path": ["color", "ansi", "cyan"] }, - "color-scale-red-8": { - "value": "#67060c", + "color-ansi-cyan-bright": { + "value": "#56d4dd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "#56d4dd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-8", + "name": "color-ansi-cyan-bright", "attributes": {}, - "path": ["color", "scale", "red", "8"] + "path": ["color", "ansi", "cyan-bright"] }, - "color-scale-red-9": { - "value": "#490202", + "color-prettylights-syntax-comment": { + "value": "#8b949e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{base.color.neutral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-red-9", + "name": "color-prettylights-syntax-comment", "attributes": {}, - "path": ["color", "scale", "red", "9"] + "path": ["color", "prettylights", "syntax", "comment"] }, - "color-scale-purple-0": { - "value": "#eddeff", + "color-prettylights-syntax-constant": { + "value": "#79c0ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{base.color.blue.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-0", + "name": "color-prettylights-syntax-constant", "attributes": {}, - "path": ["color", "scale", "purple", "0"] + "path": ["color", "prettylights", "syntax", "constant"] }, - "color-scale-purple-1": { - "value": "#e2c5ff", + "color-prettylights-syntax-constant-other-reference-link": { + "value": "#a5d6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.1}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-1", + "name": "color-prettylights-syntax-constant-other-reference-link", "attributes": {}, - "path": ["color", "scale", "purple", "1"] + "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] }, - "color-scale-purple-2": { + "color-prettylights-syntax-entity": { "value": "#d2a8ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-2", + "name": "color-prettylights-syntax-entity", "attributes": {}, - "path": ["color", "scale", "purple", "2"] + "path": ["color", "prettylights", "syntax", "entity"] }, - "color-scale-purple-3": { - "value": "#bc8cff", + "color-prettylights-syntax-storage-modifier-import": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-3", + "name": "color-prettylights-syntax-storage-modifier-import", "attributes": {}, - "path": ["color", "scale", "purple", "3"] + "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] }, - "color-scale-purple-4": { - "value": "#a371f7", + "color-prettylights-syntax-entity-tag": { + "value": "#a5d6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-4", + "name": "color-prettylights-syntax-entity-tag", "attributes": {}, - "path": ["color", "scale", "purple", "4"] + "path": ["color", "prettylights", "syntax", "entity-tag"] }, - "color-scale-purple-5": { - "value": "#8957e5", + "color-prettylights-syntax-keyword": { + "value": "#ff7b72", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.red.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-5", + "name": "color-prettylights-syntax-keyword", "attributes": {}, - "path": ["color", "scale", "purple", "5"] + "path": ["color", "prettylights", "syntax", "keyword"] }, - "color-scale-purple-6": { - "value": "#6e40c9", + "color-prettylights-syntax-string": { + "value": "#a5d6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-6", + "name": "color-prettylights-syntax-string", "attributes": {}, - "path": ["color", "scale", "purple", "6"] + "path": ["color", "prettylights", "syntax", "string"] }, - "color-scale-purple-7": { - "value": "#553098", + "color-prettylights-syntax-variable": { + "value": "#ffa198", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.purple.7}", + "value": "{base.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-7", + "name": "color-prettylights-syntax-variable", "attributes": {}, - "path": ["color", "scale", "purple", "7"] + "path": ["color", "prettylights", "syntax", "variable"] }, - "color-scale-purple-8": { - "value": "#3c1e70", + "color-prettylights-syntax-brackethighlighter-unmatched": { + "value": "#f85149", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.8}", + "value": "{base.color.red.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-8", + "name": "color-prettylights-syntax-brackethighlighter-unmatched", "attributes": {}, - "path": ["color", "scale", "purple", "8"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] }, - "color-scale-purple-9": { - "value": "#271052", + "color-prettylights-syntax-brackethighlighter-angle": { + "value": "#8b949e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.9}", + "value": "{base.color.neutral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-purple-9", + "name": "color-prettylights-syntax-brackethighlighter-angle", "attributes": {}, - "path": ["color", "scale", "purple", "9"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] }, - "color-scale-pink-0": { - "value": "#ffdaec", + "color-prettylights-syntax-invalid-illegal-text": { + "value": "#f0f6fc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-0", + "name": "color-prettylights-syntax-invalid-illegal-text", "attributes": {}, - "path": ["color", "scale", "pink", "0"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] }, - "color-scale-pink-1": { - "value": "#ffbedd", + "color-prettylights-syntax-invalid-illegal-bg": { + "value": "#8e1519", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.1}", + "value": "{base.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-1", + "name": "color-prettylights-syntax-invalid-illegal-bg", "attributes": {}, - "path": ["color", "scale", "pink", "1"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] }, - "color-scale-pink-2": { - "value": "#ff9bce", + "color-prettylights-syntax-carriage-return-text": { + "value": "#f0f6fc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.2}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-2", + "name": "color-prettylights-syntax-carriage-return-text", "attributes": {}, - "path": ["color", "scale", "pink", "2"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] }, - "color-scale-pink-3": { - "value": "#f778ba", + "color-prettylights-syntax-carriage-return-bg": { + "value": "#b62324", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{base.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-3", + "name": "color-prettylights-syntax-carriage-return-bg", "attributes": {}, - "path": ["color", "scale", "pink", "3"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] }, - "color-scale-pink-4": { - "value": "#db61a2", + "color-prettylights-syntax-string-regexp": { + "value": "#a5d6ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-4", + "name": "color-prettylights-syntax-string-regexp", "attributes": {}, - "path": ["color", "scale", "pink", "4"] + "path": ["color", "prettylights", "syntax", "string-regexp"] }, - "color-scale-pink-5": { - "value": "#bf4b8a", + "color-prettylights-syntax-markup-list": { + "value": "#f2cc60", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-5", + "name": "color-prettylights-syntax-markup-list", "attributes": {}, - "path": ["color", "scale", "pink", "5"] + "path": ["color", "prettylights", "syntax", "markup", "list"] }, - "color-scale-pink-6": { - "value": "#9e3670", + "color-prettylights-syntax-markup-heading": { + "value": "#1f6feb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.6}", + "value": "{base.color.blue.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-6", + "name": "color-prettylights-syntax-markup-heading", "attributes": {}, - "path": ["color", "scale", "pink", "6"] + "path": ["color", "prettylights", "syntax", "markup", "heading"] }, - "color-scale-pink-7": { - "value": "#7d2457", + "color-prettylights-syntax-markup-italic": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.7}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-7", + "name": "color-prettylights-syntax-markup-italic", "attributes": {}, - "path": ["color", "scale", "pink", "7"] + "path": ["color", "prettylights", "syntax", "markup", "italic"] }, - "color-scale-pink-8": { - "value": "#5e103e", + "color-prettylights-syntax-markup-bold": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.8}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-8", + "name": "color-prettylights-syntax-markup-bold", "attributes": {}, - "path": ["color", "scale", "pink", "8"] + "path": ["color", "prettylights", "syntax", "markup", "bold"] }, - "color-scale-pink-9": { - "value": "#42062a", + "color-prettylights-syntax-markup-deleted-text": { + "value": "#ffdcd7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.9}", + "value": "{base.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-9", + "name": "color-prettylights-syntax-markup-deleted-text", "attributes": {}, - "path": ["color", "scale", "pink", "9"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] }, - "color-scale-coral-0": { - "value": "#ffddd2", + "color-prettylights-syntax-markup-deleted-bg": { + "value": "#67060c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.0}", + "value": "{base.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-0", + "name": "color-prettylights-syntax-markup-deleted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "0"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] }, - "color-scale-coral-1": { - "value": "#ffc2b2", + "color-prettylights-syntax-markup-inserted-text": { + "value": "#cae8ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.1}", + "value": "{base.color.blue.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-1", + "name": "color-prettylights-syntax-markup-inserted-text", "attributes": {}, - "path": ["color", "scale", "coral", "1"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] }, - "color-scale-coral-2": { - "value": "#ffa28b", + "color-prettylights-syntax-markup-inserted-bg": { + "value": "#0c2d6b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.2}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-2", + "name": "color-prettylights-syntax-markup-inserted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "2"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] }, - "color-scale-coral-3": { - "value": "#f78166", + "color-prettylights-syntax-markup-changed-text": { + "value": "#ffdcd7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.coral.3}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } }, - "name": "color-scale-coral-3", - "attributes": {}, - "path": ["color", "scale", "coral", "3"] - }, - "color-scale-coral-4": { - "value": "#ea6045", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.4}", + "value": "{base.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-4", + "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, - "path": ["color", "scale", "coral", "4"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] }, - "color-scale-coral-5": { - "value": "#cf462d", + "color-prettylights-syntax-markup-changed-bg": { + "value": "#67060c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.5}", + "value": "{base.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-5", + "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, - "path": ["color", "scale", "coral", "5"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] }, - "color-scale-coral-6": { - "value": "#ac3220", + "color-prettylights-syntax-markup-ignored-text": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-6", + "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, - "path": ["color", "scale", "coral", "6"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] }, - "color-scale-coral-7": { - "value": "#872012", + "color-prettylights-syntax-markup-ignored-bg": { + "value": "#1158c7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-7", + "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, - "path": ["color", "scale", "coral", "7"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] }, - "color-scale-coral-8": { - "value": "#640d04", + "color-prettylights-syntax-meta-diff-range": { + "value": "#d2a8ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.8}", + "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-8", + "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, - "path": ["color", "scale", "coral", "8"] + "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] }, - "color-scale-coral-9": { - "value": "#460701", + "color-prettylights-syntax-sublimelinter-gutter-mark": { + "value": "#484f58", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.9}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-9", + "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, - "path": ["color", "scale", "coral", "9"] + "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] }, "shadow-inset": { "value": "inset 0px 1px 0px 0px #0104093d", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10627,7 +16493,14 @@ "spread": "0px", "inset": true }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-inset", "attributes": {}, @@ -10636,6 +16509,13 @@ "shadow-resting-xsmall": { "value": "0px 1px 0px 0px #010409cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10648,15 +16528,29 @@ "spread": "0px", "inset": false }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"] }, "shadow-resting-small": { - "value": "0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966", + "value": "0px 1px 0px 0px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10669,18 +16563,16 @@ "blur": "0px", "spread": "0px", "inset": false - }, - { - "color": "{base.color.black}", - "alpha": 0.4, - "offsetX": "0px", - "offsetY": "1px", - "blur": "3px", - "spread": "0px", - "inset": false } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-small", "attributes": {}, @@ -10689,6 +16581,13 @@ "shadow-resting-medium": { "value": "0px 3px 6px 0px #010409cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10702,21 +16601,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"] }, "shadow-floating-small": { - "value": "0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", + "value": "0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10740,21 +16653,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"] }, "shadow-floating-medium": { - "value": "0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966", + "value": "0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10794,21 +16721,35 @@ "spread": "-24px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"] }, "shadow-floating-large": { - "value": "0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409", + "value": "0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10824,21 +16765,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"] }, "shadow-floating-xlarge": { - "value": "0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409", + "value": "0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10854,12 +16809,63 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"] }, + "shadow-floating-legacy": { + "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, + "filePath": "src/tokens/functional/shadow/dark.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "12px", + "spread": "-3px" + }, + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "18px", + "spread": "0px" + } + ], + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } + }, + "name": "shadow-floating-legacy", + "attributes": {}, + "path": ["shadow", "floating", "legacy"] + }, "outline-focus": { "value": "#1f6feb solid 2px", "$type": "border", diff --git a/dist/docs/functional/themes/dark.json b/dist/docs/functional/themes/dark.json index d690e5722..e272d2dbc 100644 --- a/dist/docs/functional/themes/dark.json +++ b/dist/docs/functional/themes/dark.json @@ -424,7 +424,7 @@ "path": ["diffBlob", "hunk", "bgColor", "num"] }, "diffBlob-expander-iconColor": { - "value": "#848d97", + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -569,7 +569,7 @@ "path": ["codeMirror", "gutterMarker", "fgColor", "default"] }, "codeMirror-gutterMarker-fgColor-muted": { - "value": "#848d97", + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -598,7 +598,7 @@ "path": ["codeMirror", "gutterMarker", "fgColor", "muted"] }, "codeMirror-lineNumber-fgColor": { - "value": "#848d97", + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -785,7 +785,7 @@ "filePath": "src/tokens/functional/color/dark/app-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1048,7 +1048,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1078,7 +1078,7 @@ "isSource": true, "alpha": 0.95, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1108,7 +1108,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1137,7 +1137,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1166,7 +1166,7 @@ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1181,148 +1181,124 @@ "attributes": {}, "path": ["headerSearch", "borderColor"] }, - "avatar-bgColor": { - "value": "#ffffff1a", + "data-blue-color": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "avatar-bgColor", + "name": "data-blue-color", "attributes": {}, - "path": ["avatar", "bgColor"] + "path": ["data", "blue", "color", "@"] }, - "avatar-borderColor": { - "value": "#30363d80", + "data-blue-color-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.muted}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "avatar-borderColor", - "attributes": {}, - "path": ["avatar", "borderColor"] - }, - "avatar-shadow": { - "value": "0px 0px 0px 2px #0d1117", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.gray.9}", - "alpha": 1, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "2px" - } - ], - "$type": "shadow" - }, - "name": "avatar-shadow", + "name": "data-blue-color-muted", "attributes": {}, - "path": ["avatar", "shadow"] + "path": ["data", "blue", "color", "muted"] }, - "avatarStack-fade-bgColor-default": { - "value": "#30363d", + "data-auburn-color": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-default", + "name": "data-auburn-color", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "default"] + "path": ["data", "auburn", "color", "@"] }, - "avatarStack-fade-bgColor-muted": { - "value": "#21262d", + "data-auburn-color-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-muted", + "name": "data-auburn-color-muted", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "muted"] + "path": ["data", "auburn", "color", "muted"] }, - "control-bgColor-rest": { - "value": "#21262d", + "data-orange-color": { + "value": "#984b10", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1332,10 +1308,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1346,12 +1322,12 @@ } } }, - "name": "control-bgColor-rest", + "name": "data-orange-color", "attributes": {}, - "path": ["control", "bgColor", "rest"] + "path": ["data", "orange", "color", "@"] }, - "control-bgColor-hover": { - "value": "#292e36", + "data-orange-color-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1361,14 +1337,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1377,18 +1349,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-bgColor-hover", + "name": "data-orange-color-muted", "attributes": {}, - "path": ["control", "bgColor", "hover"] + "path": ["data", "orange", "color", "muted"] }, - "control-bgColor-active": { - "value": "#31363e", + "data-yellow-color": { + "value": "#895906", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1398,14 +1366,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1414,18 +1378,14 @@ "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "control-bgColor-active", + "name": "data-yellow-color", "attributes": {}, - "path": ["control", "bgColor", "active"] + "path": ["data", "yellow", "color", "@"] }, - "control-bgColor-disabled": { - "value": "#161b22", + "data-yellow-color-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1435,10 +1395,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1449,12 +1409,12 @@ } } }, - "name": "control-bgColor-disabled", + "name": "data-yellow-color-muted", "attributes": {}, - "path": ["control", "bgColor", "disabled"] + "path": ["data", "yellow", "color", "muted"] }, - "control-bgColor-selected": { - "value": "#161b22", + "data-green-color": { + "value": "#2f6f37", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1464,10 +1424,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1478,3343 +1438,3183 @@ } } }, - "name": "control-bgColor-selected", + "name": "data-green-color", "attributes": {}, - "path": ["control", "bgColor", "selected"] + "path": ["data", "green", "color", "@"] }, - "control-fgColor-rest": { - "value": "#c9d1d9", + "data-green-color-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-rest", + "name": "data-green-color-muted", "attributes": {}, - "path": ["control", "fgColor", "rest"] + "path": ["data", "green", "color", "muted"] }, - "control-fgColor-placeholder": { - "value": "#484f58", + "data-teal-color": { + "value": "#106c70", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-placeholder", + "name": "data-teal-color", "attributes": {}, - "path": ["control", "fgColor", "placeholder"] + "path": ["data", "teal", "color", "@"] }, - "control-fgColor-disabled": { - "value": "#8b949e", + "data-teal-color-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-disabled", + "name": "data-teal-color-muted", "attributes": {}, - "path": ["control", "fgColor", "disabled"] + "path": ["data", "teal", "color", "muted"] }, - "control-borderColor-rest": { - "value": "#30363d", + "data-purple-color": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-rest", + "name": "data-purple-color", "attributes": {}, - "path": ["control", "borderColor", "rest"] + "path": ["data", "purple", "color", "@"] }, - "control-borderColor-emphasis": { - "value": "#666e79", + "data-purple-color-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-borderColor-emphasis", + "name": "data-purple-color-muted", "attributes": {}, - "path": ["control", "borderColor", "emphasis"] + "path": ["data", "purple", "color", "muted"] }, - "control-borderColor-disabled": { - "value": "#161b22", + "data-pink-color": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-disabled", + "name": "data-pink-color", "attributes": {}, - "path": ["control", "borderColor", "disabled"] + "path": ["data", "pink", "color", "@"] }, - "control-borderColor-selected": { - "value": "#f0f6fc", + "data-pink-color-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-selected", + "name": "data-pink-color-muted", "attributes": {}, - "path": ["control", "borderColor", "selected"] + "path": ["data", "pink", "color", "muted"] }, - "control-borderColor-success": { - "value": "#238636", + "data-red-color": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-success", + "name": "data-red-color", "attributes": {}, - "path": ["control", "borderColor", "success"] + "path": ["data", "red", "color", "@"] }, - "control-borderColor-danger": { - "value": "#da3633", + "data-red-color-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.danger.emphasis}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-danger", + "name": "data-red-color-muted", "attributes": {}, - "path": ["control", "borderColor", "danger"] + "path": ["data", "red", "color", "muted"] }, - "control-borderColor-warning": { - "value": "#9e6a03", + "data-gray-color": { + "value": "#576270", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{borderColor.attention.emphasis}", + "value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-warning", + "name": "data-gray-color", "attributes": {}, - "path": ["control", "borderColor", "warning"] + "path": ["data", "gray", "color", "@"] }, - "control-iconColor-rest": { - "value": "#848d97", + "data-gray-color-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/data-vis-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-iconColor-rest", + "name": "data-gray-color-muted", "attributes": {}, - "path": ["control", "iconColor", "rest"] + "path": ["data", "gray", "color", "muted"] }, - "control-transparent-bgColor-rest": { - "value": "#00000000", + "display-blue-bgColor-muted": { + "value": "#001a47", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-transparent-bgColor-rest", + "name": "display-blue-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "rest"] + "path": ["display", "blue", "bgColor", "muted"] }, - "control-transparent-bgColor-hover": { - "value": "#b1bac41f", + "display-blue-bgColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.12, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.12 + } }, - "name": "control-transparent-bgColor-hover", + "name": "display-blue-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "hover"] + "path": ["display", "blue", "bgColor", "emphasis"] }, - "control-transparent-bgColor-active": { - "value": "#b1bac433", + "display-blue-fgColor": { + "value": "#4da0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-active", + "name": "display-blue-fgColor", "attributes": {}, - "path": ["control", "transparent", "bgColor", "active"] + "path": ["display", "blue", "fgColor"] }, - "control-transparent-bgColor-disabled": { - "value": "#00000000", + "display-blue-borderColor-muted": { + "value": "#002766", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-transparent-bgColor-disabled", + "name": "display-blue-borderColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "disabled"] + "path": ["display", "blue", "borderColor", "muted"] }, - "control-transparent-bgColor-selected": { - "value": "#b1bac414", + "display-blue-borderColor-emphasis": { + "value": "#0576ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.08, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.08 + } }, - "name": "control-transparent-bgColor-selected", + "name": "display-blue-borderColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "selected"] + "path": ["display", "blue", "borderColor", "emphasis"] }, - "control-transparent-borderColor-rest": { - "value": "#00000000", + "display-green-bgColor-muted": { + "value": "#122117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-rest", + "name": "display-green-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "borderColor", "rest"] + "path": ["display", "green", "bgColor", "muted"] }, - "control-transparent-borderColor-hover": { - "value": "#00000000", + "display-green-bgColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-hover", + "name": "display-green-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "borderColor", "hover"] + "path": ["display", "green", "bgColor", "emphasis"] }, - "control-transparent-borderColor-active": { - "value": "#00000000", + "display-green-fgColor": { + "value": "#41b445", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-transparent-borderColor-active", + "name": "display-green-fgColor", "attributes": {}, - "path": ["control", "transparent", "borderColor", "active"] + "path": ["display", "green", "fgColor"] }, - "control-danger-fgColor-rest": { - "value": "#f85149", + "display-green-borderColor-muted": { + "value": "#182f1f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-rest", + "name": "display-green-borderColor-muted", "attributes": {}, - "path": ["control", "danger", "fgColor", "rest"] + "path": ["display", "green", "borderColor", "muted"] }, - "control-danger-fgColor-hover": { - "value": "#ff7b72", + "display-green-borderColor-emphasis": { + "value": "#388f3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-hover", + "name": "display-green-borderColor-emphasis", "attributes": {}, - "path": ["control", "danger", "fgColor", "hover"] + "path": ["display", "green", "borderColor", "emphasis"] }, - "control-danger-bgColor-hover": { - "value": "#f851491a", + "display-orange-bgColor-muted": { + "value": "#311708", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-danger-bgColor-hover", + "name": "display-orange-bgColor-muted", "attributes": {}, - "path": ["control", "danger", "bgColor", "hover"] + "path": ["display", "orange", "bgColor", "muted"] }, - "control-danger-bgColor-active": { - "value": "#f8514966", + "display-orange-bgColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-danger-bgColor-active", + "name": "display-orange-bgColor-emphasis", "attributes": {}, - "path": ["control", "danger", "bgColor", "active"] + "path": ["display", "orange", "bgColor", "emphasis"] }, - "control-checked-bgColor-rest": { - "value": "#1f6feb", + "display-orange-fgColor": { + "value": "#ed8326", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-checked-bgColor-rest", + "name": "display-orange-fgColor", "attributes": {}, - "path": ["control", "checked", "bgColor", "rest"] + "path": ["display", "orange", "fgColor"] }, - "control-checked-bgColor-hover": { - "value": "#2a7aef", + "display-orange-borderColor-muted": { + "value": "#43200a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-bgColor-hover", + "name": "display-orange-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "hover"] + "path": ["display", "orange", "borderColor", "muted"] }, - "control-checked-bgColor-active": { - "value": "#3685f3", + "display-orange-borderColor-emphasis": { + "value": "#c46212", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["bgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-bgColor-active", + "name": "display-orange-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "bgColor", "active"] + "path": ["display", "orange", "borderColor", "emphasis"] }, - "control-checked-bgColor-disabled": { - "value": "#8b949e", + "display-purple-bgColor-muted": { + "value": "#211047", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-checked-bgColor-disabled", + "name": "display-purple-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "disabled"] + "path": ["display", "purple", "bgColor", "muted"] }, - "control-checked-fgColor-rest": { - "value": "#ffffff", + "display-purple-bgColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["fgColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-fgColor-rest", + "name": "display-purple-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "fgColor", "rest"] + "path": ["display", "purple", "bgColor", "emphasis"] }, - "control-checked-fgColor-disabled": { - "value": "#010409", + "display-purple-fgColor": { + "value": "#b687f7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "control-checked-fgColor-disabled", + "name": "display-purple-fgColor", "attributes": {}, - "path": ["control", "checked", "fgColor", "disabled"] + "path": ["display", "purple", "fgColor"] }, - "control-checked-borderColor-rest": { - "value": "#1f6feb", + "display-purple-borderColor-muted": { + "value": "#31146b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "control-checked-borderColor-rest", + "name": "display-purple-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "rest"] + "path": ["display", "purple", "borderColor", "muted"] }, - "control-checked-borderColor-hover": { - "value": "#2a7aef", + "display-purple-borderColor-emphasis": { + "value": "#975bf1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", + "mode": "light", + "group": "component (internal)", "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.2 } }, - "name": "control-checked-borderColor-hover", + "name": "display-purple-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "hover"] + "path": ["display", "purple", "borderColor", "emphasis"] }, - "control-checked-borderColor-active": { - "value": "#3685f3", + "display-plum-bgColor-muted": { + "value": "#2a0e3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "mix": { - "color": "#58a6ff", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.3}", - "weight": 0.4 } }, - "name": "control-checked-borderColor-active", + "name": "display-plum-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "active"] + "path": ["display", "plum", "bgColor", "muted"] }, - "control-checked-borderColor-disabled": { - "value": "#8b949e", + "display-plum-bgColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component", - "scopes": ["borderColor"] + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-borderColor-disabled", + "name": "display-plum-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "disabled"] + "path": ["display", "plum", "bgColor", "emphasis"] }, - "controlTrack-bgColor-rest": { - "value": "#21262d", + "display-plum-fgColor": { + "value": "#d07ef7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlTrack-bgColor-rest", + "name": "display-plum-fgColor", "attributes": {}, - "path": ["controlTrack", "bgColor", "rest"] + "path": ["display", "plum", "fgColor"] }, - "controlTrack-bgColor-hover": { - "value": "#292e36", + "display-plum-borderColor-muted": { + "value": "#40125e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "controlTrack-bgColor-hover", + "name": "display-plum-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "hover"] + "path": ["display", "plum", "borderColor", "muted"] }, - "controlTrack-bgColor-active": { - "value": "#31363e", + "display-plum-borderColor-emphasis": { + "value": "#b643ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#484f58", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "controlTrack-bgColor-active", + "name": "display-plum-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "bgColor", "active"] + "path": ["display", "plum", "borderColor", "emphasis"] }, - "controlTrack-bgColor-disabled": { - "value": "#8b949e", + "display-red-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlTrack-bgColor-disabled", + "name": "display-red-bgColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "disabled"] + "path": ["display", "red", "bgColor", "muted"] }, - "controlTrack-fgColor-rest": { - "value": "#848d97", + "display-red-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "controlTrack-fgColor-rest", + "name": "display-red-bgColor-emphasis", "attributes": {}, - "path": ["controlTrack", "fgColor", "rest"] + "path": ["display", "red", "bgColor", "emphasis"] }, - "controlTrack-fgColor-disabled": { - "value": "#ffffff", + "display-red-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "controlTrack-fgColor-disabled", + "name": "display-red-fgColor", "attributes": {}, - "path": ["controlTrack", "fgColor", "disabled"] + "path": ["display", "red", "fgColor"] }, - "controlTrack-borderColor-rest": { - "value": "#00000000", + "display-red-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-rest", + "name": "display-red-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "borderColor", "rest"] + "path": ["display", "red", "borderColor", "muted"] }, - "controlTrack-borderColor-disabled": { - "value": "#8b949e", + "display-red-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlTrack-borderColor-disabled", + "name": "display-red-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "borderColor", "disabled"] + "path": ["display", "red", "borderColor", "emphasis"] }, - "controlKnob-bgColor-rest": { - "value": "#010409", + "display-coral-bgColor-muted": { + "value": "#3c0614", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-rest", + "name": "display-coral-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "bgColor", "rest"] + "path": ["display", "coral", "bgColor", "muted"] }, - "controlKnob-bgColor-disabled": { - "value": "#161b22", + "display-coral-bgColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "controlKnob-bgColor-disabled", + "name": "display-coral-bgColor-emphasis", "attributes": {}, - "path": ["controlKnob", "bgColor", "disabled"] + "path": ["display", "coral", "bgColor", "emphasis"] }, - "controlKnob-bgColor-checked": { - "value": "#ffffff", + "display-coral-fgColor": { + "value": "#f27d83", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlKnob-bgColor-checked", + "name": "display-coral-fgColor", "attributes": {}, - "path": ["controlKnob", "bgColor", "checked"] + "path": ["display", "coral", "fgColor"] }, - "controlKnob-borderColor-rest": { - "value": "#666e79", + "display-coral-borderColor-muted": { + "value": "#58091a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.emphasis}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-rest", + "name": "display-coral-borderColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "rest"] + "path": ["display", "coral", "borderColor", "muted"] }, - "controlKnob-borderColor-disabled": { - "value": "#161b22", + "display-coral-borderColor-emphasis": { + "value": "#eb3342", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "controlKnob-borderColor-disabled", + "name": "display-coral-borderColor-emphasis", "attributes": {}, - "path": ["controlKnob", "borderColor", "disabled"] + "path": ["display", "coral", "borderColor", "emphasis"] }, - "controlKnob-borderColor-checked": { - "value": "#1f6feb", + "display-yellow-bgColor-muted": { + "value": "#2e1a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.checked.bgColor.rest}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "controlKnob-borderColor-checked", + "name": "display-yellow-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "checked"] + "path": ["display", "yellow", "bgColor", "muted"] }, - "counter-borderColor": { - "value": "#00000000", + "display-yellow-bgColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "counter-borderColor", + "name": "display-yellow-bgColor-emphasis", "attributes": {}, - "path": ["counter", "borderColor"] + "path": ["display", "yellow", "bgColor", "emphasis"] }, - "button-default-fgColor-rest": { - "value": "#c9d1d9", + "display-yellow-fgColor": { + "value": "#d3910d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.rest}", + "value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-default-fgColor-rest", + "name": "display-yellow-fgColor", "attributes": {}, - "path": ["button", "default", "fgColor", "rest"] + "path": ["display", "yellow", "fgColor"] }, - "button-default-bgColor-rest": { - "value": "#21262d", + "display-yellow-borderColor-muted": { + "value": "#3d2401", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-rest", + "name": "display-yellow-borderColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "rest"] + "path": ["display", "yellow", "borderColor", "muted"] }, - "button-default-bgColor-hover": { - "value": "#292e36", + "display-yellow-borderColor-emphasis": { + "value": "#aa7109", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.hover}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-hover", + "name": "display-yellow-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "hover"] + "path": ["display", "yellow", "borderColor", "emphasis"] }, - "button-default-bgColor-active": { - "value": "#31363e", + "display-gray-bgColor-muted": { + "value": "#1c1c1c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-active", + "name": "display-gray-bgColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "active"] + "path": ["display", "gray", "bgColor", "muted"] }, - "button-default-bgColor-selected": { - "value": "#31363e", + "display-gray-bgColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-default-bgColor-selected", + "name": "display-gray-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "selected"] + "path": ["display", "gray", "bgColor", "emphasis"] }, - "button-default-bgColor-disabled": { - "value": "#161b22", + "display-gray-fgColor": { + "value": "#92a1b5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-default-bgColor-disabled", + "name": "display-gray-fgColor", "attributes": {}, - "path": ["button", "default", "bgColor", "disabled"] + "path": ["display", "gray", "fgColor"] }, - "button-default-borderColor-rest": { - "value": "#30363d", + "display-gray-borderColor-muted": { + "value": "#2a2b2d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-rest", + "name": "display-gray-borderColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "rest"] + "path": ["display", "gray", "borderColor", "muted"] }, - "button-default-borderColor-hover": { - "value": "#30363d", + "display-gray-borderColor-emphasis": { + "value": "#6e7f96", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-default-borderColor-hover", + "name": "display-gray-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "borderColor", "hover"] + "path": ["display", "gray", "borderColor", "emphasis"] }, - "button-default-borderColor-active": { - "value": "#30363d", + "display-auburn-bgColor-muted": { + "value": "#271817", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.default.borderColor.rest}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-active", + "name": "display-auburn-bgColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "active"] + "path": ["display", "auburn", "bgColor", "muted"] }, - "button-default-borderColor-disabled": { - "value": "#161b22", + "display-auburn-bgColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-disabled", - "attributes": {}, - "path": ["button", "default", "borderColor", "disabled"] - }, - "button-default-shadow-resting": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-default-shadow-resting", + "name": "display-auburn-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "shadow", "resting"] + "path": ["display", "auburn", "bgColor", "emphasis"] }, - "button-primary-fgColor-rest": { - "value": "#ffffff", + "display-auburn-fgColor": { + "value": "#bf9592", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-primary-fgColor-rest", + "name": "display-auburn-fgColor", "attributes": {}, - "path": ["button", "primary", "fgColor", "rest"] + "path": ["display", "auburn", "fgColor"] }, - "button-primary-fgColor-disabled": { - "value": "#ffffff80", + "display-auburn-borderColor-muted": { + "value": "#3a2422", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-primary-fgColor-disabled", + "name": "display-auburn-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "fgColor", "disabled"] + "path": ["display", "auburn", "borderColor", "muted"] }, - "button-primary-iconColor-rest": { - "value": "#ffffff", + "display-auburn-borderColor-emphasis": { + "value": "#a86f6b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-primary-iconColor-rest", + "name": "display-auburn-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "iconColor", "rest"] + "path": ["display", "auburn", "borderColor", "emphasis"] }, - "button-primary-bgColor-rest": { - "value": "#238636", + "display-brown-bgColor-muted": { + "value": "#241c14", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-primary-bgColor-rest", + "name": "display-brown-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "rest"] + "path": ["display", "brown", "bgColor", "muted"] }, - "button-primary-bgColor-hover": { - "value": "#29903b", + "display-brown-bgColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "mix": { - "color": "#3fb950", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.green.3}", - "weight": 0.2 } }, - "name": "button-primary-bgColor-hover", + "name": "display-brown-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "hover"] + "path": ["display", "brown", "bgColor", "emphasis"] }, - "button-primary-bgColor-active": { - "value": "#2e9a40", + "display-brown-fgColor": { + "value": "#b69a6d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "mix": { - "color": "#3fb950", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.green.3}", - "weight": 0.4 } }, - "name": "button-primary-bgColor-active", + "name": "display-brown-fgColor", "attributes": {}, - "path": ["button", "primary", "bgColor", "active"] + "path": ["display", "brown", "fgColor"] }, - "button-primary-bgColor-disabled": { - "value": "#46bf57", + "display-brown-borderColor-muted": { + "value": "#342a1d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#56d364", - "weight": 0.6 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.green.2}", - "weight": 0.6 } }, - "name": "button-primary-bgColor-disabled", + "name": "display-brown-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "disabled"] + "path": ["display", "brown", "borderColor", "muted"] }, - "button-primary-borderColor-rest": { - "value": "#f0f6fc1a", + "display-brown-borderColor-emphasis": { + "value": "#94774c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-primary-borderColor-rest", + "name": "display-brown-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "rest"] + "path": ["display", "brown", "borderColor", "emphasis"] }, - "button-primary-borderColor-hover": { - "value": "#f0f6fc1a", + "display-lemon-bgColor-muted": { + "value": "#291d00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-hover", + "name": "display-lemon-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "hover"] + "path": ["display", "lemon", "bgColor", "muted"] }, - "button-primary-borderColor-active": { - "value": "#f0f6fc1a", + "display-lemon-bgColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-active", + "name": "display-lemon-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "active"] + "path": ["display", "lemon", "bgColor", "emphasis"] }, - "button-primary-borderColor-disabled": { - "value": "#46bf57", + "display-lemon-fgColor": { + "value": "#ba9b12", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.primary.bgColor.disabled}", + "value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-primary-borderColor-disabled", - "attributes": {}, - "path": ["button", "primary", "borderColor", "disabled"] - }, - "button-primary-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-primary-shadow-selected", + "name": "display-lemon-fgColor", "attributes": {}, - "path": ["button", "primary", "shadow", "selected"] + "path": ["display", "lemon", "fgColor"] }, - "button-invisible-fgColor-rest": { - "value": "#2f81f7", + "display-lemon-borderColor-muted": { + "value": "#372901", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-rest", + "name": "display-lemon-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "rest"] + "path": ["display", "lemon", "borderColor", "muted"] }, - "button-invisible-fgColor-hover": { - "value": "#58a6ff", + "display-lemon-borderColor-emphasis": { + "value": "#977b0c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-hover", + "name": "display-lemon-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "fgColor", "hover"] + "path": ["display", "lemon", "borderColor", "emphasis"] }, - "button-invisible-fgColor-disabled": { - "value": "#8b949e", + "display-olive-bgColor-muted": { + "value": "#171e0b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-fgColor-disabled", + "name": "display-olive-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "disabled"] + "path": ["display", "olive", "bgColor", "muted"] }, - "button-invisible-iconColor-rest": { - "value": "#848d97", + "display-olive-bgColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-rest", + "name": "display-olive-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "iconColor", "rest"] + "path": ["display", "olive", "bgColor", "emphasis"] }, - "button-invisible-iconColor-hover": { - "value": "#e6edf3", + "display-olive-fgColor": { + "value": "#a2a626", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.default}", + "value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-invisible-iconColor-hover", + "name": "display-olive-fgColor", "attributes": {}, - "path": ["button", "invisible", "iconColor", "hover"] + "path": ["display", "olive", "fgColor"] }, - "button-invisible-iconColor-disabled": { - "value": "#8b949e", + "display-olive-borderColor-muted": { + "value": "#252d10", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-iconColor-disabled", + "name": "display-olive-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "iconColor", "disabled"] + "path": ["display", "olive", "borderColor", "muted"] }, - "button-invisible-bgColor-rest": { - "value": "#00000000", + "display-olive-borderColor-emphasis": { + "value": "#7a8321", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.rest}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-rest", + "name": "display-olive-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "rest"] + "path": ["display", "olive", "borderColor", "emphasis"] }, - "button-invisible-bgColor-hover": { - "value": "#b1bac41f", + "display-lime-bgColor-muted": { + "value": "#141f0f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.hover}", + "value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-invisible-bgColor-hover", + "name": "display-lime-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "hover"] + "path": ["display", "lime", "bgColor", "muted"] }, - "button-invisible-bgColor-active": { - "value": "#b1bac433", + "display-lime-bgColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.active}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-invisible-bgColor-active", + "name": "display-lime-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "active"] + "path": ["display", "lime", "bgColor", "emphasis"] }, - "button-invisible-bgColor-disabled": { - "value": "#00000000", + "display-lime-fgColor": { + "value": "#7dae37", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.disabled}", + "value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-invisible-bgColor-disabled", + "name": "display-lime-fgColor", "attributes": {}, - "path": ["button", "invisible", "bgColor", "disabled"] + "path": ["display", "lime", "fgColor"] }, - "button-invisible-borderColor-rest": { - "value": "#00000000", + "display-lime-borderColor-muted": { + "value": "#1f3116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.rest}", + "value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-rest", + "name": "display-lime-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "rest"] + "path": ["display", "lime", "borderColor", "muted"] }, - "button-invisible-borderColor-hover": { - "value": "#00000000", + "display-lime-borderColor-emphasis": { + "value": "#5f892f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.hover}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-invisible-borderColor-hover", + "name": "display-lime-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "borderColor", "hover"] + "path": ["display", "lime", "borderColor", "emphasis"] }, - "button-invisible-borderColor-disabled": { - "value": "#161b22", + "display-pine-bgColor-muted": { + "value": "#082119", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-borderColor-disabled", + "name": "display-pine-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "disabled"] + "path": ["display", "pine", "bgColor", "muted"] }, - "button-outline-fgColor-rest": { - "value": "#388bfd", + "display-pine-bgColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-rest", + "name": "display-pine-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "rest"] + "path": ["display", "pine", "bgColor", "emphasis"] }, - "button-outline-fgColor-hover": { - "value": "#58a6ff", + "display-pine-fgColor": { + "value": "#1bb673", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-outline-fgColor-hover", + "name": "display-pine-fgColor", "attributes": {}, - "path": ["button", "outline", "fgColor", "hover"] + "path": ["display", "pine", "fgColor"] }, - "button-outline-fgColor-active": { - "value": "#ffffff", + "display-pine-borderColor-muted": { + "value": "#0b3224", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-fgColor-active", + "name": "display-pine-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "active"] + "path": ["display", "pine", "borderColor", "muted"] }, - "button-outline-fgColor-disabled": { - "value": "#2f81f780", + "display-pine-borderColor-emphasis": { + "value": "#18915e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-outline-fgColor-disabled", + "name": "display-pine-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "disabled"] + "path": ["display", "pine", "borderColor", "emphasis"] }, - "button-outline-bgColor-rest": { - "value": "#f0f6fc", + "display-teal-bgColor-muted": { + "value": "#041f25", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-rest", + "name": "display-teal-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "rest"] + "path": ["display", "teal", "bgColor", "muted"] }, - "button-outline-bgColor-hover": { - "value": "#30363d", + "display-teal-bgColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-outline-bgColor-hover", + "name": "display-teal-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "hover"] + "path": ["display", "teal", "bgColor", "emphasis"] }, - "button-outline-bgColor-active": { - "value": "#0d419d", + "display-teal-fgColor": { + "value": "#1cb0ab", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-outline-bgColor-active", + "name": "display-teal-fgColor", "attributes": {}, - "path": ["button", "outline", "bgColor", "active"] + "path": ["display", "teal", "fgColor"] }, - "button-outline-bgColor-disabled": { - "value": "#0d1117", + "display-teal-borderColor-muted": { + "value": "#073036", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-bgColor-disabled", + "name": "display-teal-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "disabled"] + "path": ["display", "teal", "borderColor", "muted"] }, - "button-outline-borderColor-hover": { - "value": "#f0f6fc1a", + "display-teal-borderColor-emphasis": { + "value": "#158a8a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-outline-borderColor-hover", + "name": "display-teal-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "borderColor", "hover"] + "path": ["display", "teal", "borderColor", "emphasis"] }, - "button-outline-borderColor-selected": { - "value": "#f0f6fc1a", + "display-cyan-bgColor-muted": { + "value": "#001f29", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.outline.borderColor.hover}", + "value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-borderColor-selected", + "name": "display-cyan-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "borderColor", "selected"] + "path": ["display", "cyan", "bgColor", "muted"] }, - "button-outline-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", + "display-cyan-bgColor-emphasis": { + "value": "#0587b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false + "value": "{base.display.color.cyan.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } - ], - "$type": "shadow" + } }, - "name": "button-outline-shadow-selected", + "name": "display-cyan-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "shadow", "selected"] + "path": ["display", "cyan", "bgColor", "emphasis"] }, - "button-danger-fgColor-rest": { - "value": "#f85149", + "display-cyan-fgColor": { + "value": "#07ace4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-danger-fgColor-rest", + "name": "display-cyan-fgColor", "attributes": {}, - "path": ["button", "danger", "fgColor", "rest"] + "path": ["display", "cyan", "fgColor"] }, - "button-danger-fgColor-hover": { - "value": "#ffffff", + "display-cyan-borderColor-muted": { + "value": "#002e3d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-fgColor-hover", + "name": "display-cyan-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "hover"] + "path": ["display", "cyan", "borderColor", "muted"] }, - "button-danger-fgColor-active": { - "value": "#ffffff", + "display-cyan-borderColor-emphasis": { + "value": "#0587b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-fgColor-active", + "name": "display-cyan-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "active"] + "path": ["display", "cyan", "borderColor", "emphasis"] }, - "button-danger-fgColor-disabled": { - "value": "#f8514980", + "display-indigo-bgColor-muted": { + "value": "#1b183f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-danger-fgColor-disabled", + "name": "display-indigo-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "disabled"] + "path": ["display", "indigo", "bgColor", "muted"] }, - "button-danger-iconColor-rest": { - "value": "#f85149", + "display-indigo-bgColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-rest", + "name": "display-indigo-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "iconColor", "rest"] + "path": ["display", "indigo", "bgColor", "emphasis"] }, - "button-danger-iconColor-hover": { - "value": "#ffffff", + "display-indigo-fgColor": { + "value": "#9899ec", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "button-danger-iconColor-hover", + "name": "display-indigo-fgColor", "attributes": {}, - "path": ["button", "danger", "iconColor", "hover"] + "path": ["display", "indigo", "fgColor"] }, - "button-danger-bgColor-rest": { - "value": "#21262d", + "display-indigo-borderColor-muted": { + "value": "#25215f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-rest", + "name": "display-indigo-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "rest"] + "path": ["display", "indigo", "borderColor", "muted"] }, - "button-danger-bgColor-hover": { - "value": "#b62324", + "display-indigo-borderColor-emphasis": { + "value": "#7070e1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-hover", + "name": "display-indigo-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "hover"] + "path": ["display", "indigo", "borderColor", "emphasis"] }, - "button-danger-bgColor-active": { - "value": "#d03533", + "display-pink-bgColor-muted": { + "value": "#2d1524", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "mix": { - "color": "#f85149", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.red.4}", - "weight": 0.4 } }, - "name": "button-danger-bgColor-active", + "name": "display-pink-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "active"] + "path": ["display", "pink", "bgColor", "muted"] }, - "button-danger-bgColor-disabled": { - "value": "#161b22", + "display-pink-bgColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "button-danger-bgColor-disabled", + "name": "display-pink-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "disabled"] + "path": ["display", "pink", "bgColor", "emphasis"] }, - "button-danger-borderColor-rest": { - "value": "#30363d", + "display-pink-fgColor": { + "value": "#e57bb2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-borderColor-rest", + "name": "display-pink-fgColor", "attributes": {}, - "path": ["button", "danger", "borderColor", "rest"] + "path": ["display", "pink", "fgColor"] }, - "button-danger-borderColor-hover": { - "value": "#f0f6fc1a", + "display-pink-borderColor-muted": { + "value": "#451c35", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.1 + } }, - "name": "button-danger-borderColor-hover", + "name": "display-pink-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "borderColor", "hover"] + "path": ["display", "pink", "borderColor", "muted"] }, - "button-danger-borderColor-active": { - "value": "#f0f6fc1a", + "display-pink-borderColor-emphasis": { + "value": "#d34591", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/color/dark/display-dark.json5", "isSource": true, "original": { - "value": "{button.danger.borderColor.hover}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", + "mode": "light", "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "button-danger-borderColor-active", - "attributes": {}, - "path": ["button", "danger", "borderColor", "active"] - }, - "button-danger-shadow-selected": { - "value": "0px 0px 0px 0px #000000", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/dark.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.transparent}", - "alpha": 0, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-danger-shadow-selected", + "name": "display-pink-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "shadow", "selected"] + "path": ["display", "pink", "borderColor", "emphasis"] }, - "button-inactive-fgColor-rest": { - "value": "#8b949e", + "avatar-bgColor": { + "value": "#ffffff1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, + "alpha": 0.1, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "button-inactive-fgColor-rest", + "name": "avatar-bgColor", "attributes": {}, - "path": ["button", "inactive", "fgColor", "rest"] + "path": ["avatar", "bgColor"] }, - "button-inactive-bgColor-rest": { - "value": "#21262d", + "avatar-borderColor": { + "value": "#ffffff26", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, + "alpha": 0.15, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "button-inactive-bgColor-rest", + "name": "avatar-borderColor", "attributes": {}, - "path": ["button", "inactive", "bgColor", "rest"] + "path": ["avatar", "borderColor"] }, - "buttonCounter-default-bgColor-rest": { - "value": "#30363d", - "$type": "color", + "avatar-shadow": { + "value": "0px 0px 0px 2px #0d1117", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", - "$type": "color", + "value": [ + { + "color": "{base.color.neutral.9}", + "alpha": 1, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "2px" + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "mode": "light", + "group": "component shadow" } } }, - "name": "buttonCounter-default-bgColor-rest", + "name": "avatar-shadow", "attributes": {}, - "path": ["buttonCounter", "default", "bgColor", "rest"] + "path": ["avatar", "shadow"] }, - "buttonCounter-invisible-bgColor-rest": { + "avatarStack-fade-bgColor-default": { "value": "#30363d", "$type": "color", "$extensions": { @@ -4825,11 +4625,10 @@ "scopes": ["bgColor"] } }, - "alpha": 1, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4838,15 +4637,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 1 + } }, - "name": "buttonCounter-invisible-bgColor-rest", + "name": "avatarStack-fade-bgColor-default", "attributes": {}, - "path": ["buttonCounter", "invisible", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "default"] }, - "buttonCounter-primary-bgColor-rest": { - "value": "#04260f33", + "avatarStack-fade-bgColor-muted": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4856,11 +4654,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4869,5750 +4666,11819 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-primary-bgColor-rest", + "name": "avatarStack-fade-bgColor-muted", "attributes": {}, - "path": ["buttonCounter", "primary", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "muted"] }, - "buttonCounter-outline-bgColor-rest": { - "value": "#051d4d33", + "control-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-rest", + "name": "control-bgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "rest"] + "path": ["control", "bgColor", "rest"] }, - "buttonCounter-outline-bgColor-hover": { - "value": "#051d4d33", + "control-bgColor-hover": { + "value": "#292e36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, + "mix": { + "color": "#484f58", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-hover", + "name": "control-bgColor-hover", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "hover"] + "path": ["control", "bgColor", "hover"] }, - "buttonCounter-outline-bgColor-disabled": { - "value": "#1f6feb0d", + "control-bgColor-active": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05, + "mix": { + "color": "#484f58", + "weight": 0.4 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 + } }, - "name": "buttonCounter-outline-bgColor-disabled", + "name": "control-bgColor-active", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "disabled"] + "path": ["control", "bgColor", "active"] }, - "buttonCounter-outline-fgColor-rest": { - "value": "#388bfd", + "control-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "buttonCounter-outline-fgColor-rest", + "name": "control-bgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "rest"] + "path": ["control", "bgColor", "disabled"] }, - "buttonCounter-outline-fgColor-hover": { - "value": "#58a6ff", + "control-bgColor-selected": { + "value": "#161b22", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "buttonCounter-outline-fgColor-hover", + "name": "control-bgColor-selected", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "hover"] + "path": ["control", "bgColor", "selected"] }, - "buttonCounter-outline-fgColor-disabled": { - "value": "#2f81f780", + "control-fgColor-rest": { + "value": "#c9d1d9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-outline-fgColor-disabled", + "name": "control-fgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "disabled"] + "path": ["control", "fgColor", "rest"] }, - "buttonCounter-danger-bgColor-hover": { - "value": "#ffffff33", + "control-fgColor-placeholder": { + "value": "#484f58", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-hover", + "name": "control-fgColor-placeholder", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "hover"] + "path": ["control", "fgColor", "placeholder"] }, - "buttonCounter-danger-bgColor-disabled": { - "value": "#da36330d", + "control-fgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-danger-bgColor-disabled", + "name": "control-fgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "disabled"] + "path": ["control", "fgColor", "disabled"] }, - "buttonCounter-danger-bgColor-rest": { - "value": "#49020233", + "control-borderColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-rest", + "name": "control-borderColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "rest"] + "path": ["control", "borderColor", "rest"] }, - "buttonCounter-danger-fgColor-rest": { - "value": "#f85149", + "control-borderColor-emphasis": { + "value": "#666e79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, + "mix": { + "color": "#484f58", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "buttonCounter-danger-fgColor-rest", + "name": "control-borderColor-emphasis", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "rest"] + "path": ["control", "borderColor", "emphasis"] }, - "buttonCounter-danger-fgColor-hover": { - "value": "#ffffff", + "control-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "buttonCounter-danger-fgColor-hover", + "name": "control-borderColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "hover"] + "path": ["control", "borderColor", "disabled"] }, - "buttonCounter-danger-fgColor-disabled": { - "value": "#f8514980", + "control-borderColor-selected": { + "value": "#f0f6fc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-danger-fgColor-disabled", + "name": "control-borderColor-selected", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "disabled"] + "path": ["control", "borderColor", "selected"] }, - "focus-outlineColor": { - "value": "#1f6feb", + "control-borderColor-success": { + "value": "#238636", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.accent.emphasis}", + "value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "focus-outlineColor", + "name": "control-borderColor-success", "attributes": {}, - "path": ["focus", "outlineColor"] + "path": ["control", "borderColor", "success"] }, - "menu-bgColor-active": { - "value": "#161b22", + "control-borderColor-danger": { + "value": "#da3633", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "menu-bgColor-active", + "name": "control-borderColor-danger", "attributes": {}, - "path": ["menu", "bgColor", "active"] + "path": ["control", "borderColor", "danger"] }, - "overlay-bgColor": { - "value": "#161b22", + "control-borderColor-warning": { + "value": "#9e6a03", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "overlay-bgColor", + "name": "control-borderColor-warning", "attributes": {}, - "path": ["overlay", "bgColor"] + "path": ["control", "borderColor", "warning"] }, - "overlay-backdrop-bgColor": { - "value": "#161b2266", + "control-iconColor-rest": { + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.4, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "overlay-backdrop-bgColor", + "name": "control-iconColor-rest", "attributes": {}, - "path": ["overlay", "backdrop", "bgColor"] + "path": ["control", "iconColor", "rest"] }, - "selectMenu-borderColor": { - "value": "#484f58", + "control-transparent-bgColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "selectMenu-borderColor", + "name": "control-transparent-bgColor-rest", "attributes": {}, - "path": ["selectMenu", "borderColor"] + "path": ["control", "transparent", "bgColor", "rest"] }, - "selectMenu-bgColor-active": { - "value": "#0c2d6b", + "control-transparent-bgColor-hover": { + "value": "#b1bac41f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.12, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.12 }, - "name": "selectMenu-bgColor-active", + "name": "control-transparent-bgColor-hover", "attributes": {}, - "path": ["selectMenu", "bgColor", "active"] + "path": ["control", "transparent", "bgColor", "hover"] }, - "sideNav-bgColor-selected": { - "value": "#21262d", + "control-transparent-bgColor-active": { + "value": "#b1bac433", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } - }, - "name": "sideNav-bgColor-selected", - "attributes": {}, - "path": ["sideNav", "bgColor", "selected"] - }, - "skeletonLoader-bgColor": { - "value": "#161b22", - "$type": "color", - "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", - "isSource": true, - "original": { - "value": "{bgColor.muted}", - "$type": "color" + }, + "alpha": 0.2 }, - "name": "skeletonLoader-bgColor", + "name": "control-transparent-bgColor-active", "attributes": {}, - "path": ["skeletonLoader", "bgColor"] + "path": ["control", "transparent", "bgColor", "active"] }, - "timelineBadge-bgColor": { - "value": "#21262d", + "control-transparent-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "timelineBadge-bgColor", + "name": "control-transparent-bgColor-disabled", "attributes": {}, - "path": ["timelineBadge", "bgColor"] + "path": ["control", "transparent", "bgColor", "disabled"] }, - "treeViewItem-leadingVisual-iconColor-rest": { - "value": "#848d97", + "control-transparent-bgColor-selected": { + "value": "#b1bac414", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.08, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.08 }, - "name": "treeViewItem-leadingVisual-iconColor-rest", + "name": "control-transparent-bgColor-selected", "attributes": {}, - "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] + "path": ["control", "transparent", "bgColor", "selected"] }, - "underlineNav-borderColor-active": { - "value": "#f78166", + "control-transparent-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-active", + "name": "control-transparent-borderColor-rest", "attributes": {}, - "path": ["underlineNav", "borderColor", "active"] + "path": ["control", "transparent", "borderColor", "rest"] }, - "underlineNav-borderColor-hover": { - "value": "#6e768166", + "control-transparent-borderColor-hover": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.neutral.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "underlineNav-borderColor-hover", + "name": "control-transparent-borderColor-hover", "attributes": {}, - "path": ["underlineNav", "borderColor", "hover"] + "path": ["control", "transparent", "borderColor", "hover"] }, - "underlineNav-iconColor-rest": { - "value": "#848d97", + "control-transparent-borderColor-active": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "underlineNav-iconColor-rest", + "name": "control-transparent-borderColor-active", "attributes": {}, - "path": ["underlineNav", "iconColor", "rest"] + "path": ["control", "transparent", "borderColor", "active"] }, - "fgColor-default": { - "value": "#e6edf3", + "control-danger-fgColor-rest": { + "value": "#f85149", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#c9d1d9", - "weight": 0.25 - }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.gray.1}", - "weight": 0.25 } }, - "name": "fgColor-default", + "name": "control-danger-fgColor-rest", "attributes": {}, - "path": ["fgColor", "default"] + "path": ["control", "danger", "fgColor", "rest"] }, - "fgColor-muted": { - "value": "#848d97", + "control-danger-fgColor-hover": { + "value": "#ff7b72", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#6e7681", - "weight": 0.25 - }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.red.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.gray.4}", - "weight": 0.25 } }, - "name": "fgColor-muted", + "name": "control-danger-fgColor-hover", "attributes": {}, - "path": ["fgColor", "muted"] + "path": ["control", "danger", "fgColor", "hover"] }, - "fgColor-onEmphasis": { - "value": "#ffffff", + "control-danger-bgColor-hover": { + "value": "#f851491a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-onEmphasis", + "name": "control-danger-bgColor-hover", "attributes": {}, - "path": ["fgColor", "onEmphasis"] + "path": ["control", "danger", "bgColor", "hover"] }, - "fgColor-disabled": { - "value": "#8b949e", + "control-danger-bgColor-active": { + "value": "#f8514966", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "fgColor-disabled", + "name": "control-danger-bgColor-active", "attributes": {}, - "path": ["fgColor", "disabled"] + "path": ["control", "danger", "bgColor", "active"] }, - "fgColor-link": { - "value": "#2f81f7", + "control-checked-bgColor-rest": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-link", + "name": "control-checked-bgColor-rest", "attributes": {}, - "path": ["fgColor", "link", "@"] + "path": ["control", "checked", "bgColor", "rest"] }, - "fgColor-neutral": { - "value": "#6e7681", + "control-checked-bgColor-hover": { + "value": "#2a7aef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-neutral", + "name": "control-checked-bgColor-hover", "attributes": {}, - "path": ["fgColor", "neutral", "@"] + "path": ["control", "checked", "bgColor", "hover"] }, - "fgColor-accent": { - "value": "#2f81f7", + "control-checked-bgColor-active": { + "value": "#3685f3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "#1f6feb", - "weight": 0.35 + "color": "#58a6ff", + "weight": 0.4 }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, "mix": { - "color": "{base.color.blue.5}", - "weight": 0.35 + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-accent", + "name": "control-checked-bgColor-active", "attributes": {}, - "path": ["fgColor", "accent", "@"] + "path": ["control", "checked", "bgColor", "active"] }, - "fgColor-success": { - "value": "#3fb950", + "control-checked-bgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-success", + "name": "control-checked-bgColor-disabled", "attributes": {}, - "path": ["fgColor", "success", "@"] + "path": ["control", "checked", "bgColor", "disabled"] }, - "fgColor-attention": { - "value": "#d29922", + "control-checked-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-attention", + "name": "control-checked-fgColor-rest", "attributes": {}, - "path": ["fgColor", "attention", "@"] + "path": ["control", "checked", "fgColor", "rest"] }, - "fgColor-severe": { - "value": "#db6d28", + "control-checked-fgColor-disabled": { + "value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-severe", + "name": "control-checked-fgColor-disabled", "attributes": {}, - "path": ["fgColor", "severe", "@"] + "path": ["control", "checked", "fgColor", "disabled"] }, - "fgColor-danger": { - "value": "#f85149", + "control-checked-borderColor-rest": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-danger", + "name": "control-checked-borderColor-rest", "attributes": {}, - "path": ["fgColor", "danger", "@"] + "path": ["control", "checked", "borderColor", "rest"] }, - "fgColor-open": { - "value": "#3fb950", + "control-checked-borderColor-hover": { + "value": "#2a7aef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{fgColor.success.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.2 } }, - "name": "fgColor-open", + "name": "control-checked-borderColor-hover", "attributes": {}, - "path": ["fgColor", "open", "@"] + "path": ["control", "checked", "borderColor", "hover"] }, - "fgColor-closed": { - "value": "#f85149", + "control-checked-borderColor-active": { + "value": "#3685f3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#58a6ff", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.3}", + "weight": 0.4 } }, - "name": "fgColor-closed", + "name": "control-checked-borderColor-active", "attributes": {}, - "path": ["fgColor", "closed", "@"] + "path": ["control", "checked", "borderColor", "active"] }, - "fgColor-done": { - "value": "#a371f7", + "control-checked-borderColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } - } + "group": "component", + "scopes": ["borderColor"] + } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-done", + "name": "control-checked-borderColor-disabled", "attributes": {}, - "path": ["fgColor", "done", "@"] + "path": ["control", "checked", "borderColor", "disabled"] }, - "fgColor-sponsors": { - "value": "#db61a2", + "controlTrack-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "fgColor-sponsors", + "name": "controlTrack-bgColor-rest", "attributes": {}, - "path": ["fgColor", "sponsors", "@"] + "path": ["controlTrack", "bgColor", "rest"] }, - "bgColor-default": { - "value": "#0d1117", + "controlTrack-bgColor-hover": { + "value": "#292e36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#484f58", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "bgColor-default", + "name": "controlTrack-bgColor-hover", "attributes": {}, - "path": ["bgColor", "default"] + "path": ["controlTrack", "bgColor", "hover"] }, - "bgColor-muted": { - "value": "#161b22", + "controlTrack-bgColor-active": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#484f58", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 } }, - "name": "bgColor-muted", + "name": "controlTrack-bgColor-active", "attributes": {}, - "path": ["bgColor", "muted"] + "path": ["controlTrack", "bgColor", "active"] }, - "bgColor-inset": { - "value": "#010409", + "controlTrack-bgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-inset", + "name": "controlTrack-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "inset"] + "path": ["controlTrack", "bgColor", "disabled"] }, - "bgColor-emphasis": { - "value": "#6e7681", + "controlTrack-fgColor-rest": { + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-emphasis", + "name": "controlTrack-fgColor-rest", "attributes": {}, - "path": ["bgColor", "emphasis"] + "path": ["controlTrack", "fgColor", "rest"] }, - "bgColor-inverse": { + "controlTrack-fgColor-disabled": { "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-inverse", + "name": "controlTrack-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "inverse"] + "path": ["controlTrack", "fgColor", "disabled"] }, - "bgColor-disabled": { - "value": "#161b22", + "controlTrack-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-disabled", + "name": "controlTrack-borderColor-rest", "attributes": {}, - "path": ["bgColor", "disabled"] + "path": ["controlTrack", "borderColor", "rest"] }, - "bgColor-transparent": { - "value": "#00000000", + "controlTrack-borderColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-transparent", + "name": "controlTrack-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "transparent"] + "path": ["controlTrack", "borderColor", "disabled"] }, - "bgColor-neutral-muted": { - "value": "#6e768166", + "controlKnob-bgColor-rest": { + "value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "bgColor-neutral-muted", + "name": "controlKnob-bgColor-rest", "attributes": {}, - "path": ["bgColor", "neutral", "muted"] + "path": ["controlKnob", "bgColor", "rest"] }, - "bgColor-neutral-emphasis": { - "value": "#6e7681", + "controlKnob-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "bgColor-neutral-emphasis", + "name": "controlKnob-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "neutral", "emphasis"] + "path": ["controlKnob", "bgColor", "disabled"] }, - "bgColor-accent-muted": { - "value": "#388bfd1a", + "controlKnob-bgColor-checked": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-accent-muted", + "name": "controlKnob-bgColor-checked", "attributes": {}, - "path": ["bgColor", "accent", "muted"] + "path": ["controlKnob", "bgColor", "checked"] }, - "bgColor-accent-emphasis": { - "value": "#1f6feb", + "controlKnob-borderColor-rest": { + "value": "#666e79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-accent-emphasis", + "name": "controlKnob-borderColor-rest", "attributes": {}, - "path": ["bgColor", "accent", "emphasis"] + "path": ["controlKnob", "borderColor", "rest"] }, - "bgColor-success-muted": { - "value": "#2ea04326", + "controlKnob-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-success-muted", + "name": "controlKnob-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "success", "muted"] + "path": ["controlKnob", "borderColor", "disabled"] }, - "bgColor-success-emphasis": { - "value": "#238636", + "controlKnob-borderColor-checked": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-success-emphasis", + "name": "controlKnob-borderColor-checked", "attributes": {}, - "path": ["bgColor", "success", "emphasis"] + "path": ["controlKnob", "borderColor", "checked"] }, - "bgColor-attention-muted": { - "value": "#bb800926", + "counter-borderColor": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-attention-muted", + "name": "counter-borderColor", "attributes": {}, - "path": ["bgColor", "attention", "muted"] + "path": ["counter", "borderColor"] }, - "bgColor-attention-emphasis": { - "value": "#9e6a03", + "button-default-fgColor-rest": { + "value": "#c9d1d9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-attention-emphasis", + "name": "button-default-fgColor-rest", "attributes": {}, - "path": ["bgColor", "attention", "emphasis"] + "path": ["button", "default", "fgColor", "rest"] }, - "bgColor-severe-muted": { - "value": "#db6d281a", + "button-default-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-severe-muted", + "name": "button-default-bgColor-rest", "attributes": {}, - "path": ["bgColor", "severe", "muted"] + "path": ["button", "default", "bgColor", "rest"] }, - "bgColor-severe-emphasis": { - "value": "#bd561d", + "button-default-bgColor-hover": { + "value": "#292e36", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-severe-emphasis", + "name": "button-default-bgColor-hover", "attributes": {}, - "path": ["bgColor", "severe", "emphasis"] + "path": ["button", "default", "bgColor", "hover"] }, - "bgColor-danger-muted": { - "value": "#f851491a", + "button-default-bgColor-active": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-danger-muted", + "name": "button-default-bgColor-active", "attributes": {}, - "path": ["bgColor", "danger", "muted"] + "path": ["button", "default", "bgColor", "active"] }, - "bgColor-danger-emphasis": { - "value": "#da3633", + "button-default-bgColor-selected": { + "value": "#31363e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-emphasis", + "name": "button-default-bgColor-selected", "attributes": {}, - "path": ["bgColor", "danger", "emphasis"] + "path": ["button", "default", "bgColor", "selected"] }, - "bgColor-open-muted": { - "value": "#2ea0431a", + "button-default-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.muted}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-open-muted", + "name": "button-default-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "open", "muted"] + "path": ["button", "default", "bgColor", "disabled"] }, - "bgColor-open-emphasis": { - "value": "#238636", + "button-default-borderColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-open-emphasis", + "name": "button-default-borderColor-rest", "attributes": {}, - "path": ["bgColor", "open", "emphasis"] + "path": ["button", "default", "borderColor", "rest"] }, - "bgColor-closed-muted": { - "value": "#f8514926", + "button-default-borderColor-hover": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-closed-muted", + "name": "button-default-borderColor-hover", "attributes": {}, - "path": ["bgColor", "closed", "muted"] + "path": ["button", "default", "borderColor", "hover"] }, - "bgColor-closed-emphasis": { - "value": "#da3633", + "button-default-borderColor-active": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-emphasis", + "name": "button-default-borderColor-active", "attributes": {}, - "path": ["bgColor", "closed", "emphasis"] + "path": ["button", "default", "borderColor", "active"] }, - "bgColor-done-muted": { - "value": "#a371f726", + "button-default-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "bgColor-done-muted", + "name": "button-default-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "done", "muted"] + "path": ["button", "default", "borderColor", "disabled"] }, - "bgColor-done-emphasis": { - "value": "#8957e5", - "$type": "color", + "button-default-shadow-resting": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "mode": "light", + "group": "component shadow" } } }, - "name": "bgColor-done-emphasis", + "name": "button-default-shadow-resting", "attributes": {}, - "path": ["bgColor", "done", "emphasis"] + "path": ["button", "default", "shadow", "resting"] }, - "bgColor-sponsors-muted": { - "value": "#db61a21a", + "button-primary-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.1, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "bgColor-sponsors-muted", + "name": "button-primary-fgColor-rest", "attributes": {}, - "path": ["bgColor", "sponsors", "muted"] + "path": ["button", "primary", "fgColor", "rest"] }, - "bgColor-sponsors-emphasis": { - "value": "#bf4b8a", + "button-primary-fgColor-disabled": { + "value": "#ffffff66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.4 }, - "name": "bgColor-sponsors-emphasis", + "name": "button-primary-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "sponsors", "emphasis"] + "path": ["button", "primary", "fgColor", "disabled"] }, - "borderColor-default": { - "value": "#30363d", + "button-primary-iconColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-default", + "name": "button-primary-iconColor-rest", "attributes": {}, - "path": ["borderColor", "default"] + "path": ["button", "primary", "iconColor", "rest"] }, - "borderColor-muted": { - "value": "#30363d80", + "button-primary-bgColor-rest": { + "value": "#238636", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "borderColor-muted", + "name": "button-primary-bgColor-rest", "attributes": {}, - "path": ["borderColor", "muted"] + "path": ["button", "primary", "bgColor", "rest"] }, - "borderColor-emphasis": { - "value": "#484f58", + "button-primary-bgColor-hover": { + "value": "#29903b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#3fb950", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.3}", + "weight": 0.2 } }, - "name": "borderColor-emphasis", + "name": "button-primary-bgColor-hover", "attributes": {}, - "path": ["borderColor", "emphasis"] + "path": ["button", "primary", "bgColor", "hover"] }, - "borderColor-disabled": { - "value": "#161b22", + "button-primary-bgColor-active": { + "value": "#2e9a40", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#3fb950", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.3}", + "weight": 0.4 } }, - "name": "borderColor-disabled", + "name": "button-primary-bgColor-active", "attributes": {}, - "path": ["borderColor", "disabled"] + "path": ["button", "primary", "bgColor", "active"] }, - "borderColor-transparent": { - "value": "#00000000", + "button-primary-bgColor-disabled": { + "value": "#105823", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "mix": { + "color": "#033a16", + "weight": 0.6 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.8}", + "weight": 0.6 } }, - "name": "borderColor-transparent", + "name": "button-primary-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "transparent"] + "path": ["button", "primary", "bgColor", "disabled"] }, - "borderColor-neutral-muted": { - "value": "#6e768166", + "button-primary-borderColor-rest": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "alpha": 0.4 + "alpha": 0.1 }, - "name": "borderColor-neutral-muted", + "name": "button-primary-borderColor-rest", "attributes": {}, - "path": ["borderColor", "neutral", "muted"] + "path": ["button", "primary", "borderColor", "rest"] }, - "borderColor-neutral-emphasis": { - "value": "#6e7681", + "button-primary-borderColor-hover": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "borderColor-neutral-emphasis", + "name": "button-primary-borderColor-hover", "attributes": {}, - "path": ["borderColor", "neutral", "emphasis"] + "path": ["button", "primary", "borderColor", "hover"] }, - "borderColor-accent-muted": { - "value": "#388bfd66", + "button-primary-borderColor-active": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-accent-muted", + "name": "button-primary-borderColor-active", "attributes": {}, - "path": ["borderColor", "accent", "muted"] + "path": ["button", "primary", "borderColor", "active"] }, - "borderColor-accent-emphasis": { - "value": "#1f6feb", + "button-primary-borderColor-disabled": { + "value": "#105823", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{button.primary.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-accent-emphasis", + "name": "button-primary-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "accent", "emphasis"] + "path": ["button", "primary", "borderColor", "disabled"] }, - "borderColor-success-muted": { - "value": "#2ea04366", - "$type": "color", + "button-primary-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "mode": "light", + "group": "component shadow" } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "mode": "light", + "group": "component shadow" } - }, - "alpha": 0.4 + } }, - "name": "borderColor-success-muted", + "name": "button-primary-shadow-selected", "attributes": {}, - "path": ["borderColor", "success", "muted"] + "path": ["button", "primary", "shadow", "selected"] }, - "borderColor-success-emphasis": { - "value": "#238636", + "button-invisible-fgColor-rest": { + "value": "#4493f8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-success-emphasis", + "name": "button-invisible-fgColor-rest", "attributes": {}, - "path": ["borderColor", "success", "emphasis"] + "path": ["button", "invisible", "fgColor", "rest"] }, - "borderColor-attention-muted": { - "value": "#bb800966", + "button-invisible-fgColor-hover": { + "value": "#58a6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-attention-muted", + "name": "button-invisible-fgColor-hover", "attributes": {}, - "path": ["borderColor", "attention", "muted"] + "path": ["button", "invisible", "fgColor", "hover"] }, - "borderColor-attention-emphasis": { - "value": "#9e6a03", + "button-invisible-fgColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-attention-emphasis", + "name": "button-invisible-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "attention", "emphasis"] + "path": ["button", "invisible", "fgColor", "disabled"] }, - "borderColor-severe-muted": { - "value": "#db6d2866", + "button-invisible-iconColor-rest": { + "value": "#8d96a0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-severe-muted", + "name": "button-invisible-iconColor-rest", "attributes": {}, - "path": ["borderColor", "severe", "muted"] + "path": ["button", "invisible", "iconColor", "rest"] }, - "borderColor-severe-emphasis": { - "value": "#bd561d", + "button-invisible-iconColor-hover": { + "value": "#e6edf3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-severe-emphasis", + "name": "button-invisible-iconColor-hover", "attributes": {}, - "path": ["borderColor", "severe", "emphasis"] + "path": ["button", "invisible", "iconColor", "hover"] }, - "borderColor-danger-muted": { - "value": "#f8514966", + "button-invisible-iconColor-disabled": { + "value": "#6e7681", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-danger-muted", + "name": "button-invisible-iconColor-disabled", "attributes": {}, - "path": ["borderColor", "danger", "muted"] + "path": ["button", "invisible", "iconColor", "disabled"] }, - "borderColor-danger-emphasis": { - "value": "#da3633", + "button-invisible-bgColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-danger-emphasis", + "name": "button-invisible-bgColor-rest", "attributes": {}, - "path": ["borderColor", "danger", "emphasis"] + "path": ["button", "invisible", "bgColor", "rest"] }, - "borderColor-open-muted": { - "value": "#2ea04366", + "button-invisible-bgColor-hover": { + "value": "#b1bac41f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.success.muted}", + "value": "{control.transparent.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-muted", + "name": "button-invisible-bgColor-hover", "attributes": {}, - "path": ["borderColor", "open", "muted"] + "path": ["button", "invisible", "bgColor", "hover"] }, - "borderColor-open-emphasis": { - "value": "#238636", + "button-invisible-bgColor-active": { + "value": "#b1bac433", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{control.transparent.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-emphasis", + "name": "button-invisible-bgColor-active", "attributes": {}, - "path": ["borderColor", "open", "emphasis"] + "path": ["button", "invisible", "bgColor", "active"] }, - "borderColor-closed-muted": { - "value": "#f8514966", + "button-invisible-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{control.transparent.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-closed-muted", + "name": "button-invisible-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "closed", "muted"] + "path": ["button", "invisible", "bgColor", "disabled"] }, - "borderColor-closed-emphasis": { - "value": "#da3633", + "button-invisible-borderColor-rest": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-closed-emphasis", + "name": "button-invisible-borderColor-rest", "attributes": {}, - "path": ["borderColor", "closed", "emphasis"] + "path": ["button", "invisible", "borderColor", "rest"] }, - "borderColor-done-muted": { - "value": "#a371f766", + "button-invisible-borderColor-hover": { + "value": "#00000000", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-done-muted", + "name": "button-invisible-borderColor-hover", "attributes": {}, - "path": ["borderColor", "done", "muted"] + "path": ["button", "invisible", "borderColor", "hover"] }, - "borderColor-done-emphasis": { - "value": "#8957e5", + "button-invisible-borderColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-done-emphasis", + "name": "button-invisible-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "done", "emphasis"] + "path": ["button", "invisible", "borderColor", "disabled"] }, - "borderColor-sponsors-muted": { - "value": "#db61a266", + "button-outline-fgColor-rest": { + "value": "#388bfd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-sponsors-muted", + "name": "button-outline-fgColor-rest", "attributes": {}, - "path": ["borderColor", "sponsors", "muted"] + "path": ["button", "outline", "fgColor", "rest"] }, - "borderColor-sponsors-emphasis": { - "value": "#bf4b8a", + "button-outline-fgColor-hover": { + "value": "#58a6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-sponsors-emphasis", + "name": "button-outline-fgColor-hover", "attributes": {}, - "path": ["borderColor", "sponsors", "emphasis"] + "path": ["button", "outline", "fgColor", "hover"] }, - "color-ansi-black": { - "value": "#484f58", + "button-outline-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black", + "name": "button-outline-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "black"] + "path": ["button", "outline", "fgColor", "active"] }, - "color-ansi-black-bright": { - "value": "#6e7681", + "button-outline-fgColor-disabled": { + "value": "#4493f880", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-black-bright", + "name": "button-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "black-bright"] + "path": ["button", "outline", "fgColor", "disabled"] }, - "color-ansi-white": { - "value": "#b1bac4", + "button-outline-bgColor-rest": { + "value": "#f0f6fc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white", + "name": "button-outline-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "white"] + "path": ["button", "outline", "bgColor", "rest"] }, - "color-ansi-white-bright": { - "value": "#ffffff", + "button-outline-bgColor-hover": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white-bright", + "name": "button-outline-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "white-bright"] + "path": ["button", "outline", "bgColor", "hover"] }, - "color-ansi-gray": { - "value": "#6e7681", + "button-outline-bgColor-active": { + "value": "#0d419d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.blue.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-gray", + "name": "button-outline-bgColor-active", "attributes": {}, - "path": ["color", "ansi", "gray"] + "path": ["button", "outline", "bgColor", "active"] }, - "color-ansi-red": { - "value": "#ff7b72", + "button-outline-bgColor-disabled": { + "value": "#0d1117", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" - } + "group": "component (internal)", + "scopes": ["bgColor"] + } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-red", + "name": "button-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "red"] + "path": ["button", "outline", "bgColor", "disabled"] }, - "color-ansi-red-bright": { - "value": "#ffa198", + "button-outline-borderColor-hover": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-ansi-red-bright", + "name": "button-outline-borderColor-hover", "attributes": {}, - "path": ["color", "ansi", "red-bright"] + "path": ["button", "outline", "borderColor", "hover"] }, - "color-ansi-green": { - "value": "#3fb950", + "button-outline-borderColor-selected": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-ansi-green", + "name": "button-outline-borderColor-selected", "attributes": {}, - "path": ["color", "ansi", "green"] + "path": ["button", "outline", "borderColor", "selected"] }, - "color-ansi-green-bright": { - "value": "#56d364", - "$type": "color", + "button-outline-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.green.2}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-ansi-green-bright", + "name": "button-outline-shadow-selected", "attributes": {}, - "path": ["color", "ansi", "green-bright"] + "path": ["button", "outline", "shadow", "selected"] }, - "color-ansi-yellow": { - "value": "#d29922", + "button-danger-fgColor-rest": { + "value": "#f85149", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow", + "name": "button-danger-fgColor-rest", "attributes": {}, - "path": ["color", "ansi", "yellow"] + "path": ["button", "danger", "fgColor", "rest"] }, - "color-ansi-yellow-bright": { - "value": "#e3b341", + "button-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow-bright", + "name": "button-danger-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "yellow-bright"] + "path": ["button", "danger", "fgColor", "hover"] }, - "color-ansi-blue": { - "value": "#58a6ff", + "button-danger-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue", + "name": "button-danger-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "blue"] + "path": ["button", "danger", "fgColor", "active"] }, - "color-ansi-blue-bright": { - "value": "#79c0ff", + "button-danger-fgColor-disabled": { + "value": "#f8514980", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-blue-bright", + "name": "button-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "blue-bright"] + "path": ["button", "danger", "fgColor", "disabled"] }, - "color-ansi-magenta": { - "value": "#bc8cff", + "button-danger-iconColor-rest": { + "value": "#f85149", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta", + "name": "button-danger-iconColor-rest", "attributes": {}, - "path": ["color", "ansi", "magenta"] + "path": ["button", "danger", "iconColor", "rest"] }, - "color-ansi-magenta-bright": { - "value": "#d2a8ff", + "button-danger-iconColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta-bright", + "name": "button-danger-iconColor-hover", "attributes": {}, - "path": ["color", "ansi", "magenta-bright"] + "path": ["button", "danger", "iconColor", "hover"] }, - "color-ansi-cyan": { - "value": "#39c5cf", + "button-danger-bgColor-rest": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "#39c5cf", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan", + "name": "button-danger-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "cyan"] + "path": ["button", "danger", "bgColor", "rest"] }, - "color-ansi-cyan-bright": { - "value": "#56d4dd", + "button-danger-bgColor-hover": { + "value": "#b62324", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "#56d4dd", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan-bright", + "name": "button-danger-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "cyan-bright"] + "path": ["button", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-comment": { - "value": "#8b949e", + "button-danger-bgColor-active": { + "value": "#d03533", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "mix": { + "color": "#f85149", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.red.4}", + "weight": 0.4 } }, - "name": "color-prettylights-syntax-comment", + "name": "button-danger-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "comment"] + "path": ["button", "danger", "bgColor", "active"] }, - "color-prettylights-syntax-constant": { - "value": "#79c0ff", + "button-danger-bgColor-disabled": { + "value": "#21262db3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-constant", + "name": "button-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant"] + "path": ["button", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-constant-other-reference-link": { - "value": "#a5d6ff", + "button-danger-borderColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-constant-other-reference-link", + "name": "button-danger-borderColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + "path": ["button", "danger", "borderColor", "rest"] }, - "color-prettylights-syntax-entity": { - "value": "#d2a8ff", + "button-danger-borderColor-hover": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-entity", + "name": "button-danger-borderColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity"] + "path": ["button", "danger", "borderColor", "hover"] }, - "color-prettylights-syntax-storage-modifier-import": { - "value": "#c9d1d9", + "button-danger-borderColor-active": { + "value": "#f0f6fc1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-storage-modifier-import", + "name": "button-danger-borderColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + "path": ["button", "danger", "borderColor", "active"] }, - "color-prettylights-syntax-entity-tag": { - "value": "#7ee787", - "$type": "color", + "button-danger-shadow-selected": { + "value": "0px 0px 0px 0px #000000", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", - "$type": "color", + "value": [ + { + "color": "{base.color.transparent}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component shadow" } } }, - "name": "color-prettylights-syntax-entity-tag", + "name": "button-danger-shadow-selected", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity-tag"] + "path": ["button", "danger", "shadow", "selected"] }, - "color-prettylights-syntax-keyword": { - "value": "#ff7b72", + "button-inactive-fgColor": { + "value": "#8b949e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-keyword", + "name": "button-inactive-fgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "keyword"] + "path": ["button", "inactive", "fgColor"] }, - "color-prettylights-syntax-string": { - "value": "#a5d6ff", + "button-inactive-bgColor": { + "value": "#21262d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "dark", - "group": "syntax" + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-string", + "name": "button-inactive-bgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string"] + "path": ["button", "inactive", "bgColor"] }, - "color-prettylights-syntax-variable": { - "value": "#ffa657", + "button-star-iconColor": { + "value": "#e3b341", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-variable", + "name": "button-star-iconColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "variable"] + "path": ["button", "star", "iconColor"] }, - "color-prettylights-syntax-brackethighlighter-unmatched": { - "value": "#f85149", + "buttonCounter-default-bgColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "name": "buttonCounter-default-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + "path": ["buttonCounter", "default", "bgColor", "rest"] }, - "color-prettylights-syntax-brackethighlighter-angle": { - "value": "#8b949e", + "buttonCounter-invisible-bgColor-rest": { + "value": "#30363d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 1, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 1 }, - "name": "color-prettylights-syntax-brackethighlighter-angle", + "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + "path": ["buttonCounter", "invisible", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-text": { - "value": "#f0f6fc", + "buttonCounter-primary-bgColor-rest": { + "value": "#04260f33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-text", + "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + "path": ["buttonCounter", "primary", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-bg": { - "value": "#8e1519", + "buttonCounter-outline-bgColor-rest": { + "value": "#051d4d33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-bg", + "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-text": { - "value": "#f0f6fc", + "buttonCounter-outline-bgColor-hover": { + "value": "#051d4d33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-carriage-return-text", + "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + "path": ["buttonCounter", "outline", "bgColor", "hover"] }, - "color-prettylights-syntax-carriage-return-bg": { - "value": "#b62324", + "buttonCounter-outline-bgColor-disabled": { + "value": "#1f6feb0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-carriage-return-bg", + "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "disabled"] }, - "color-prettylights-syntax-string-regexp": { - "value": "#7ee787", + "buttonCounter-outline-fgColor-rest": { + "value": "#388bfd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-string-regexp", + "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string-regexp"] + "path": ["buttonCounter", "outline", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-list": { - "value": "#f2cc60", + "buttonCounter-outline-fgColor-hover": { + "value": "#58a6ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-list", + "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "list"] + "path": ["buttonCounter", "outline", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-heading": { - "value": "#1f6feb", + "buttonCounter-outline-fgColor-disabled": { + "value": "#4493f880", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-heading", + "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "heading"] + "path": ["buttonCounter", "outline", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-italic": { - "value": "#c9d1d9", + "buttonCounter-danger-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-italic", + "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "italic"] + "path": ["buttonCounter", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-bold": { - "value": "#c9d1d9", + "buttonCounter-danger-bgColor-disabled": { + "value": "#da36330d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-markup-bold", + "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "bold"] + "path": ["buttonCounter", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-deleted-text": { - "value": "#ffdcd7", + "buttonCounter-danger-bgColor-rest": { + "value": "#49020233", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.color.red.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-deleted-text", + "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + "path": ["buttonCounter", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-deleted-bg": { - "value": "#67060c", + "buttonCounter-danger-fgColor-rest": { + "value": "#f85149", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-deleted-bg", + "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-text": { - "value": "#aff5b4", + "buttonCounter-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-inserted-text", + "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + "path": ["buttonCounter", "danger", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-inserted-bg": { - "value": "#033a16", + "buttonCounter-danger-fgColor-disabled": { + "value": "#f8514980", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.8}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-inserted-bg", + "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-changed-text": { - "value": "#ffdfb6", + "reactionButton-selected-bgColor-rest": { + "value": "#388bfd33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-text", + "name": "reactionButton-selected-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] + "path": ["reactionButton", "selected", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-changed-bg": { - "value": "#5a1e02", + "reactionButton-selected-bgColor-hover": { + "value": "#3a8cfd33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "mix": { + "color": "#79c0ff", + "weight": 0.2 + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{reactionButton.selected.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.2 + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-changed-bg", + "name": "reactionButton-selected-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] + "path": ["reactionButton", "selected", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-ignored-text": { - "value": "#c9d1d9", + "reactionButton-selected-fgColor-rest": { + "value": "#4493f8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{fgColor.link.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-text", + "name": "reactionButton-selected-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] + "path": ["reactionButton", "selected", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-ignored-bg": { - "value": "#1158c7", + "reactionButton-selected-fgColor-hover": { + "value": "#79c0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-bg", + "name": "reactionButton-selected-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] + "path": ["reactionButton", "selected", "fgColor", "hover"] }, - "color-prettylights-syntax-meta-diff-range": { - "value": "#d2a8ff", + "focus-outlineColor": { + "value": "#1f6feb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{borderColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-meta-diff-range", + "name": "focus-outlineColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] + "path": ["focus", "outlineColor"] }, - "color-prettylights-syntax-sublimelinter-gutter-mark": { - "value": "#484f58", + "menu-bgColor-active": { + "value": "#161b22", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "dark", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-sublimelinter-gutter-mark", + "name": "menu-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] + "path": ["menu", "bgColor", "active"] }, - "color-scale-black": { - "value": "#010409", + "overlay-bgColor": { + "value": "#161b22", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-black", + "name": "overlay-bgColor", "attributes": {}, - "path": ["color", "scale", "black"] + "path": ["overlay", "bgColor"] }, - "color-scale-transparent": { - "value": "#00000000", + "overlay-borderColor": { + "value": "#30363db3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{borderColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)" + } + } }, - "name": "color-scale-transparent", + "name": "overlay-borderColor", "attributes": {}, - "path": ["color", "scale", "transparent"] + "path": ["overlay", "borderColor"] }, - "color-scale-white": { - "value": "#ffffff", + "overlay-backdrop-bgColor": { + "value": "#161b2266", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 }, - "name": "color-scale-white", + "name": "overlay-backdrop-bgColor", "attributes": {}, - "path": ["color", "scale", "white"] + "path": ["overlay", "backdrop", "bgColor"] }, - "color-scale-gray-0": { - "value": "#f0f6fc", + "selectMenu-borderColor": { + "value": "#484f58", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-0", + "name": "selectMenu-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "0"] + "path": ["selectMenu", "borderColor"] }, - "color-scale-gray-1": { - "value": "#c9d1d9", + "selectMenu-bgColor-active": { + "value": "#0c2d6b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-1", + "name": "selectMenu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "1"] + "path": ["selectMenu", "bgColor", "active"] }, - "color-scale-gray-2": { - "value": "#b1bac4", + "sideNav-bgColor-selected": { + "value": "#21262d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-2", + "name": "sideNav-bgColor-selected", "attributes": {}, - "path": ["color", "scale", "gray", "2"] + "path": ["sideNav", "bgColor", "selected"] }, - "color-scale-gray-3": { - "value": "#8b949e", + "skeletonLoader-bgColor": { + "value": "#161b22", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": "{bgColor.muted}", + "$type": "color" }, - "name": "color-scale-gray-3", + "name": "skeletonLoader-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "3"] + "path": ["skeletonLoader", "bgColor"] }, - "color-scale-gray-4": { - "value": "#6e7681", + "timelineBadge-bgColor": { + "value": "#21262d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.neutral.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-4", + "name": "timelineBadge-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "4"] + "path": ["timelineBadge", "bgColor"] }, - "color-scale-gray-5": { - "value": "#484f58", + "treeViewItem-leadingVisual-iconColor-rest": { + "value": "#8d96a0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-5", + "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "5"] + "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] }, - "color-scale-gray-6": { - "value": "#30363d", + "underlineNav-borderColor-active": { + "value": "#f78166", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.coral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-6", + "name": "underlineNav-borderColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "6"] + "path": ["underlineNav", "borderColor", "active"] }, - "color-scale-gray-7": { - "value": "#21262d", + "underlineNav-borderColor-hover": { + "value": "#6e768166", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{borderColor.neutral.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-7", + "name": "underlineNav-borderColor-hover", "attributes": {}, - "path": ["color", "scale", "gray", "7"] + "path": ["underlineNav", "borderColor", "hover"] }, - "color-scale-gray-8": { - "value": "#161b22", + "underlineNav-iconColor-rest": { + "value": "#8d96a0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-gray-8", + "name": "underlineNav-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "8"] + "path": ["underlineNav", "iconColor", "rest"] }, - "color-scale-gray-9": { - "value": "#0d1117", + "selection-bgColor": { + "value": "#1f6febb3", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{bgColor.accent.emphasis}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 }, - "name": "color-scale-gray-9", + "name": "selection-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "9"] + "path": ["selection", "bgColor"] }, - "color-scale-blue-0": { - "value": "#cae8ff", + "card-bgColor": { + "value": "#161b22", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{bgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-0", + "name": "card-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "0"] + "path": ["card", "bgColor"] }, - "color-scale-blue-1": { - "value": "#a5d6ff", + "label-green-bgColor-rest": { + "value": "#122117", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.display.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-1", + "name": "label-green-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "1"] + "path": ["label", "green", "bgColor", "rest"] }, - "color-scale-blue-2": { - "value": "#79c0ff", + "label-green-bgColor-hover": { + "value": "#182f1f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{base.display.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-2", + "name": "label-green-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "2"] + "path": ["label", "green", "bgColor", "hover"] }, - "color-scale-blue-3": { - "value": "#58a6ff", + "label-green-bgColor-active": { + "value": "#214529", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-3", + "name": "label-green-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "3"] + "path": ["label", "green", "bgColor", "active"] }, - "color-scale-blue-4": { - "value": "#388bfd", + "label-green-fgColor-rest": { + "value": "#41b445", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-4", + "name": "label-green-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "4"] + "path": ["label", "green", "fgColor", "rest"] }, - "color-scale-blue-5": { - "value": "#1f6feb", + "label-green-fgColor-hover": { + "value": "#46c144", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.green.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-5", + "name": "label-green-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "5"] + "path": ["label", "green", "fgColor", "hover"] }, - "color-scale-blue-6": { - "value": "#1158c7", + "label-green-fgColor-active": { + "value": "#75d36f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-6", + "name": "label-green-fgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "6"] + "path": ["label", "green", "fgColor", "active"] }, - "color-scale-blue-7": { - "value": "#0d419d", + "label-orange-bgColor-rest": { + "value": "#311708", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-7", + "name": "label-orange-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "7"] + "path": ["label", "orange", "bgColor", "rest"] }, - "color-scale-blue-8": { - "value": "#0c2d6b", + "label-orange-bgColor-hover": { + "value": "#43200a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-8", + "name": "label-orange-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "8"] + "path": ["label", "orange", "bgColor", "hover"] }, - "color-scale-blue-9": { - "value": "#051d4d", + "label-orange-bgColor-active": { + "value": "#632f0d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-9", + "name": "label-orange-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "9"] + "path": ["label", "orange", "bgColor", "active"] }, - "color-scale-green-0": { - "value": "#aff5b4", + "label-orange-fgColor-rest": { + "value": "#ed8326", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.green.0}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } }, - "name": "color-scale-green-0", - "attributes": {}, - "path": ["color", "scale", "green", "0"] - }, - "color-scale-green-1": { - "value": "#7ee787", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", + "value": "{base.display.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-1", + "name": "label-orange-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "1"] + "path": ["label", "orange", "fgColor", "rest"] }, - "color-scale-green-2": { - "value": "#56d364", + "label-orange-fgColor-hover": { + "value": "#f1933b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.2}", + "value": "{base.display.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-2", + "name": "label-orange-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "2"] + "path": ["label", "orange", "fgColor", "hover"] }, - "color-scale-green-3": { - "value": "#3fb950", + "label-orange-fgColor-active": { + "value": "#f6b06a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{base.display.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-3", + "name": "label-orange-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "3"] + "path": ["label", "orange", "fgColor", "active"] }, - "color-scale-green-4": { - "value": "#2ea043", + "label-purple-bgColor-rest": { + "value": "#211047", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{base.display.color.purple.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-4", + "name": "label-purple-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "4"] + "path": ["label", "purple", "bgColor", "rest"] }, - "color-scale-green-5": { - "value": "#238636", + "label-purple-bgColor-hover": { + "value": "#31146b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{base.display.color.purple.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-5", + "name": "label-purple-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "5"] + "path": ["label", "purple", "bgColor", "hover"] }, - "color-scale-green-6": { - "value": "#196c2e", + "label-purple-bgColor-active": { + "value": "#481a9e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{base.display.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-6", + "name": "label-purple-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "6"] + "path": ["label", "purple", "bgColor", "active"] }, - "color-scale-green-7": { - "value": "#0f5323", + "label-purple-fgColor-rest": { + "value": "#b687f7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.7}", + "value": "{base.display.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-7", + "name": "label-purple-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "7"] + "path": ["label", "purple", "fgColor", "rest"] }, - "color-scale-green-8": { - "value": "#033a16", + "label-purple-fgColor-hover": { + "value": "#c398fb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.8}", + "value": "{base.display.color.purple.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-8", + "name": "label-purple-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "8"] + "path": ["label", "purple", "fgColor", "hover"] }, - "color-scale-green-9": { - "value": "#04260f", + "label-purple-fgColor-active": { + "value": "#d2affd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", + "value": "{base.display.color.purple.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-9", + "name": "label-purple-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "9"] + "path": ["label", "purple", "fgColor", "active"] }, - "color-scale-yellow-0": { - "value": "#f8e3a1", + "label-red-bgColor-rest": { + "value": "#3c0614", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{base.display.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-0", + "name": "label-red-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "0"] + "path": ["label", "red", "bgColor", "rest"] }, - "color-scale-yellow-1": { - "value": "#f2cc60", + "label-red-bgColor-hover": { + "value": "#58091a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.display.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-1", + "name": "label-red-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "1"] + "path": ["label", "red", "bgColor", "hover"] }, - "color-scale-yellow-2": { - "value": "#e3b341", + "label-red-bgColor-active": { + "value": "#790c20", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.display.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-2", + "name": "label-red-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "2"] + "path": ["label", "red", "bgColor", "active"] }, - "color-scale-yellow-3": { - "value": "#d29922", + "label-red-fgColor-rest": { + "value": "#f27d83", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.display.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-3", + "name": "label-red-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "3"] + "path": ["label", "red", "fgColor", "rest"] }, - "color-scale-yellow-4": { - "value": "#bb8009", + "label-red-fgColor-hover": { + "value": "#f48b8d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.display.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-yellow-4", - "attributes": {}, - "path": ["color", "scale", "yellow", "4"] - }, - "color-scale-yellow-5": { - "value": "#9e6a03", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.yellow.5}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-5", + "name": "label-red-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "5"] + "path": ["label", "red", "fgColor", "hover"] }, - "color-scale-yellow-6": { - "value": "#845306", + "label-red-fgColor-active": { + "value": "#f7adab", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.6}", + "value": "{base.display.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-6", + "name": "label-red-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "6"] + "path": ["label", "red", "fgColor", "active"] }, - "color-scale-yellow-7": { - "value": "#693e00", + "label-yellow-bgColor-rest": { + "value": "#2e1a00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{base.display.color.yellow.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-7", + "name": "label-yellow-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "7"] + "path": ["label", "yellow", "bgColor", "rest"] }, - "color-scale-yellow-8": { - "value": "#4b2900", + "label-yellow-bgColor-hover": { + "value": "#3d2401", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", + "value": "{base.display.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-8", + "name": "label-yellow-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "8"] + "path": ["label", "yellow", "bgColor", "hover"] }, - "color-scale-yellow-9": { - "value": "#341a00", + "label-yellow-bgColor-active": { + "value": "#5a3702", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.display.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-9", + "name": "label-yellow-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "9"] + "path": ["label", "yellow", "bgColor", "active"] }, - "color-scale-orange-0": { - "value": "#ffdfb6", + "label-yellow-fgColor-rest": { + "value": "#d3910d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.display.color.yellow.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-0", + "name": "label-yellow-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "0"] + "path": ["label", "yellow", "fgColor", "rest"] }, - "color-scale-orange-1": { - "value": "#ffc680", + "label-yellow-fgColor-hover": { + "value": "#df9e11", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.display.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-1", + "name": "label-yellow-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "1"] + "path": ["label", "yellow", "fgColor", "hover"] }, - "color-scale-orange-2": { - "value": "#ffa657", + "label-yellow-fgColor-active": { + "value": "#edb431", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.display.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-2", + "name": "label-yellow-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "2"] + "path": ["label", "yellow", "fgColor", "active"] }, - "color-scale-orange-3": { - "value": "#f0883e", + "label-gray-bgColor-rest": { + "value": "#1c1c1c", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.display.color.gray.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-3", + "name": "label-gray-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "3"] + "path": ["label", "gray", "bgColor", "rest"] }, - "color-scale-orange-4": { - "value": "#db6d28", + "label-gray-bgColor-hover": { + "value": "#2a2b2d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.display.color.gray.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-4", + "name": "label-gray-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "4"] + "path": ["label", "gray", "bgColor", "hover"] }, - "color-scale-orange-5": { - "value": "#bd561d", + "label-gray-bgColor-active": { + "value": "#393d41", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{base.display.color.gray.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-5", + "name": "label-gray-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "5"] + "path": ["label", "gray", "bgColor", "active"] }, - "color-scale-orange-6": { - "value": "#9b4215", + "label-gray-fgColor-rest": { + "value": "#92a1b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.gray.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-6", + "name": "label-gray-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "6"] + "path": ["label", "gray", "fgColor", "rest"] }, - "color-scale-orange-7": { - "value": "#762d0a", + "label-gray-fgColor-hover": { + "value": "#9babbf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.display.color.gray.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-7", + "name": "label-gray-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "7"] + "path": ["label", "gray", "fgColor", "hover"] }, - "color-scale-orange-8": { - "value": "#5a1e02", + "label-gray-fgColor-active": { + "value": "#b3c0d1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{base.display.color.gray.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-8", + "name": "label-gray-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "8"] + "path": ["label", "gray", "fgColor", "active"] }, - "color-scale-orange-9": { - "value": "#3d1300", + "label-auburn-bgColor-rest": { + "value": "#271817", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.orange.9}", + "value": "{base.display.color.auburn.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-orange-9", - "attributes": {}, - "path": ["color", "scale", "orange", "9"] - }, - "color-scale-red-0": { - "value": "#ffdcd7", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.red.0}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-0", + "name": "label-auburn-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "0"] + "path": ["label", "auburn", "bgColor", "rest"] }, - "color-scale-red-1": { - "value": "#ffc1ba", + "label-auburn-bgColor-hover": { + "value": "#3a2422", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.1}", + "value": "{base.display.color.auburn.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-1", + "name": "label-auburn-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "1"] + "path": ["label", "auburn", "bgColor", "hover"] }, - "color-scale-red-2": { - "value": "#ffa198", + "label-auburn-bgColor-active": { + "value": "#543331", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.display.color.auburn.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-2", + "name": "label-auburn-bgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "2"] + "path": ["label", "auburn", "bgColor", "active"] }, - "color-scale-red-3": { - "value": "#ff7b72", + "label-auburn-fgColor-rest": { + "value": "#bf9592", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.display.color.auburn.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-3", + "name": "label-auburn-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "3"] + "path": ["label", "auburn", "fgColor", "rest"] }, - "color-scale-red-4": { - "value": "#f85149", + "label-auburn-fgColor-hover": { + "value": "#c6a19f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.display.color.auburn.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-4", + "name": "label-auburn-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "4"] + "path": ["label", "auburn", "fgColor", "hover"] }, - "color-scale-red-5": { - "value": "#da3633", + "label-auburn-fgColor-active": { + "value": "#d4b7b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.display.color.auburn.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-5", + "name": "label-auburn-fgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "5"] + "path": ["label", "auburn", "fgColor", "active"] }, - "color-scale-red-6": { - "value": "#b62324", + "label-brown-bgColor-rest": { + "value": "#241c14", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.brown.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-6", + "name": "label-brown-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "6"] + "path": ["label", "brown", "bgColor", "rest"] }, - "color-scale-red-7": { - "value": "#8e1519", + "label-brown-bgColor-hover": { + "value": "#342a1d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.display.color.brown.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-7", + "name": "label-brown-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "7"] + "path": ["label", "brown", "bgColor", "hover"] }, - "color-scale-red-8": { - "value": "#67060c", + "label-brown-bgColor-active": { + "value": "#483a28", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{base.display.color.brown.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-8", + "name": "label-brown-bgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "8"] + "path": ["label", "brown", "bgColor", "active"] }, - "color-scale-red-9": { - "value": "#490202", + "label-brown-fgColor-rest": { + "value": "#b69a6d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{base.display.color.brown.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-9", + "name": "label-brown-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "9"] + "path": ["label", "brown", "fgColor", "rest"] }, - "color-scale-purple-0": { - "value": "#eddeff", + "label-brown-fgColor-hover": { + "value": "#bfa77d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{base.display.color.brown.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-0", + "name": "label-brown-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "0"] + "path": ["label", "brown", "fgColor", "hover"] }, - "color-scale-purple-1": { - "value": "#e2c5ff", + "label-brown-fgColor-active": { + "value": "#cdbb98", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.1}", + "value": "{base.display.color.brown.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-1", + "name": "label-brown-fgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "1"] + "path": ["label", "brown", "fgColor", "active"] }, - "color-scale-purple-2": { - "value": "#d2a8ff", + "label-lemon-bgColor-rest": { + "value": "#291d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.display.color.lemon.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-2", + "name": "label-lemon-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "2"] + "path": ["label", "lemon", "bgColor", "rest"] }, - "color-scale-purple-3": { - "value": "#bc8cff", + "label-lemon-bgColor-hover": { + "value": "#372901", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{base.display.color.lemon.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-3", + "name": "label-lemon-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "3"] + "path": ["label", "lemon", "bgColor", "hover"] }, - "color-scale-purple-4": { - "value": "#a371f7", + "label-lemon-bgColor-active": { + "value": "#4f3c02", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.purple.4}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } }, - "name": "color-scale-purple-4", - "attributes": {}, - "path": ["color", "scale", "purple", "4"] - }, - "color-scale-purple-5": { - "value": "#8957e5", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.display.color.lemon.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-5", + "name": "label-lemon-bgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "5"] + "path": ["label", "lemon", "bgColor", "active"] }, - "color-scale-purple-6": { - "value": "#6e40c9", + "label-lemon-fgColor-rest": { + "value": "#ba9b12", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{base.display.color.lemon.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-6", + "name": "label-lemon-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "6"] + "path": ["label", "lemon", "fgColor", "rest"] }, - "color-scale-purple-7": { - "value": "#553098", + "label-lemon-fgColor-hover": { + "value": "#c4a717", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.7}", + "value": "{base.display.color.lemon.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-7", + "name": "label-lemon-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "7"] + "path": ["label", "lemon", "fgColor", "hover"] }, - "color-scale-purple-8": { - "value": "#3c1e70", + "label-lemon-fgColor-active": { + "value": "#d7bc1d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.8}", + "value": "{base.display.color.lemon.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-8", + "name": "label-lemon-fgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "8"] + "path": ["label", "lemon", "fgColor", "active"] }, - "color-scale-purple-9": { - "value": "#271052", + "label-olive-bgColor-rest": { + "value": "#171e0b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.purple.9}", + "value": "{base.display.color.olive.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-9", + "name": "label-olive-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "9"] + "path": ["label", "olive", "bgColor", "rest"] }, - "color-scale-pink-0": { - "value": "#ffdaec", + "label-olive-bgColor-hover": { + "value": "#252d10", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", + "value": "{base.display.color.olive.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-pink-0", + "name": "label-olive-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "pink", "0"] + "path": ["label", "olive", "bgColor", "hover"] }, - "color-scale-pink-1": { - "value": "#ffbedd", + "label-olive-bgColor-active": { + "value": "#374115", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.1}", + "value": "{base.display.color.olive.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-pink-1", + "name": "label-olive-bgColor-active", "attributes": {}, - "path": ["color", "scale", "pink", "1"] + "path": ["label", "olive", "bgColor", "active"] }, - "color-scale-pink-2": { - "value": "#ff9bce", + "label-olive-fgColor-rest": { + "value": "#a2a626", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.2}", + "value": "{base.display.color.olive.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-pink-2", + "name": "label-olive-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "pink", "2"] + "path": ["label", "olive", "fgColor", "rest"] }, - "color-scale-pink-3": { - "value": "#f778ba", + "label-olive-fgColor-hover": { + "value": "#b2af24", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{base.display.color.olive.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-pink-3", + "name": "label-olive-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "pink", "3"] + "path": ["label", "olive", "fgColor", "hover"] }, - "color-scale-pink-4": { - "value": "#db61a2", + "label-olive-fgColor-active": { + "value": "#cbc025", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.display.color.olive.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-pink-4", + "name": "label-olive-fgColor-active", "attributes": {}, - "path": ["color", "scale", "pink", "4"] + "path": ["label", "olive", "fgColor", "active"] }, - "color-scale-pink-5": { - "value": "#bf4b8a", + "label-lime-bgColor-rest": { + "value": "#141f0f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.display.color.lime.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-pink-5", + "name": "label-lime-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "pink", "5"] + "path": ["label", "lime", "bgColor", "rest"] }, - "color-scale-pink-6": { - "value": "#9e3670", + "label-lime-bgColor-hover": { + "value": "#1f3116", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.6}", + "value": "{base.display.color.lime.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-pink-6", + "name": "label-lime-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "pink", "6"] + "path": ["label", "lime", "bgColor", "hover"] }, - "color-scale-pink-7": { - "value": "#7d2457", + "label-lime-bgColor-active": { + "value": "#2c441d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.7}", + "value": "{base.display.color.lime.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-pink-7", + "name": "label-lime-bgColor-active", "attributes": {}, - "path": ["color", "scale", "pink", "7"] + "path": ["label", "lime", "bgColor", "active"] }, - "color-scale-pink-8": { - "value": "#5e103e", + "label-lime-fgColor-rest": { + "value": "#7dae37", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.8}", + "value": "{base.display.color.lime.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-pink-8", + "name": "label-lime-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "pink", "8"] + "path": ["label", "lime", "fgColor", "rest"] }, - "color-scale-pink-9": { - "value": "#42062a", + "label-lime-fgColor-hover": { + "value": "#89ba36", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", "isSource": true, "original": { - "value": "{base.color.pink.9}", + "value": "{base.display.color.lime.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-hover", + "attributes": {}, + "path": ["label", "lime", "fgColor", "hover"] + }, + "label-lime-fgColor-active": { + "value": "#9fcc3e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-active", + "attributes": {}, + "path": ["label", "lime", "fgColor", "active"] + }, + "label-pine-bgColor-rest": { + "value": "#082119", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-rest", + "attributes": {}, + "path": ["label", "pine", "bgColor", "rest"] + }, + "label-pine-bgColor-hover": { + "value": "#0b3224", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-hover", + "attributes": {}, + "path": ["label", "pine", "bgColor", "hover"] + }, + "label-pine-bgColor-active": { + "value": "#0e4430", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-active", + "attributes": {}, + "path": ["label", "pine", "bgColor", "active"] + }, + "label-pine-fgColor-rest": { + "value": "#1bb673", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-rest", + "attributes": {}, + "path": ["label", "pine", "fgColor", "rest"] + }, + "label-pine-fgColor-hover": { + "value": "#1ac176", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-hover", + "attributes": {}, + "path": ["label", "pine", "fgColor", "hover"] + }, + "label-pine-fgColor-active": { + "value": "#1bda81", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-active", + "attributes": {}, + "path": ["label", "pine", "fgColor", "active"] + }, + "label-teal-bgColor-rest": { + "value": "#041f25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-rest", + "attributes": {}, + "path": ["label", "teal", "bgColor", "rest"] + }, + "label-teal-bgColor-hover": { + "value": "#073036", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-hover", + "attributes": {}, + "path": ["label", "teal", "bgColor", "hover"] + }, + "label-teal-bgColor-active": { + "value": "#0a464d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-active", + "attributes": {}, + "path": ["label", "teal", "bgColor", "active"] + }, + "label-teal-fgColor-rest": { + "value": "#1cb0ab", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-rest", + "attributes": {}, + "path": ["label", "teal", "fgColor", "rest"] + }, + "label-teal-fgColor-hover": { + "value": "#1fbdb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-hover", + "attributes": {}, + "path": ["label", "teal", "fgColor", "hover"] + }, + "label-teal-fgColor-active": { + "value": "#24d6c4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-active", + "attributes": {}, + "path": ["label", "teal", "fgColor", "active"] + }, + "label-cyan-bgColor-rest": { + "value": "#001f29", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "rest"] + }, + "label-cyan-bgColor-hover": { + "value": "#002e3d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "hover"] + }, + "label-cyan-bgColor-active": { + "value": "#014156", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-active", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "active"] + }, + "label-cyan-fgColor-rest": { + "value": "#07ace4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "rest"] + }, + "label-cyan-fgColor-hover": { + "value": "#09b7f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "hover"] + }, + "label-cyan-fgColor-active": { + "value": "#45cbf7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-active", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "active"] + }, + "label-indigo-bgColor-rest": { + "value": "#1b183f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "rest"] + }, + "label-indigo-bgColor-hover": { + "value": "#25215f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "hover"] + }, + "label-indigo-bgColor-active": { + "value": "#312c90", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-active", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "active"] + }, + "label-indigo-fgColor-rest": { + "value": "#9899ec", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "rest"] + }, + "label-indigo-fgColor-hover": { + "value": "#a2a5f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "hover"] + }, + "label-indigo-fgColor-active": { + "value": "#b7baf6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-active", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "active"] + }, + "label-blue-bgColor-rest": { + "value": "#001a47", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-rest", + "attributes": {}, + "path": ["label", "blue", "bgColor", "rest"] + }, + "label-blue-bgColor-hover": { + "value": "#002766", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-hover", + "attributes": {}, + "path": ["label", "blue", "bgColor", "hover"] + }, + "label-blue-bgColor-active": { + "value": "#00378a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-active", + "attributes": {}, + "path": ["label", "blue", "bgColor", "active"] + }, + "label-blue-fgColor-rest": { + "value": "#4da0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-rest", + "attributes": {}, + "path": ["label", "blue", "fgColor", "rest"] + }, + "label-blue-fgColor-hover": { + "value": "#61adff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-hover", + "attributes": {}, + "path": ["label", "blue", "fgColor", "hover"] + }, + "label-blue-fgColor-active": { + "value": "#85c2ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-active", + "attributes": {}, + "path": ["label", "blue", "fgColor", "active"] + }, + "label-plum-bgColor-rest": { + "value": "#2a0e3f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-rest", + "attributes": {}, + "path": ["label", "plum", "bgColor", "rest"] + }, + "label-plum-bgColor-hover": { + "value": "#40125e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-hover", + "attributes": {}, + "path": ["label", "plum", "bgColor", "hover"] + }, + "label-plum-bgColor-active": { + "value": "#5c1688", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-active", + "attributes": {}, + "path": ["label", "plum", "bgColor", "active"] + }, + "label-plum-fgColor-rest": { + "value": "#d07ef7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-rest", + "attributes": {}, + "path": ["label", "plum", "fgColor", "rest"] + }, + "label-plum-fgColor-hover": { + "value": "#d889fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-hover", + "attributes": {}, + "path": ["label", "plum", "fgColor", "hover"] + }, + "label-plum-fgColor-active": { + "value": "#e4a5fd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-active", + "attributes": {}, + "path": ["label", "plum", "fgColor", "active"] + }, + "label-pink-bgColor-rest": { + "value": "#2d1524", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-rest", + "attributes": {}, + "path": ["label", "pink", "bgColor", "rest"] + }, + "label-pink-bgColor-hover": { + "value": "#451c35", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-hover", + "attributes": {}, + "path": ["label", "pink", "bgColor", "hover"] + }, + "label-pink-bgColor-active": { + "value": "#65244a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-active", + "attributes": {}, + "path": ["label", "pink", "bgColor", "active"] + }, + "label-pink-fgColor-rest": { + "value": "#e57bb2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-rest", + "attributes": {}, + "path": ["label", "pink", "fgColor", "rest"] + }, + "label-pink-fgColor-hover": { + "value": "#ec8dbd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-hover", + "attributes": {}, + "path": ["label", "pink", "fgColor", "hover"] + }, + "label-pink-fgColor-active": { + "value": "#f4a9cd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-active", + "attributes": {}, + "path": ["label", "pink", "fgColor", "active"] + }, + "label-coral-bgColor-rest": { + "value": "#351008", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-rest", + "attributes": {}, + "path": ["label", "coral", "bgColor", "rest"] + }, + "label-coral-bgColor-hover": { + "value": "#51180b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-hover", + "attributes": {}, + "path": ["label", "coral", "bgColor", "hover"] + }, + "label-coral-bgColor-active": { + "value": "#72220d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-active", + "attributes": {}, + "path": ["label", "coral", "bgColor", "active"] + }, + "label-coral-fgColor-rest": { + "value": "#f7794b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-rest", + "attributes": {}, + "path": ["label", "coral", "fgColor", "rest"] + }, + "label-coral-fgColor-hover": { + "value": "#fa8c61", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-hover", + "attributes": {}, + "path": ["label", "coral", "fgColor", "hover"] + }, + "label-coral-fgColor-active": { + "value": "#fdaa86", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/patterns-dark.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-active", + "attributes": {}, + "path": ["label", "coral", "fgColor", "active"] + }, + "fgColor-default": { + "value": "#e6edf3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "#c9d1d9", + "weight": 0.25 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "mix": { + "color": "{base.color.neutral.1}", + "weight": 0.25 + } + }, + "name": "fgColor-default", + "attributes": {}, + "path": ["fgColor", "default"] + }, + "fgColor-muted": { + "value": "#8d96a0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "#8b949e", + "weight": 0.95 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.95 + } + }, + "name": "fgColor-muted", + "attributes": {}, + "path": ["fgColor", "muted"] + }, + "fgColor-onEmphasis": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + } + }, + "name": "fgColor-onEmphasis", + "attributes": {}, + "path": ["fgColor", "onEmphasis"] + }, + "fgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-white", + "attributes": {}, + "path": ["fgColor", "white"] + }, + "fgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-black", + "attributes": {}, + "path": ["fgColor", "black"] + }, + "fgColor-disabled": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-disabled", + "attributes": {}, + "path": ["fgColor", "disabled"] + }, + "fgColor-link": { + "value": "#4493f8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{fgColor.accent.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-link", + "attributes": {}, + "path": ["fgColor", "link", "@"] + }, + "fgColor-neutral": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-neutral", + "attributes": {}, + "path": ["fgColor", "neutral", "@"] + }, + "fgColor-accent": { + "value": "#4493f8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "#1f6feb", + "weight": 0.35 + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "mix": { + "color": "{base.color.blue.5}", + "weight": 0.35 + } + }, + "name": "fgColor-accent", + "attributes": {}, + "path": ["fgColor", "accent", "@"] + }, + "fgColor-success": { + "value": "#3fb950", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + } + }, + "name": "fgColor-success", + "attributes": {}, + "path": ["fgColor", "success", "@"] + }, + "fgColor-attention": { + "value": "#d29922", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + } + }, + "name": "fgColor-attention", + "attributes": {}, + "path": ["fgColor", "attention", "@"] + }, + "fgColor-severe": { + "value": "#db6d28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + } + }, + "name": "fgColor-severe", + "attributes": {}, + "path": ["fgColor", "severe", "@"] + }, + "fgColor-danger": { + "value": "#f85149", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + } + }, + "name": "fgColor-danger", + "attributes": {}, + "path": ["fgColor", "danger", "@"] + }, + "fgColor-open": { + "value": "#3fb950", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{fgColor.success.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + } + }, + "name": "fgColor-open", + "attributes": {}, + "path": ["fgColor", "open", "@"] + }, + "fgColor-closed": { + "value": "#f85149", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + } + }, + "name": "fgColor-closed", + "attributes": {}, + "path": ["fgColor", "closed", "@"] + }, + "fgColor-done": { + "value": "#ab7df8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + } + }, + "name": "fgColor-done", + "attributes": {}, + "path": ["fgColor", "done", "@"] + }, + "fgColor-upsell": { + "value": "#ab7df8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + } + }, + "name": "fgColor-upsell", + "attributes": {}, + "path": ["fgColor", "upsell", "@"] + }, + "fgColor-sponsors": { + "value": "#db61a2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + } + }, + "name": "fgColor-sponsors", + "attributes": {}, + "path": ["fgColor", "sponsors", "@"] + }, + "bgColor-default": { + "value": "#0d1117", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + } + }, + "name": "bgColor-default", + "attributes": {}, + "path": ["bgColor", "default"] + }, + "bgColor-muted": { + "value": "#161b22", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + } + }, + "name": "bgColor-muted", + "attributes": {}, + "path": ["bgColor", "muted"] + }, + "bgColor-inset": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + } + }, + "name": "bgColor-inset", + "attributes": {}, + "path": ["bgColor", "inset"] + }, + "bgColor-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + } + }, + "name": "bgColor-emphasis", + "attributes": {}, + "path": ["bgColor", "emphasis"] + }, + "bgColor-inverse": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-inverse", + "attributes": {}, + "path": ["bgColor", "inverse"] + }, + "bgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-white", + "attributes": {}, + "path": ["bgColor", "white"] + }, + "bgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-black", + "attributes": {}, + "path": ["bgColor", "black"] + }, + "bgColor-disabled": { + "value": "#21262db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 + }, + "name": "bgColor-disabled", + "attributes": {}, + "path": ["bgColor", "disabled"] + }, + "bgColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + } + }, + "name": "bgColor-transparent", + "attributes": {}, + "path": ["bgColor", "transparent"] + }, + "bgColor-neutral-muted": { + "value": "#6e768166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.4 + }, + "name": "bgColor-neutral-muted", + "attributes": {}, + "path": ["bgColor", "neutral", "muted"] + }, + "bgColor-neutral-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-neutral-emphasis", + "attributes": {}, + "path": ["bgColor", "neutral", "emphasis"] + }, + "bgColor-accent-muted": { + "value": "#388bfd1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-accent-muted", + "attributes": {}, + "path": ["bgColor", "accent", "muted"] + }, + "bgColor-accent-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + } + }, + "name": "bgColor-accent-emphasis", + "attributes": {}, + "path": ["bgColor", "accent", "emphasis"] + }, + "bgColor-success-muted": { + "value": "#2ea04326", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-success-muted", + "attributes": {}, + "path": ["bgColor", "success", "muted"] + }, + "bgColor-success-emphasis": { + "value": "#238636", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-success-emphasis", + "attributes": {}, + "path": ["bgColor", "success", "emphasis"] + }, + "bgColor-attention-muted": { + "value": "#bb800926", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-attention-muted", + "attributes": {}, + "path": ["bgColor", "attention", "muted"] + }, + "bgColor-attention-emphasis": { + "value": "#9e6a03", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + } + }, + "name": "bgColor-attention-emphasis", + "attributes": {}, + "path": ["bgColor", "attention", "emphasis"] + }, + "bgColor-severe-muted": { + "value": "#db6d281a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-severe-muted", + "attributes": {}, + "path": ["bgColor", "severe", "muted"] + }, + "bgColor-severe-emphasis": { + "value": "#bd561d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + } + }, + "name": "bgColor-severe-emphasis", + "attributes": {}, + "path": ["bgColor", "severe", "emphasis"] + }, + "bgColor-danger-muted": { + "value": "#f851491a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-danger-muted", + "attributes": {}, + "path": ["bgColor", "danger", "muted"] + }, + "bgColor-danger-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + } + }, + "name": "bgColor-danger-emphasis", + "attributes": {}, + "path": ["bgColor", "danger", "emphasis"] + }, + "bgColor-open-muted": { + "value": "#2ea0431a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-open-muted", + "attributes": {}, + "path": ["bgColor", "open", "muted"] + }, + "bgColor-open-emphasis": { + "value": "#238636", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-open-emphasis", + "attributes": {}, + "path": ["bgColor", "open", "emphasis"] + }, + "bgColor-closed-muted": { + "value": "#f8514926", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-closed-muted", + "attributes": {}, + "path": ["bgColor", "closed", "muted"] + }, + "bgColor-closed-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + } + }, + "name": "bgColor-closed-emphasis", + "attributes": {}, + "path": ["bgColor", "closed", "emphasis"] + }, + "bgColor-done-muted": { + "value": "#ab7df826", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-done-muted", + "attributes": {}, + "path": ["bgColor", "done", "muted"] + }, + "bgColor-done-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + } + }, + "name": "bgColor-done-emphasis", + "attributes": {}, + "path": ["bgColor", "done", "emphasis"] + }, + "bgColor-upsell-muted": { + "value": "#ab7df826", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "alpha": 0.15 + }, + "name": "bgColor-upsell-muted", + "attributes": {}, + "path": ["bgColor", "upsell", "muted"] + }, + "bgColor-upsell-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + } + }, + "name": "bgColor-upsell-emphasis", + "attributes": {}, + "path": ["bgColor", "upsell", "emphasis"] + }, + "bgColor-sponsors-muted": { + "value": "#db61a21a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "alpha": 0.1 + }, + "name": "bgColor-sponsors-muted", + "attributes": {}, + "path": ["bgColor", "sponsors", "muted"] + }, + "bgColor-sponsors-emphasis": { + "value": "#bf4b8a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + } + }, + "name": "bgColor-sponsors-emphasis", + "attributes": {}, + "path": ["bgColor", "sponsors", "emphasis"] + }, + "borderColor-default": { + "value": "#30363d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + } + }, + "name": "borderColor-default", + "attributes": {}, + "path": ["borderColor", "default"] + }, + "borderColor-muted": { + "value": "#30363db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.default}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7 + }, + "name": "borderColor-muted", + "attributes": {}, + "path": ["borderColor", "muted"] + }, + "borderColor-emphasis": { + "value": "#484f58", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-emphasis", + "attributes": {}, + "path": ["borderColor", "emphasis"] + }, + "borderColor-disabled": { + "value": "#21262db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{bgColor.disabled}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-disabled", + "attributes": {}, + "path": ["borderColor", "disabled"] + }, + "borderColor-transparent": { + "value": "#00000000", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-transparent", + "attributes": {}, + "path": ["borderColor", "transparent"] + }, + "borderColor-neutral-muted": { + "value": "#6e768166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.4 + }, + "name": "borderColor-neutral-muted", + "attributes": {}, + "path": ["borderColor", "neutral", "muted"] + }, + "borderColor-neutral-emphasis": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-neutral-emphasis", + "attributes": {}, + "path": ["borderColor", "neutral", "emphasis"] + }, + "borderColor-accent-muted": { + "value": "#388bfd66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-accent-muted", + "attributes": {}, + "path": ["borderColor", "accent", "muted"] + }, + "borderColor-accent-emphasis": { + "value": "#1f6feb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + } + }, + "name": "borderColor-accent-emphasis", + "attributes": {}, + "path": ["borderColor", "accent", "emphasis"] + }, + "borderColor-success-muted": { + "value": "#2ea04366", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-success-muted", + "attributes": {}, + "path": ["borderColor", "success", "muted"] + }, + "borderColor-success-emphasis": { + "value": "#238636", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + } + }, + "name": "borderColor-success-emphasis", + "attributes": {}, + "path": ["borderColor", "success", "emphasis"] + }, + "borderColor-attention-muted": { + "value": "#bb800966", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-attention-muted", + "attributes": {}, + "path": ["borderColor", "attention", "muted"] + }, + "borderColor-attention-emphasis": { + "value": "#9e6a03", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + } + }, + "name": "borderColor-attention-emphasis", + "attributes": {}, + "path": ["borderColor", "attention", "emphasis"] + }, + "borderColor-severe-muted": { + "value": "#db6d2866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-severe-muted", + "attributes": {}, + "path": ["borderColor", "severe", "muted"] + }, + "borderColor-severe-emphasis": { + "value": "#bd561d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + } + }, + "name": "borderColor-severe-emphasis", + "attributes": {}, + "path": ["borderColor", "severe", "emphasis"] + }, + "borderColor-danger-muted": { + "value": "#f8514966", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-danger-muted", + "attributes": {}, + "path": ["borderColor", "danger", "muted"] + }, + "borderColor-danger-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + } + }, + "name": "borderColor-danger-emphasis", + "attributes": {}, + "path": ["borderColor", "danger", "emphasis"] + }, + "borderColor-open-muted": { + "value": "#2ea04366", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + } + }, + "name": "borderColor-open-muted", + "attributes": {}, + "path": ["borderColor", "open", "muted"] + }, + "borderColor-open-emphasis": { + "value": "#238636", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + } + }, + "name": "borderColor-open-emphasis", + "attributes": {}, + "path": ["borderColor", "open", "emphasis"] + }, + "borderColor-closed-muted": { + "value": "#f8514966", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-closed-muted", + "attributes": {}, + "path": ["borderColor", "closed", "muted"] + }, + "borderColor-closed-emphasis": { + "value": "#da3633", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + } + }, + "name": "borderColor-closed-emphasis", + "attributes": {}, + "path": ["borderColor", "closed", "emphasis"] + }, + "borderColor-done-muted": { + "value": "#ab7df866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-done-muted", + "attributes": {}, + "path": ["borderColor", "done", "muted"] + }, + "borderColor-done-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + } + } + } + }, + "name": "borderColor-done-emphasis", + "attributes": {}, + "path": ["borderColor", "done", "emphasis"] + }, + "borderColor-upsell-muted": { + "value": "#ab7df866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-upsell-muted", + "attributes": {}, + "path": ["borderColor", "upsell", "muted"] + }, + "borderColor-upsell-emphasis": { + "value": "#8957e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + } + } + }, + "name": "borderColor-upsell-emphasis", + "attributes": {}, + "path": ["borderColor", "upsell", "emphasis"] + }, + "borderColor-sponsors-muted": { + "value": "#db61a266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-sponsors-muted", + "attributes": {}, + "path": ["borderColor", "sponsors", "muted"] + }, + "borderColor-sponsors-emphasis": { + "value": "#bf4b8a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/dark/primitives-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + } + }, + "name": "borderColor-sponsors-emphasis", + "attributes": {}, + "path": ["borderColor", "sponsors", "emphasis"] + }, + "color-ansi-black": { + "value": "#484f58", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black", + "attributes": {}, + "path": ["color", "ansi", "black"] + }, + "color-ansi-black-bright": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-black-bright", + "attributes": {}, + "path": ["color", "ansi", "black-bright"] + }, + "color-ansi-white": { + "value": "#b1bac4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white", + "attributes": {}, + "path": ["color", "ansi", "white"] + }, + "color-ansi-white-bright": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-white-bright", + "attributes": {}, + "path": ["color", "ansi", "white-bright"] + }, + "color-ansi-gray": { + "value": "#6e7681", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-gray", + "attributes": {}, + "path": ["color", "ansi", "gray"] + }, + "color-ansi-red": { + "value": "#ff7b72", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-red", + "attributes": {}, + "path": ["color", "ansi", "red"] + }, + "color-ansi-red-bright": { + "value": "#ffa198", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-red-bright", + "attributes": {}, + "path": ["color", "ansi", "red-bright"] + }, + "color-ansi-green": { + "value": "#3fb950", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-green", + "attributes": {}, + "path": ["color", "ansi", "green"] + }, + "color-ansi-green-bright": { + "value": "#56d364", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-green-bright", + "attributes": {}, + "path": ["color", "ansi", "green-bright"] + }, + "color-ansi-yellow": { + "value": "#d29922", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow", + "attributes": {}, + "path": ["color", "ansi", "yellow"] + }, + "color-ansi-yellow-bright": { + "value": "#e3b341", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow-bright", + "attributes": {}, + "path": ["color", "ansi", "yellow-bright"] + }, + "color-ansi-blue": { + "value": "#58a6ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue", + "attributes": {}, + "path": ["color", "ansi", "blue"] + }, + "color-ansi-blue-bright": { + "value": "#79c0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue-bright", + "attributes": {}, + "path": ["color", "ansi", "blue-bright"] + }, + "color-ansi-magenta": { + "value": "#be8fff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta", + "attributes": {}, + "path": ["color", "ansi", "magenta"] + }, + "color-ansi-magenta-bright": { + "value": "#d2a8ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta-bright", + "attributes": {}, + "path": ["color", "ansi", "magenta-bright"] + }, + "color-ansi-cyan": { + "value": "#39c5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "#39c5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan", + "attributes": {}, + "path": ["color", "ansi", "cyan"] + }, + "color-ansi-cyan-bright": { + "value": "#56d4dd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "#56d4dd", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan-bright", + "attributes": {}, + "path": ["color", "ansi", "cyan-bright"] + }, + "color-prettylights-syntax-comment": { + "value": "#8b949e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-comment", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "comment"] + }, + "color-prettylights-syntax-constant": { + "value": "#79c0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-constant", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "constant"] + }, + "color-prettylights-syntax-constant-other-reference-link": { + "value": "#a5d6ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-constant-other-reference-link", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + }, + "color-prettylights-syntax-entity": { + "value": "#d2a8ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-entity", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "entity"] + }, + "color-prettylights-syntax-storage-modifier-import": { + "value": "#c9d1d9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-storage-modifier-import", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + }, + "color-prettylights-syntax-entity-tag": { + "value": "#7ee787", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-entity-tag", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "entity-tag"] + }, + "color-prettylights-syntax-keyword": { + "value": "#ff7b72", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-keyword", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "keyword"] + }, + "color-prettylights-syntax-string": { + "value": "#a5d6ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-string", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "string"] + }, + "color-prettylights-syntax-variable": { + "value": "#ffa657", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-variable", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "variable"] + }, + "color-prettylights-syntax-brackethighlighter-unmatched": { + "value": "#f85149", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + }, + "color-prettylights-syntax-brackethighlighter-angle": { + "value": "#8b949e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-brackethighlighter-angle", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + }, + "color-prettylights-syntax-invalid-illegal-text": { + "value": "#f0f6fc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-invalid-illegal-text", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + }, + "color-prettylights-syntax-invalid-illegal-bg": { + "value": "#8e1519", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-invalid-illegal-bg", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + }, + "color-prettylights-syntax-carriage-return-text": { + "value": "#f0f6fc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-carriage-return-text", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + }, + "color-prettylights-syntax-carriage-return-bg": { + "value": "#b62324", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-pink-9", + "name": "color-prettylights-syntax-carriage-return-bg", "attributes": {}, - "path": ["color", "scale", "pink", "9"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] }, - "color-scale-coral-0": { - "value": "#ffddd2", + "color-prettylights-syntax-string-regexp": { + "value": "#7ee787", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.0}", + "value": "{base.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-0", + "name": "color-prettylights-syntax-string-regexp", "attributes": {}, - "path": ["color", "scale", "coral", "0"] + "path": ["color", "prettylights", "syntax", "string-regexp"] }, - "color-scale-coral-1": { - "value": "#ffc2b2", + "color-prettylights-syntax-markup-list": { + "value": "#f2cc60", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.1}", + "value": "{base.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-1", + "name": "color-prettylights-syntax-markup-list", "attributes": {}, - "path": ["color", "scale", "coral", "1"] + "path": ["color", "prettylights", "syntax", "markup", "list"] }, - "color-scale-coral-2": { - "value": "#ffa28b", + "color-prettylights-syntax-markup-heading": { + "value": "#1f6feb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.2}", + "value": "{base.color.blue.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-2", + "name": "color-prettylights-syntax-markup-heading", "attributes": {}, - "path": ["color", "scale", "coral", "2"] + "path": ["color", "prettylights", "syntax", "markup", "heading"] }, - "color-scale-coral-3": { - "value": "#f78166", + "color-prettylights-syntax-markup-italic": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-markup-italic", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "markup", "italic"] + }, + "color-prettylights-syntax-markup-bold": { + "value": "#c9d1d9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-markup-bold", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "markup", "bold"] + }, + "color-prettylights-syntax-markup-deleted-text": { + "value": "#ffdcd7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-markup-deleted-text", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + }, + "color-prettylights-syntax-markup-deleted-bg": { + "value": "#67060c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.red.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-markup-deleted-bg", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + }, + "color-prettylights-syntax-markup-inserted-text": { + "value": "#aff5b4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-markup-inserted-text", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + }, + "color-prettylights-syntax-markup-inserted-bg": { + "value": "#033a16", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", + "isSource": true, + "original": { + "value": "{base.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-markup-inserted-bg", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + }, + "color-prettylights-syntax-markup-changed-text": { + "value": "#ffdfb6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } }, - "name": "color-scale-coral-3", - "attributes": {}, - "path": ["color", "scale", "coral", "3"] - }, - "color-scale-coral-4": { - "value": "#ea6045", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.4}", + "value": "{base.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-4", + "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, - "path": ["color", "scale", "coral", "4"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] }, - "color-scale-coral-5": { - "value": "#cf462d", + "color-prettylights-syntax-markup-changed-bg": { + "value": "#5a1e02", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.5}", + "value": "{base.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-5", + "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, - "path": ["color", "scale", "coral", "5"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] }, - "color-scale-coral-6": { - "value": "#ac3220", + "color-prettylights-syntax-markup-ignored-text": { + "value": "#c9d1d9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-6", + "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, - "path": ["color", "scale", "coral", "6"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] }, - "color-scale-coral-7": { - "value": "#872012", + "color-prettylights-syntax-markup-ignored-bg": { + "value": "#1158c7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-7", + "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, - "path": ["color", "scale", "coral", "7"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] }, - "color-scale-coral-8": { - "value": "#640d04", + "color-prettylights-syntax-meta-diff-range": { + "value": "#d2a8ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.8}", + "value": "{base.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-8", + "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, - "path": ["color", "scale", "coral", "8"] + "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] }, - "color-scale-coral-9": { - "value": "#460701", + "color-prettylights-syntax-sublimelinter-gutter-mark": { + "value": "#484f58", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/dark/syntax-dark.json5", "isSource": true, "original": { - "value": "{base.color.coral.9}", + "value": "{base.color.neutral.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "dark", + "group": "syntax" + } + } }, - "name": "color-scale-coral-9", + "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, - "path": ["color", "scale", "coral", "9"] + "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] }, "shadow-inset": { "value": "inset 0px 1px 0px 0px #0104093d", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10625,7 +16491,14 @@ "spread": "0px", "inset": true }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-inset", "attributes": {}, @@ -10634,6 +16507,13 @@ "shadow-resting-xsmall": { "value": "0px 1px 0px 0px #010409cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10646,15 +16526,29 @@ "spread": "0px", "inset": false }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"] }, "shadow-resting-small": { - "value": "0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966", + "value": "0px 1px 0px 0px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10667,18 +16561,16 @@ "blur": "0px", "spread": "0px", "inset": false - }, - { - "color": "{base.color.black}", - "alpha": 0.4, - "offsetX": "0px", - "offsetY": "1px", - "blur": "3px", - "spread": "0px", - "inset": false } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-small", "attributes": {}, @@ -10687,6 +16579,13 @@ "shadow-resting-medium": { "value": "0px 3px 6px 0px #010409cc", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { @@ -10700,21 +16599,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"] }, "shadow-floating-small": { - "value": "0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", + "value": "0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10738,21 +16651,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"] }, "shadow-floating-medium": { - "value": "0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966", + "value": "0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10792,21 +16719,35 @@ "spread": "-24px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"] }, "shadow-floating-large": { - "value": "0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409", + "value": "0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10822,21 +16763,35 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"] }, "shadow-floating-xlarge": { - "value": "0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409", + "value": "0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/dark.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.8}", + "color": "{overlay.borderColor}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", @@ -10852,12 +16807,63 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"] }, + "shadow-floating-legacy": { + "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966", + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, + "filePath": "src/tokens/functional/shadow/dark.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "12px", + "spread": "-3px" + }, + { + "color": "{base.color.black}", + "alpha": 0.4, + "offsetX": "0px", + "offsetY": "6px", + "blur": "18px", + "spread": "0px" + } + ], + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } + }, + "name": "shadow-floating-legacy", + "attributes": {}, + "path": ["shadow", "floating", "legacy"] + }, "outline-focus": { "value": "#1f6feb solid 2px", "$type": "border", diff --git a/dist/docs/functional/themes/light-colorblind.json b/dist/docs/functional/themes/light-colorblind.json index e014dd155..db163b0fc 100644 --- a/dist/docs/functional/themes/light-colorblind.json +++ b/dist/docs/functional/themes/light-colorblind.json @@ -783,7 +783,7 @@ "filePath": "src/tokens/functional/color/light/app-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1075,7 +1075,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1104,7 +1104,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1133,7 +1133,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1162,7 +1162,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1177,1415 +1177,1313 @@ "attributes": {}, "path": ["headerSearch", "borderColor"] }, - "avatar-bgColor": { - "value": "#ffffff", + "data-blue-color": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatar-bgColor", + "name": "data-blue-color", "attributes": {}, - "path": ["avatar", "bgColor"] + "path": ["data", "blue", "color", "@"] }, - "avatar-borderColor": { - "value": "#d0d7de", + "data-blue-color-muted": { + "value": "#d1f0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "avatar-borderColor", - "attributes": {}, - "path": ["avatar", "borderColor"] - }, - "avatar-shadow": { - "value": "0px 0px 0px 2px #ffffffcc", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.white}", - "alpha": 0.8, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "2px" - } - ], - "$type": "shadow" - }, - "name": "avatar-shadow", + "name": "data-blue-color-muted", "attributes": {}, - "path": ["avatar", "shadow"] + "path": ["data", "blue", "color", "muted"] }, - "avatarStack-fade-bgColor-default": { - "value": "#afb8c1", + "data-auburn-color": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-default", + "name": "data-auburn-color", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "default"] + "path": ["data", "auburn", "color", "@"] }, - "avatarStack-fade-bgColor-muted": { - "value": "#d0d7de", + "data-auburn-color-muted": { + "value": "#f2e9e9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-muted", + "name": "data-auburn-color-muted", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "muted"] + "path": ["data", "auburn", "color", "muted"] }, - "control-bgColor-rest": { - "value": "#f6f8fa", + "data-orange-color": { + "value": "#eb670f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-rest", + "name": "data-orange-color", "attributes": {}, - "path": ["control", "bgColor", "rest"] + "path": ["data", "orange", "color", "@"] }, - "control-bgColor-hover": { - "value": "#eef1f4", + "data-orange-color-muted": { + "value": "#ffe7d1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "mix": { - "color": "#d0d7de", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.2}", - "weight": 0.2 } }, - "name": "control-bgColor-hover", + "name": "data-orange-color-muted", "attributes": {}, - "path": ["control", "bgColor", "hover"] + "path": ["data", "orange", "color", "muted"] }, - "control-bgColor-active": { - "value": "#e7ebef", + "data-yellow-color": { + "value": "#b88700", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "mix": { - "color": "#d0d7de", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.2}", - "weight": 0.4 } }, - "name": "control-bgColor-active", + "name": "data-yellow-color", "attributes": {}, - "path": ["control", "bgColor", "active"] + "path": ["data", "yellow", "color", "@"] }, - "control-bgColor-disabled": { - "value": "#f6f8fa", + "data-yellow-color-muted": { + "value": "#ffec9e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-disabled", + "name": "data-yellow-color-muted", "attributes": {}, - "path": ["control", "bgColor", "disabled"] + "path": ["data", "yellow", "color", "muted"] }, - "control-bgColor-selected": { - "value": "#f6f8fa", + "data-green-color": { + "value": "#30a147", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-selected", + "name": "data-green-color", "attributes": {}, - "path": ["control", "bgColor", "selected"] + "path": ["data", "green", "color", "@"] }, - "control-fgColor-rest": { - "value": "#24292f", + "data-green-color-muted": { + "value": "#caf7ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-rest", + "name": "data-green-color-muted", "attributes": {}, - "path": ["control", "fgColor", "rest"] + "path": ["data", "green", "color", "muted"] }, - "control-fgColor-placeholder": { - "value": "#6e7781", + "data-teal-color": { + "value": "#179b9b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-placeholder", + "name": "data-teal-color", "attributes": {}, - "path": ["control", "fgColor", "placeholder"] + "path": ["data", "teal", "color", "@"] }, - "control-fgColor-disabled": { - "value": "#8c959f", + "data-teal-color-muted": { + "value": "#c7f5ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-disabled", + "name": "data-teal-color-muted", "attributes": {}, - "path": ["control", "fgColor", "disabled"] + "path": ["data", "teal", "color", "muted"] }, - "control-borderColor-rest": { - "value": "#d0d7de", + "data-purple-color": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-rest", + "name": "data-purple-color", "attributes": {}, - "path": ["control", "borderColor", "rest"] + "path": ["data", "purple", "color", "@"] }, - "control-borderColor-emphasis": { - "value": "#868f99", + "data-purple-color-muted": { + "value": "#f1e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "mix": { - "color": "#6e7781", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-borderColor-emphasis", + "name": "data-purple-color-muted", "attributes": {}, - "path": ["control", "borderColor", "emphasis"] + "path": ["data", "purple", "color", "muted"] }, - "control-borderColor-disabled": { - "value": "#f6f8fa", + "data-pink-color": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-disabled", + "name": "data-pink-color", "attributes": {}, - "path": ["control", "borderColor", "disabled"] + "path": ["data", "pink", "color", "@"] }, - "control-borderColor-selected": { - "value": "#f6f8fa", + "data-pink-color-muted": { + "value": "#ffe5f1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-selected", + "name": "data-pink-color-muted", "attributes": {}, - "path": ["control", "borderColor", "selected"] + "path": ["data", "pink", "color", "muted"] }, - "control-borderColor-success": { - "value": "#218bff", + "data-red-color": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-success", + "name": "data-red-color", "attributes": {}, - "path": ["control", "borderColor", "success"] + "path": ["data", "red", "color", "@"] }, - "control-borderColor-danger": { - "value": "#bc4c00", + "data-red-color-muted": { + "value": "#ffe2e0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.danger.emphasis}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-danger", + "name": "data-red-color-muted", "attributes": {}, - "path": ["control", "borderColor", "danger"] + "path": ["data", "red", "color", "muted"] }, - "control-borderColor-warning": { - "value": "#bf8700", + "data-gray-color": { + "value": "#808fa3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.attention.emphasis}", + "value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-warning", + "name": "data-gray-color", "attributes": {}, - "path": ["control", "borderColor", "warning"] + "path": ["data", "gray", "color", "@"] }, - "control-iconColor-rest": { - "value": "#636c76", + "data-gray-color-muted": { + "value": "#e8ecf2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-iconColor-rest", + "name": "data-gray-color-muted", "attributes": {}, - "path": ["control", "iconColor", "rest"] + "path": ["data", "gray", "color", "muted"] }, - "control-transparent-bgColor-rest": { - "value": "#ffffff00", + "display-blue-bgColor-muted": { + "value": "#d1f0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-transparent-bgColor-rest", + "name": "display-blue-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "rest"] + "path": ["display", "blue", "bgColor", "muted"] }, - "control-transparent-bgColor-hover": { - "value": "#d0d7de33", + "display-blue-bgColor-emphasis": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-hover", + "name": "display-blue-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "hover"] + "path": ["display", "blue", "bgColor", "emphasis"] }, - "control-transparent-bgColor-active": { - "value": "#d0d7de66", + "display-blue-fgColor": { + "value": "#005fcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-transparent-bgColor-active", + "name": "display-blue-fgColor", "attributes": {}, - "path": ["control", "transparent", "bgColor", "active"] + "path": ["display", "blue", "fgColor"] }, - "control-transparent-bgColor-disabled": { - "value": "#ffffff00", + "display-blue-borderColor-muted": { + "value": "#ade1ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-transparent-bgColor-disabled", + "name": "display-blue-borderColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "disabled"] + "path": ["display", "blue", "borderColor", "muted"] }, - "control-transparent-bgColor-selected": { - "value": "#d0d7de33", + "display-blue-borderColor-emphasis": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-selected", + "name": "display-blue-borderColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "selected"] + "path": ["display", "blue", "borderColor", "emphasis"] }, - "control-transparent-borderColor-rest": { - "value": "#ffffff00", + "display-green-bgColor-muted": { + "value": "#caf7ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-rest", + "name": "display-green-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "borderColor", "rest"] + "path": ["display", "green", "bgColor", "muted"] }, - "control-transparent-borderColor-hover": { - "value": "#ffffff00", + "display-green-bgColor-emphasis": { + "value": "#2c8141", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-hover", + "name": "display-green-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "borderColor", "hover"] + "path": ["display", "green", "bgColor", "emphasis"] }, - "control-transparent-borderColor-active": { - "value": "#ffffff00", + "display-green-fgColor": { + "value": "#2b6e3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-transparent-borderColor-active", + "name": "display-green-fgColor", "attributes": {}, - "path": ["control", "transparent", "borderColor", "active"] + "path": ["display", "green", "fgColor"] }, - "control-danger-fgColor-rest": { - "value": "#be4e02", + "display-green-borderColor-muted": { + "value": "#9ceda0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-rest", + "name": "display-green-borderColor-muted", "attributes": {}, - "path": ["control", "danger", "fgColor", "rest"] + "path": ["display", "green", "borderColor", "muted"] }, - "control-danger-fgColor-hover": { - "value": "#be4e02", + "display-green-borderColor-emphasis": { + "value": "#2c8141", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-hover", + "name": "display-green-borderColor-emphasis", "attributes": {}, - "path": ["control", "danger", "fgColor", "hover"] + "path": ["display", "green", "borderColor", "emphasis"] }, - "control-danger-bgColor-hover": { - "value": "#fff1e5", + "display-orange-bgColor-muted": { + "value": "#ffe7d1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-danger-bgColor-hover", + "name": "display-orange-bgColor-muted", "attributes": {}, - "path": ["control", "danger", "bgColor", "hover"] + "path": ["display", "orange", "bgColor", "muted"] }, - "control-danger-bgColor-active": { - "value": "#fff1e566", + "display-orange-bgColor-emphasis": { + "value": "#b8500f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-danger-bgColor-active", + "name": "display-orange-bgColor-emphasis", "attributes": {}, - "path": ["control", "danger", "bgColor", "active"] + "path": ["display", "orange", "bgColor", "emphasis"] }, - "control-checked-bgColor-rest": { - "value": "#0969da", + "display-orange-fgColor": { + "value": "#a24610", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-checked-bgColor-rest", + "name": "display-orange-fgColor", "attributes": {}, - "path": ["control", "checked", "bgColor", "rest"] + "path": ["display", "orange", "fgColor"] }, - "control-checked-bgColor-hover": { - "value": "#0860ca", + "display-orange-borderColor-muted": { + "value": "#fecfaa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.2 } }, - "name": "control-checked-bgColor-hover", + "name": "display-orange-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "hover"] + "path": ["display", "orange", "borderColor", "muted"] }, - "control-checked-bgColor-active": { - "value": "#0757ba", + "display-orange-borderColor-emphasis": { + "value": "#b8500f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "control-checked-bgColor-active", + "name": "display-orange-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "bgColor", "active"] + "path": ["display", "orange", "borderColor", "emphasis"] }, - "control-checked-bgColor-disabled": { - "value": "#8c959f", + "display-purple-bgColor-muted": { + "value": "#f1e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-checked-bgColor-disabled", + "name": "display-purple-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "disabled"] + "path": ["display", "purple", "bgColor", "muted"] }, - "control-checked-fgColor-rest": { - "value": "#ffffff", + "display-purple-bgColor-emphasis": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-fgColor-rest", + "name": "display-purple-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "fgColor", "rest"] + "path": ["display", "purple", "bgColor", "emphasis"] }, - "control-checked-fgColor-disabled": { - "value": "#ffffff", + "display-purple-fgColor": { + "value": "#783ae4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "control-checked-fgColor-disabled", + "name": "display-purple-fgColor", "attributes": {}, - "path": ["control", "checked", "fgColor", "disabled"] + "path": ["display", "purple", "fgColor"] }, - "control-checked-borderColor-rest": { - "value": "#0969da", + "display-purple-borderColor-muted": { + "value": "#e6d2fe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "control-checked-borderColor-rest", + "name": "display-purple-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "rest"] + "path": ["display", "purple", "borderColor", "muted"] }, - "control-checked-borderColor-hover": { - "value": "#0860ca", + "display-purple-borderColor-emphasis": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.2 } }, - "name": "control-checked-borderColor-hover", + "name": "display-purple-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "hover"] + "path": ["display", "purple", "borderColor", "emphasis"] }, - "control-checked-borderColor-active": { - "value": "#0757ba", + "display-plum-bgColor-muted": { + "value": "#f8e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "control-checked-borderColor-active", + "name": "display-plum-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "active"] + "path": ["display", "plum", "bgColor", "muted"] }, - "control-checked-borderColor-disabled": { - "value": "#8c959f", + "display-plum-bgColor-emphasis": { + "value": "#a830e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-borderColor-disabled", + "name": "display-plum-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "disabled"] + "path": ["display", "plum", "bgColor", "emphasis"] }, - "controlTrack-bgColor-rest": { - "value": "#eaeef2", + "display-plum-fgColor": { + "value": "#961edc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlTrack-bgColor-rest", + "name": "display-plum-fgColor", "attributes": {}, - "path": ["controlTrack", "bgColor", "rest"] + "path": ["display", "plum", "fgColor"] }, - "controlTrack-bgColor-hover": { - "value": "#dee3e8", + "display-plum-borderColor-muted": { + "value": "#f0cdfe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#afb8c1", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.3}", - "weight": 0.2 } }, - "name": "controlTrack-bgColor-hover", + "name": "display-plum-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "hover"] + "path": ["display", "plum", "borderColor", "muted"] }, - "controlTrack-bgColor-active": { - "value": "#d2d8de", + "display-plum-borderColor-emphasis": { + "value": "#a830e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#afb8c1", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.3}", - "weight": 0.4 } }, - "name": "controlTrack-bgColor-active", + "name": "display-plum-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "bgColor", "active"] + "path": ["display", "plum", "borderColor", "emphasis"] }, - "controlTrack-bgColor-disabled": { - "value": "#8c959f", + "display-red-bgColor-muted": { + "value": "#ffe2e0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2595,10 +2493,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2609,41 +2507,41 @@ } } }, - "name": "controlTrack-bgColor-disabled", + "name": "display-red-bgColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "disabled"] + "path": ["display", "red", "bgColor", "muted"] }, - "controlTrack-fgColor-rest": { - "value": "#636c76", + "display-red-bgColor-emphasis": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "controlTrack-fgColor-rest", + "name": "display-red-bgColor-emphasis", "attributes": {}, - "path": ["controlTrack", "fgColor", "rest"] + "path": ["display", "red", "bgColor", "emphasis"] }, - "controlTrack-fgColor-disabled": { - "value": "#ffffff", + "display-red-fgColor": { + "value": "#c50d28", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2653,10 +2551,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2667,12 +2565,12 @@ } } }, - "name": "controlTrack-fgColor-disabled", + "name": "display-red-fgColor", "attributes": {}, - "path": ["controlTrack", "fgColor", "disabled"] + "path": ["display", "red", "fgColor"] }, - "controlTrack-borderColor-rest": { - "value": "#ffffff00", + "display-red-borderColor-muted": { + "value": "#fecdcd", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2682,10 +2580,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2696,12 +2594,12 @@ } } }, - "name": "controlTrack-borderColor-rest", + "name": "display-red-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "borderColor", "rest"] + "path": ["display", "red", "borderColor", "muted"] }, - "controlTrack-borderColor-disabled": { - "value": "#8c959f", + "display-red-borderColor-emphasis": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2711,10 +2609,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2725,12 +2623,12 @@ } } }, - "name": "controlTrack-borderColor-disabled", + "name": "display-red-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "borderColor", "disabled"] + "path": ["display", "red", "borderColor", "emphasis"] }, - "controlKnob-bgColor-rest": { - "value": "#ffffff", + "display-coral-bgColor-muted": { + "value": "#ffe5db", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2740,10 +2638,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.coral.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2754,12 +2652,12 @@ } } }, - "name": "controlKnob-bgColor-rest", + "name": "display-coral-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "bgColor", "rest"] + "path": ["display", "coral", "bgColor", "muted"] }, - "controlKnob-bgColor-disabled": { - "value": "#f6f8fa", + "display-coral-bgColor-emphasis": { + "value": "#d43511", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2769,10 +2667,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2783,41 +2681,41 @@ } } }, - "name": "controlKnob-bgColor-disabled", + "name": "display-coral-bgColor-emphasis", "attributes": {}, - "path": ["controlKnob", "bgColor", "disabled"] + "path": ["display", "coral", "bgColor", "emphasis"] }, - "controlKnob-bgColor-checked": { - "value": "#ffffff", + "display-coral-fgColor": { + "value": "#ba2e12", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.coral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlKnob-bgColor-checked", + "name": "display-coral-fgColor", "attributes": {}, - "path": ["controlKnob", "bgColor", "checked"] + "path": ["display", "coral", "fgColor"] }, - "controlKnob-borderColor-rest": { - "value": "#868f99", + "display-coral-borderColor-muted": { + "value": "#fecebe", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2827,10 +2725,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.emphasis}", + "value": "{base.display.color.coral.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2841,12 +2739,12 @@ } } }, - "name": "controlKnob-borderColor-rest", + "name": "display-coral-borderColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "rest"] + "path": ["display", "coral", "borderColor", "muted"] }, - "controlKnob-borderColor-disabled": { - "value": "#f6f8fa", + "display-coral-borderColor-emphasis": { + "value": "#d43511", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2856,10 +2754,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2870,70 +2768,70 @@ } } }, - "name": "controlKnob-borderColor-disabled", + "name": "display-coral-borderColor-emphasis", "attributes": {}, - "path": ["controlKnob", "borderColor", "disabled"] + "path": ["display", "coral", "borderColor", "emphasis"] }, - "controlKnob-borderColor-checked": { - "value": "#0969da", + "display-yellow-bgColor-muted": { + "value": "#ffec9e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.checked.bgColor.rest}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "controlKnob-borderColor-checked", + "name": "display-yellow-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "checked"] + "path": ["display", "yellow", "bgColor", "muted"] }, - "counter-borderColor": { - "value": "#ffffff00", + "display-yellow-bgColor-emphasis": { + "value": "#946a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "counter-borderColor", + "name": "display-yellow-bgColor-emphasis", "attributes": {}, - "path": ["counter", "borderColor"] + "path": ["display", "yellow", "bgColor", "emphasis"] }, - "button-default-fgColor-rest": { - "value": "#24292f", + "display-yellow-fgColor": { + "value": "#805900", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2943,10 +2841,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.rest}", + "value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2957,70 +2855,70 @@ } } }, - "name": "button-default-fgColor-rest", + "name": "display-yellow-fgColor", "attributes": {}, - "path": ["button", "default", "fgColor", "rest"] + "path": ["display", "yellow", "fgColor"] }, - "button-default-bgColor-rest": { - "value": "#f6f8fa", + "display-yellow-borderColor-muted": { + "value": "#ffd642", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-rest", + "name": "display-yellow-borderColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "rest"] + "path": ["display", "yellow", "borderColor", "muted"] }, - "button-default-bgColor-hover": { - "value": "#eef1f4", + "display-yellow-borderColor-emphasis": { + "value": "#946a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.hover}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-hover", + "name": "display-yellow-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "hover"] + "path": ["display", "yellow", "borderColor", "emphasis"] }, - "button-default-bgColor-active": { - "value": "#e7ebef", + "display-gray-bgColor-muted": { + "value": "#e8ecf2", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3030,10 +2928,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3044,12 +2942,12 @@ } } }, - "name": "button-default-bgColor-active", + "name": "display-gray-bgColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "active"] + "path": ["display", "gray", "bgColor", "muted"] }, - "button-default-bgColor-selected": { - "value": "#e7ebef", + "display-gray-bgColor-emphasis": { + "value": "#647182", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3059,10 +2957,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3073,54 +2971,41 @@ } } }, - "name": "button-default-bgColor-selected", - "attributes": {}, - "path": ["button", "default", "bgColor", "selected"] - }, - "button-default-bgColor-disabled": { - "value": "#f6f8fa", - "$type": "color", - "filePath": "src/tokens/functional/color/light/patterns-light.json5", - "isSource": true, - "original": { - "value": "{control.bgColor.disabled}", - "$type": "color" - }, - "name": "button-default-bgColor-disabled", + "name": "display-gray-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "disabled"] + "path": ["display", "gray", "bgColor", "emphasis"] }, - "button-default-borderColor-rest": { - "value": "#d0d7de", + "display-gray-fgColor": { + "value": "#5c6570", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-default-borderColor-rest", + "name": "display-gray-fgColor", "attributes": {}, - "path": ["button", "default", "borderColor", "rest"] + "path": ["display", "gray", "fgColor"] }, - "button-default-borderColor-hover": { - "value": "#d0d7de", + "display-gray-borderColor-muted": { + "value": "#d2dae4", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3130,10 +3015,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3144,12 +3029,12 @@ } } }, - "name": "button-default-borderColor-hover", + "name": "display-gray-borderColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "hover"] + "path": ["display", "gray", "borderColor", "muted"] }, - "button-default-borderColor-active": { - "value": "#d0d7de", + "display-gray-borderColor-emphasis": { + "value": "#647182", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3159,10 +3044,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3173,93 +3058,70 @@ } } }, - "name": "button-default-borderColor-active", + "name": "display-gray-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "borderColor", "active"] + "path": ["display", "gray", "borderColor", "emphasis"] }, - "button-default-borderColor-disabled": { - "value": "#f6f8fa", + "display-auburn-bgColor-muted": { + "value": "#f2e9e9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-disabled", - "attributes": {}, - "path": ["button", "default", "borderColor", "disabled"] - }, - "button-default-shadow-resting": { - "value": "0px 1px 0px 0px #1f23280a", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.black}", - "alpha": 0.04, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-default-shadow-resting", + "name": "display-auburn-bgColor-muted", "attributes": {}, - "path": ["button", "default", "shadow", "resting"] + "path": ["display", "auburn", "bgColor", "muted"] }, - "button-primary-fgColor-rest": { - "value": "#ffffff", + "display-auburn-bgColor-emphasis": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-fgColor-rest", + "name": "display-auburn-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "fgColor", "rest"] + "path": ["display", "auburn", "bgColor", "emphasis"] }, - "button-primary-fgColor-disabled": { - "value": "#ffffffcc", + "display-auburn-fgColor": { + "value": "#8a5551", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3269,11 +3131,10 @@ "scopes": ["fgColor"] } }, - "alpha": 0.8, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3282,75 +3143,72 @@ "group": "component (internal)", "scopes": ["fgColor"] } - }, - "alpha": 0.8 + } }, - "name": "button-primary-fgColor-disabled", + "name": "display-auburn-fgColor", "attributes": {}, - "path": ["button", "primary", "fgColor", "disabled"] + "path": ["display", "auburn", "fgColor"] }, - "button-primary-iconColor-rest": { - "value": "#ffffffcc", + "display-auburn-borderColor-muted": { + "value": "#e6d6d5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.8, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.8 + } }, - "name": "button-primary-iconColor-rest", + "name": "display-auburn-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "iconColor", "rest"] + "path": ["display", "auburn", "borderColor", "muted"] }, - "button-primary-bgColor-rest": { - "value": "#0f72e3", + "display-auburn-borderColor-emphasis": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-primary-bgColor-rest", + "name": "display-auburn-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "rest"] + "path": ["display", "auburn", "borderColor", "emphasis"] }, - "button-primary-bgColor-hover": { - "value": "#0d6bd8", + "display-brown-bgColor-muted": { + "value": "#eeeae2", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3360,14 +3218,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#0550ae", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3376,18 +3230,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.6}", - "weight": 0.2 } }, - "name": "button-primary-bgColor-hover", + "name": "display-brown-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "hover"] + "path": ["display", "brown", "bgColor", "muted"] }, - "button-primary-bgColor-active": { - "value": "#0b64ce", + "display-brown-bgColor-emphasis": { + "value": "#856d4c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3397,14 +3247,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#0550ae", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3413,55 +3259,43 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.6}", - "weight": 0.4 } }, - "name": "button-primary-bgColor-active", + "name": "display-brown-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "active"] + "path": ["display", "brown", "bgColor", "emphasis"] }, - "button-primary-bgColor-disabled": { - "value": "#92caff", + "display-brown-fgColor": { + "value": "#755f43", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "mix": { - "color": "#ddf4ff", - "weight": 0.6 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.blue.0}", - "weight": 0.6 } }, - "name": "button-primary-bgColor-disabled", + "name": "display-brown-fgColor", "attributes": {}, - "path": ["button", "primary", "bgColor", "disabled"] + "path": ["display", "brown", "fgColor"] }, - "button-primary-borderColor-rest": { - "value": "#1f232826", + "display-brown-borderColor-muted": { + "value": "#dfd7c8", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3471,11 +3305,10 @@ "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3484,15 +3317,14 @@ "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-primary-borderColor-rest", + "name": "display-brown-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "rest"] + "path": ["display", "brown", "borderColor", "muted"] }, - "button-primary-borderColor-hover": { - "value": "#1f232826", + "display-brown-borderColor-emphasis": { + "value": "#856d4c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3502,10 +3334,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3516,93 +3348,70 @@ } } }, - "name": "button-primary-borderColor-hover", + "name": "display-brown-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "hover"] + "path": ["display", "brown", "borderColor", "emphasis"] }, - "button-primary-borderColor-active": { - "value": "#1f232826", + "display-lemon-bgColor-muted": { + "value": "#f7eea1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-active", + "name": "display-lemon-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "active"] + "path": ["display", "lemon", "bgColor", "muted"] }, - "button-primary-borderColor-disabled": { - "value": "#92caff", + "display-lemon-bgColor-emphasis": { + "value": "#866e04", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.bgColor.disabled}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-disabled", - "attributes": {}, - "path": ["button", "primary", "borderColor", "disabled"] - }, - "button-primary-shadow-selected": { - "value": "inset 0px 1px 0px 0px #0021554d", - "$type": "shadow", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.blue.9}", - "alpha": 0.3, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-primary-shadow-selected", + "name": "display-lemon-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "shadow", "selected"] + "path": ["display", "lemon", "bgColor", "emphasis"] }, - "button-invisible-fgColor-rest": { - "value": "#0969da", + "display-lemon-fgColor": { + "value": "#786002", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3612,10 +3421,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3626,128 +3435,128 @@ } } }, - "name": "button-invisible-fgColor-rest", + "name": "display-lemon-fgColor", "attributes": {}, - "path": ["button", "invisible", "fgColor", "rest"] + "path": ["display", "lemon", "fgColor"] }, - "button-invisible-fgColor-hover": { - "value": "#0969da", + "display-lemon-borderColor-muted": { + "value": "#f0db3d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-hover", + "name": "display-lemon-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "hover"] + "path": ["display", "lemon", "borderColor", "muted"] }, - "button-invisible-fgColor-disabled": { - "value": "#8c959f", + "display-lemon-borderColor-emphasis": { + "value": "#866e04", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-disabled", + "name": "display-lemon-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "fgColor", "disabled"] + "path": ["display", "lemon", "borderColor", "emphasis"] }, - "button-invisible-iconColor-rest": { - "value": "#636c76", + "display-olive-bgColor-muted": { + "value": "#f0f0ad", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-rest", + "name": "display-olive-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "iconColor", "rest"] + "path": ["display", "olive", "bgColor", "muted"] }, - "button-invisible-iconColor-hover": { - "value": "#636c76", + "display-olive-bgColor-emphasis": { + "value": "#64762d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-hover", + "name": "display-olive-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "iconColor", "hover"] + "path": ["display", "olive", "bgColor", "emphasis"] }, - "button-invisible-iconColor-disabled": { - "value": "#8c959f", + "display-olive-fgColor": { + "value": "#56682c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3757,10 +3566,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3771,70 +3580,70 @@ } } }, - "name": "button-invisible-iconColor-disabled", + "name": "display-olive-fgColor", "attributes": {}, - "path": ["button", "invisible", "iconColor", "disabled"] + "path": ["display", "olive", "fgColor"] }, - "button-invisible-bgColor-rest": { - "value": "#ffffff00", + "display-olive-borderColor-muted": { + "value": "#dbe170", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.rest}", + "value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-rest", + "name": "display-olive-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "rest"] + "path": ["display", "olive", "borderColor", "muted"] }, - "button-invisible-bgColor-hover": { - "value": "#d0d7de33", + "display-olive-borderColor-emphasis": { + "value": "#64762d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.hover}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-hover", + "name": "display-olive-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "hover"] + "path": ["display", "olive", "borderColor", "emphasis"] }, - "button-invisible-bgColor-active": { - "value": "#d0d7de66", + "display-lime-bgColor-muted": { + "value": "#e3f2b5", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3844,10 +3653,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.active}", + "value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3858,12 +3667,12 @@ } } }, - "name": "button-invisible-bgColor-active", + "name": "display-lime-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "active"] + "path": ["display", "lime", "bgColor", "muted"] }, - "button-invisible-bgColor-disabled": { - "value": "#ffffff00", + "display-lime-bgColor-emphasis": { + "value": "#527a29", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3873,10 +3682,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.disabled}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3887,41 +3696,41 @@ } } }, - "name": "button-invisible-bgColor-disabled", + "name": "display-lime-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "disabled"] + "path": ["display", "lime", "bgColor", "emphasis"] }, - "button-invisible-borderColor-rest": { - "value": "#ffffff00", + "display-lime-fgColor": { + "value": "#476c28", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.rest}", + "value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-invisible-borderColor-rest", + "name": "display-lime-fgColor", "attributes": {}, - "path": ["button", "invisible", "borderColor", "rest"] + "path": ["display", "lime", "fgColor"] }, - "button-invisible-borderColor-hover": { - "value": "#ffffff00", + "display-lime-borderColor-muted": { + "value": "#c7e580", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3931,10 +3740,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.hover}", + "value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3945,12 +3754,12 @@ } } }, - "name": "button-invisible-borderColor-hover", + "name": "display-lime-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "hover"] + "path": ["display", "lime", "borderColor", "muted"] }, - "button-invisible-borderColor-disabled": { - "value": "#f6f8fa", + "display-lime-borderColor-emphasis": { + "value": "#527a29", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3960,10 +3769,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3974,70 +3783,70 @@ } } }, - "name": "button-invisible-borderColor-disabled", + "name": "display-lime-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "borderColor", "disabled"] + "path": ["display", "lime", "borderColor", "emphasis"] }, - "button-outline-fgColor-rest": { - "value": "#0969da", + "display-pine-bgColor-muted": { + "value": "#bff8db", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-rest", + "name": "display-pine-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "rest"] + "path": ["display", "pine", "bgColor", "muted"] }, - "button-outline-fgColor-hover": { - "value": "#ffffff", + "display-pine-bgColor-emphasis": { + "value": "#167e53", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-hover", + "name": "display-pine-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "hover"] + "path": ["display", "pine", "bgColor", "emphasis"] }, - "button-outline-fgColor-active": { - "value": "#ffffff", + "display-pine-fgColor": { + "value": "#156f4b", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4047,10 +3856,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4061,72 +3870,70 @@ } } }, - "name": "button-outline-fgColor-active", + "name": "display-pine-fgColor", "attributes": {}, - "path": ["button", "outline", "fgColor", "active"] + "path": ["display", "pine", "fgColor"] }, - "button-outline-fgColor-disabled": { - "value": "#0969da80", + "display-pine-borderColor-muted": { + "value": "#80efb9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-outline-fgColor-disabled", + "name": "display-pine-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "disabled"] + "path": ["display", "pine", "borderColor", "muted"] }, - "button-outline-bgColor-rest": { - "value": "#f6f8fa", + "display-pine-borderColor-emphasis": { + "value": "#167e53", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-bgColor-rest", + "name": "display-pine-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "rest"] + "path": ["display", "pine", "borderColor", "emphasis"] }, - "button-outline-bgColor-hover": { - "value": "#0969da", + "display-teal-bgColor-muted": { + "value": "#c7f5ef", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4136,10 +3943,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4150,12 +3957,12 @@ } } }, - "name": "button-outline-bgColor-hover", + "name": "display-teal-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "hover"] + "path": ["display", "teal", "bgColor", "muted"] }, - "button-outline-bgColor-active": { - "value": "#0757ba", + "display-teal-bgColor-emphasis": { + "value": "#127e81", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4165,14 +3972,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4181,47 +3984,43 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "button-outline-bgColor-active", + "name": "display-teal-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "active"] + "path": ["display", "teal", "bgColor", "emphasis"] }, - "button-outline-bgColor-disabled": { - "value": "#f6f8fa", + "display-teal-fgColor": { + "value": "#106e75", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-outline-bgColor-disabled", + "name": "display-teal-fgColor", "attributes": {}, - "path": ["button", "outline", "bgColor", "disabled"] + "path": ["display", "teal", "fgColor"] }, - "button-outline-borderColor-hover": { - "value": "#1f232826", + "display-teal-borderColor-muted": { + "value": "#89ebe1", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4231,11 +4030,10 @@ "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4244,15 +4042,14 @@ "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-outline-borderColor-hover", + "name": "display-teal-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "borderColor", "hover"] + "path": ["display", "teal", "borderColor", "muted"] }, - "button-outline-borderColor-active": { - "value": "#1f232826", + "display-teal-borderColor-emphasis": { + "value": "#127e81", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4262,10 +4059,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.outline.borderColor.hover}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4276,93 +4073,70 @@ } } }, - "name": "button-outline-borderColor-active", - "attributes": {}, - "path": ["button", "outline", "borderColor", "active"] - }, - "button-outline-shadow-selected": { - "value": "inset 0px 1px 0px 0px #00215533", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.blue.9}", - "alpha": 0.2, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-outline-shadow-selected", + "name": "display-teal-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "shadow", "selected"] + "path": ["display", "teal", "borderColor", "emphasis"] }, - "button-danger-fgColor-rest": { - "value": "#be4e02", + "display-cyan-bgColor-muted": { + "value": "#bdf4ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-rest", + "name": "display-cyan-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "rest"] + "path": ["display", "cyan", "bgColor", "muted"] }, - "button-danger-fgColor-hover": { - "value": "#ffffff", + "display-cyan-bgColor-emphasis": { + "value": "#007b94", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-hover", + "name": "display-cyan-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "hover"] + "path": ["display", "cyan", "bgColor", "emphasis"] }, - "button-danger-fgColor-active": { - "value": "#ffffff", + "display-cyan-fgColor": { + "value": "#006a80", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4372,10 +4146,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4386,101 +4160,99 @@ } } }, - "name": "button-danger-fgColor-active", + "name": "display-cyan-fgColor", "attributes": {}, - "path": ["button", "danger", "fgColor", "active"] + "path": ["display", "cyan", "fgColor"] }, - "button-danger-fgColor-disabled": { - "value": "#be4e0280", + "display-cyan-borderColor-muted": { + "value": "#7ae9ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-danger-fgColor-disabled", + "name": "display-cyan-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "disabled"] + "path": ["display", "cyan", "borderColor", "muted"] }, - "button-danger-iconColor-rest": { - "value": "#be4e02", + "display-cyan-borderColor-emphasis": { + "value": "#007b94", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-iconColor-rest", + "name": "display-cyan-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "iconColor", "rest"] + "path": ["display", "cyan", "borderColor", "emphasis"] }, - "button-danger-iconColor-hover": { - "value": "#ffffff", + "display-indigo-bgColor-muted": { + "value": "#e5e9ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-hover", + "name": "display-indigo-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "iconColor", "hover"] + "path": ["display", "indigo", "bgColor", "muted"] }, - "button-danger-bgColor-rest": { - "value": "#f6f8fa", + "display-indigo-bgColor-emphasis": { + "value": "#5a61e7", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4490,10 +4262,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4504,277 +4276,244 @@ } } }, - "name": "button-danger-bgColor-rest", + "name": "display-indigo-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "rest"] + "path": ["display", "indigo", "bgColor", "emphasis"] }, - "button-danger-bgColor-hover": { - "value": "#953800", + "display-indigo-fgColor": { + "value": "#494edf", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-bgColor-hover", + "name": "display-indigo-fgColor", "attributes": {}, - "path": ["button", "danger", "bgColor", "hover"] + "path": ["display", "indigo", "fgColor"] }, - "button-danger-bgColor-active": { - "value": "#7e2f00", + "display-indigo-borderColor-muted": { + "value": "#d2d7fe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#5c2200", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.orange.8}", - "weight": 0.4 } }, - "name": "button-danger-bgColor-active", + "name": "display-indigo-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "active"] + "path": ["display", "indigo", "borderColor", "muted"] }, - "button-danger-bgColor-disabled": { - "value": "#f6f8fa", + "display-indigo-borderColor-emphasis": { + "value": "#5a61e7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-disabled", + "name": "display-indigo-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "disabled"] + "path": ["display", "indigo", "borderColor", "emphasis"] }, - "button-danger-borderColor-rest": { - "value": "#d0d7de", + "display-pink-bgColor-muted": { + "value": "#ffe5f1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-borderColor-rest", + "name": "display-pink-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "borderColor", "rest"] + "path": ["display", "pink", "bgColor", "muted"] }, - "button-danger-borderColor-hover": { - "value": "#1f232826", + "display-pink-bgColor-emphasis": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-danger-borderColor-hover", + "name": "display-pink-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "borderColor", "hover"] + "path": ["display", "pink", "bgColor", "emphasis"] }, - "button-danger-borderColor-active": { - "value": "#1f232826", + "display-pink-fgColor": { + "value": "#b12f79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.danger.borderColor.hover}", + "value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-borderColor-active", - "attributes": {}, - "path": ["button", "danger", "borderColor", "active"] - }, - "button-danger-shadow-selected": { - "value": "inset 0px 1px 0px 0px #47170033", - "$type": "shadow", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.orange.9}", - "alpha": 0.2, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-danger-shadow-selected", + "name": "display-pink-fgColor", "attributes": {}, - "path": ["button", "danger", "shadow", "selected"] + "path": ["display", "pink", "fgColor"] }, - "button-inactive-fgColor-rest": { - "value": "#57606a", + "display-pink-borderColor-muted": { + "value": "#fdc9e2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-fgColor-rest", + "name": "display-pink-borderColor-muted", "attributes": {}, - "path": ["button", "inactive", "fgColor", "rest"] + "path": ["display", "pink", "borderColor", "muted"] }, - "button-inactive-bgColor-rest": { - "value": "#eaeef2", + "display-pink-borderColor-emphasis": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-bgColor-rest", + "name": "display-pink-borderColor-emphasis", "attributes": {}, - "path": ["button", "inactive", "bgColor", "rest"] + "path": ["display", "pink", "borderColor", "emphasis"] }, - "buttonCounter-default-bgColor-rest": { - "value": "#afb8c133", + "avatar-bgColor": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4787,7 +4526,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.neutral.muted}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4798,72 +4537,79 @@ } } }, - "name": "buttonCounter-default-bgColor-rest", + "name": "avatar-bgColor", "attributes": {}, - "path": ["buttonCounter", "default", "bgColor", "rest"] + "path": ["avatar", "bgColor"] }, - "buttonCounter-invisible-bgColor-rest": { - "value": "#afb8c133", + "avatar-borderColor": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, + "alpha": 0.15, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.neutral.muted}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "buttonCounter-invisible-bgColor-rest", + "name": "avatar-borderColor", "attributes": {}, - "path": ["buttonCounter", "invisible", "bgColor", "rest"] + "path": ["avatar", "borderColor"] }, - "buttonCounter-primary-bgColor-rest": { - "value": "#002d1133", - "$type": "color", + "avatar-shadow": { + "value": "0px 0px 0px 2px #ffffffcc", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component shadow" } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", - "$type": "color", + "value": [ + { + "color": "{base.color.white}", + "alpha": 0.8, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "2px" + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component shadow" } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-primary-bgColor-rest", + "name": "avatar-shadow", "attributes": {}, - "path": ["buttonCounter", "primary", "bgColor", "rest"] + "path": ["avatar", "shadow"] }, - "buttonCounter-outline-bgColor-rest": { - "value": "#0969da1a", + "avatarStack-fade-bgColor-default": { + "value": "#afb8c1", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4873,11 +4619,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.1, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4886,15 +4631,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "buttonCounter-outline-bgColor-rest", + "name": "avatarStack-fade-bgColor-default", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "default"] }, - "buttonCounter-outline-bgColor-hover": { - "value": "#ffffff33", + "avatarStack-fade-bgColor-muted": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4904,11 +4648,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4917,5701 +4660,11820 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-hover", + "name": "avatarStack-fade-bgColor-muted", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "hover"] + "path": ["avatarStack", "fade", "bgColor", "muted"] }, - "buttonCounter-outline-bgColor-disabled": { - "value": "#0969da0d", + "control-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-outline-bgColor-disabled", + "name": "control-bgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "disabled"] + "path": ["control", "bgColor", "rest"] }, - "buttonCounter-outline-fgColor-rest": { - "value": "#0550ae", + "control-bgColor-hover": { + "value": "#eef1f4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "mix": { + "color": "#d0d7de", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.2}", + "weight": 0.2 } }, - "name": "buttonCounter-outline-fgColor-rest", + "name": "control-bgColor-hover", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "rest"] + "path": ["control", "bgColor", "hover"] }, - "buttonCounter-outline-fgColor-hover": { - "value": "#ffffff", + "control-bgColor-active": { + "value": "#e7ebef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "mix": { + "color": "#d0d7de", + "weight": 0.4 + }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.2}", + "weight": 0.4 } }, - "name": "buttonCounter-outline-fgColor-hover", + "name": "control-bgColor-active", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "hover"] + "path": ["control", "bgColor", "active"] }, - "buttonCounter-outline-fgColor-disabled": { - "value": "#0969da80", + "control-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-outline-fgColor-disabled", + "name": "control-bgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "disabled"] + "path": ["control", "bgColor", "disabled"] }, - "buttonCounter-danger-bgColor-hover": { - "value": "#ffffff33", + "control-bgColor-selected": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-hover", + "name": "control-bgColor-selected", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "hover"] + "path": ["control", "bgColor", "selected"] }, - "buttonCounter-danger-bgColor-disabled": { - "value": "#bc4c000d", + "control-fgColor-rest": { + "value": "#24292f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-danger-bgColor-disabled", + "name": "control-fgColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "disabled"] + "path": ["control", "fgColor", "rest"] }, - "buttonCounter-danger-bgColor-rest": { - "value": "#bc4c001a", + "control-fgColor-placeholder": { + "value": "#6e7781", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.1, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "buttonCounter-danger-bgColor-rest", + "name": "control-fgColor-placeholder", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "rest"] + "path": ["control", "fgColor", "placeholder"] }, - "buttonCounter-danger-fgColor-rest": { - "value": "#c21c2c", + "control-fgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } }, - "mix": { - "color": "#a40e26", - "weight": 0.3 - }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.red.6}", - "weight": 0.3 } }, - "name": "buttonCounter-danger-fgColor-rest", + "name": "control-fgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "rest"] + "path": ["control", "fgColor", "disabled"] }, - "buttonCounter-danger-fgColor-hover": { - "value": "#ffffff", + "control-borderColor-rest": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "buttonCounter-danger-fgColor-hover", + "name": "control-borderColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "hover"] + "path": ["control", "borderColor", "rest"] }, - "buttonCounter-danger-fgColor-disabled": { - "value": "#be4e0280", + "control-borderColor-emphasis": { + "value": "#868f99", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5, + "mix": { + "color": "#6e7781", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 + } }, - "name": "buttonCounter-danger-fgColor-disabled", + "name": "control-borderColor-emphasis", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "disabled"] + "path": ["control", "borderColor", "emphasis"] }, - "focus-outlineColor": { - "value": "#0969da", + "control-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.accent.emphasis}", + "value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "focus-outlineColor", - "attributes": {}, - "path": ["focus", "outlineColor"] - }, - "focus-outline": { - "value": "#0969da solid 2px", - "$type": "border", - "filePath": "src/tokens/functional/border/light.json5", - "isSource": true, - "original": { - "value": { - "color": "{focus.outlineColor}", - "style": "solid", - "width": "2px" - }, - "$type": "border" - }, - "name": "focus-outline", + "name": "control-borderColor-disabled", "attributes": {}, - "path": ["focus", "outline"] + "path": ["control", "borderColor", "disabled"] }, - "menu-bgColor-active": { - "value": "#ffffff00", + "control-borderColor-selected": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "menu-bgColor-active", + "name": "control-borderColor-selected", "attributes": {}, - "path": ["menu", "bgColor", "active"] + "path": ["control", "borderColor", "selected"] }, - "overlay-bgColor": { - "value": "#ffffff", + "control-borderColor-success": { + "value": "#218bff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "overlay-bgColor", + "name": "control-borderColor-success", "attributes": {}, - "path": ["overlay", "bgColor"] + "path": ["control", "borderColor", "success"] }, - "overlay-backdrop-bgColor": { - "value": "#8c959f33", + "control-borderColor-danger": { + "value": "#bc4c00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "overlay-backdrop-bgColor", + "name": "control-borderColor-danger", "attributes": {}, - "path": ["overlay", "backdrop", "bgColor"] + "path": ["control", "borderColor", "danger"] }, - "selectMenu-borderColor": { - "value": "#ffffff00", + "control-borderColor-warning": { + "value": "#bf8700", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "selectMenu-borderColor", + "name": "control-borderColor-warning", "attributes": {}, - "path": ["selectMenu", "borderColor"] + "path": ["control", "borderColor", "warning"] }, - "selectMenu-bgColor-active": { - "value": "#b6e3ff", + "control-iconColor-rest": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "selectMenu-bgColor-active", + "name": "control-iconColor-rest", "attributes": {}, - "path": ["selectMenu", "bgColor", "active"] + "path": ["control", "iconColor", "rest"] }, - "sideNav-bgColor-selected": { - "value": "#ffffff", + "control-transparent-bgColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "sideNav-bgColor-selected", + "name": "control-transparent-bgColor-rest", "attributes": {}, - "path": ["sideNav", "bgColor", "selected"] + "path": ["control", "transparent", "bgColor", "rest"] }, - "skeletonLoader-bgColor": { - "value": "#f6f8fa", - "$type": "color", - "filePath": "src/tokens/functional/color/light/patterns-light.json5", - "isSource": true, - "original": { - "value": "{bgColor.muted}", - "$type": "color" - }, - "name": "skeletonLoader-bgColor", - "attributes": {}, - "path": ["skeletonLoader", "bgColor"] - }, - "timelineBadge-bgColor": { - "value": "#eaeef2", + "control-transparent-bgColor-hover": { + "value": "#d0d7de33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "timelineBadge-bgColor", + "name": "control-transparent-bgColor-hover", "attributes": {}, - "path": ["timelineBadge", "bgColor"] + "path": ["control", "transparent", "bgColor", "hover"] }, - "treeViewItem-leadingVisual-iconColor-rest": { - "value": "#54aeff", + "control-transparent-bgColor-active": { + "value": "#d0d7de66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.4, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "treeViewItem-leadingVisual-iconColor-rest", + "name": "control-transparent-bgColor-active", "attributes": {}, - "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] + "path": ["control", "transparent", "bgColor", "active"] }, - "underlineNav-borderColor-active": { - "value": "#fd8c73", + "control-transparent-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "underlineNav-borderColor-active", + "name": "control-transparent-bgColor-disabled", "attributes": {}, - "path": ["underlineNav", "borderColor", "active"] + "path": ["control", "transparent", "bgColor", "disabled"] }, - "underlineNav-borderColor-hover": { - "value": "#afb8c133", + "control-transparent-bgColor-selected": { + "value": "#d0d7de33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.neutral.muted}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "underlineNav-borderColor-hover", + "name": "control-transparent-bgColor-selected", "attributes": {}, - "path": ["underlineNav", "borderColor", "hover"] + "path": ["control", "transparent", "bgColor", "selected"] }, - "underlineNav-iconColor-rest": { - "value": "#636c76", + "control-transparent-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "underlineNav-iconColor-rest", + "name": "control-transparent-borderColor-rest", "attributes": {}, - "path": ["underlineNav", "iconColor", "rest"] + "path": ["control", "transparent", "borderColor", "rest"] }, - "fgColor-default": { - "value": "#1f2328", + "control-transparent-borderColor-hover": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-default", + "name": "control-transparent-borderColor-hover", "attributes": {}, - "path": ["fgColor", "default"] + "path": ["control", "transparent", "borderColor", "hover"] }, - "fgColor-muted": { - "value": "#636c76", + "control-transparent-borderColor-active": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#6e7781", - "weight": 0.5 - }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.5 } }, - "name": "fgColor-muted", + "name": "control-transparent-borderColor-active", "attributes": {}, - "path": ["fgColor", "muted"] + "path": ["control", "transparent", "borderColor", "active"] }, - "fgColor-onEmphasis": { - "value": "#ffffff", + "control-danger-fgColor-rest": { + "value": "#be4e02", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-onEmphasis", + "name": "control-danger-fgColor-rest", "attributes": {}, - "path": ["fgColor", "onEmphasis"] + "path": ["control", "danger", "fgColor", "rest"] }, - "fgColor-disabled": { - "value": "#8c959f", + "control-danger-fgColor-hover": { + "value": "#be4e02", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component", "scopes": ["fgColor"] } } }, - "name": "fgColor-disabled", + "name": "control-danger-fgColor-hover", "attributes": {}, - "path": ["fgColor", "disabled"] + "path": ["control", "danger", "fgColor", "hover"] }, - "fgColor-link": { - "value": "#0969da", + "control-danger-bgColor-hover": { + "value": "#fff1e5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-link", + "name": "control-danger-bgColor-hover", "attributes": {}, - "path": ["fgColor", "link", "@"] + "path": ["control", "danger", "bgColor", "hover"] }, - "fgColor-neutral": { - "value": "#6e7781", + "control-danger-bgColor-active": { + "value": "#fff1e566", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "fgColor-neutral", + "name": "control-danger-bgColor-active", "attributes": {}, - "path": ["fgColor", "neutral", "@"] + "path": ["control", "danger", "bgColor", "active"] }, - "fgColor-accent": { + "control-checked-bgColor-rest": { "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-accent", + "name": "control-checked-bgColor-rest", "attributes": {}, - "path": ["fgColor", "accent", "@"] + "path": ["control", "checked", "bgColor", "rest"] }, - "fgColor-success": { - "value": "#0969da", + "control-checked-bgColor-hover": { + "value": "#0860ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "mix": { + "color": "#033d8b", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.2 } }, - "name": "fgColor-success", + "name": "control-checked-bgColor-hover", "attributes": {}, - "path": ["fgColor", "success", "@"] + "path": ["control", "checked", "bgColor", "hover"] }, - "fgColor-attention": { - "value": "#9a6700", + "control-checked-bgColor-active": { + "value": "#0757ba", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "fgColor-attention", + "name": "control-checked-bgColor-active", "attributes": {}, - "path": ["fgColor", "attention", "@"] + "path": ["control", "checked", "bgColor", "active"] }, - "fgColor-severe": { - "value": "#bc4c00", + "control-checked-bgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-severe", + "name": "control-checked-bgColor-disabled", "attributes": {}, - "path": ["fgColor", "severe", "@"] + "path": ["control", "checked", "bgColor", "disabled"] }, - "fgColor-danger": { - "value": "#be4e02", + "control-checked-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#e16f24", - "weight": 0.05 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.orange.4}", - "weight": 0.05 } }, - "name": "fgColor-danger", + "name": "control-checked-fgColor-rest", "attributes": {}, - "path": ["fgColor", "danger", "@"] + "path": ["control", "checked", "fgColor", "rest"] }, - "fgColor-open": { - "value": "#bc4c00", + "control-checked-fgColor-disabled": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-open", + "name": "control-checked-fgColor-disabled", "attributes": {}, - "path": ["fgColor", "open", "@"] + "path": ["control", "checked", "fgColor", "disabled"] }, - "fgColor-closed": { - "value": "#6e7781", + "control-checked-borderColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-closed", + "name": "control-checked-borderColor-rest", "attributes": {}, - "path": ["fgColor", "closed", "@"] + "path": ["control", "checked", "borderColor", "rest"] }, - "fgColor-done": { - "value": "#8250df", + "control-checked-borderColor-hover": { + "value": "#0860ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.2 } }, - "name": "fgColor-done", + "name": "control-checked-borderColor-hover", "attributes": {}, - "path": ["fgColor", "done", "@"] + "path": ["control", "checked", "borderColor", "hover"] }, - "fgColor-sponsors": { - "value": "#bf3989", + "control-checked-borderColor-active": { + "value": "#0757ba", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component", + "scopes": ["borderColor"] } - } - }, - "name": "fgColor-sponsors", + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 + } + }, + "name": "control-checked-borderColor-active", "attributes": {}, - "path": ["fgColor", "sponsors", "@"] + "path": ["control", "checked", "borderColor", "active"] }, - "bgColor-default": { - "value": "#ffffff", + "control-checked-borderColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "bgColor-default", + "name": "control-checked-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "default"] + "path": ["control", "checked", "borderColor", "disabled"] }, - "bgColor-muted": { - "value": "#f6f8fa", + "controlTrack-bgColor-rest": { + "value": "#eaeef2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-muted", + "name": "controlTrack-bgColor-rest", "attributes": {}, - "path": ["bgColor", "muted"] + "path": ["controlTrack", "bgColor", "rest"] }, - "bgColor-inset": { - "value": "#f6f8fa", + "controlTrack-bgColor-hover": { + "value": "#dee3e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#afb8c1", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.2 } }, - "name": "bgColor-inset", + "name": "controlTrack-bgColor-hover", "attributes": {}, - "path": ["bgColor", "inset"] + "path": ["controlTrack", "bgColor", "hover"] }, - "bgColor-emphasis": { - "value": "#24292f", + "controlTrack-bgColor-active": { + "value": "#d2d8de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#afb8c1", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.4 } }, - "name": "bgColor-emphasis", + "name": "controlTrack-bgColor-active", "attributes": {}, - "path": ["bgColor", "emphasis"] + "path": ["controlTrack", "bgColor", "active"] }, - "bgColor-inverse": { - "value": "#24292f", + "controlTrack-bgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "bgColor-inverse", + "name": "controlTrack-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "inverse"] + "path": ["controlTrack", "bgColor", "disabled"] }, - "bgColor-disabled": { - "value": "#f6f8fa", + "controlTrack-fgColor-rest": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-disabled", + "name": "controlTrack-fgColor-rest", "attributes": {}, - "path": ["bgColor", "disabled"] + "path": ["controlTrack", "fgColor", "rest"] }, - "bgColor-transparent": { - "value": "#ffffff00", + "controlTrack-fgColor-disabled": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-transparent", + "name": "controlTrack-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "transparent"] + "path": ["controlTrack", "fgColor", "disabled"] }, - "bgColor-neutral-muted": { - "value": "#afb8c133", + "controlTrack-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "bgColor-neutral-muted", + "name": "controlTrack-borderColor-rest", "attributes": {}, - "path": ["bgColor", "neutral", "muted"] + "path": ["controlTrack", "borderColor", "rest"] }, - "bgColor-neutral-emphasis": { - "value": "#6e7781", + "controlTrack-borderColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-neutral-emphasis", + "name": "controlTrack-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "neutral", "emphasis"] + "path": ["controlTrack", "borderColor", "disabled"] }, - "bgColor-accent-muted": { - "value": "#ddf4ff", + "controlKnob-bgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-accent-muted", + "name": "controlKnob-bgColor-rest", "attributes": {}, - "path": ["bgColor", "accent", "muted"] + "path": ["controlKnob", "bgColor", "rest"] }, - "bgColor-accent-emphasis": { - "value": "#0969da", + "controlKnob-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-accent-emphasis", + "name": "controlKnob-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "accent", "emphasis"] + "path": ["controlKnob", "bgColor", "disabled"] }, - "bgColor-success-muted": { - "value": "#ddf4ff", + "controlKnob-bgColor-checked": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-success-muted", + "name": "controlKnob-bgColor-checked", "attributes": {}, - "path": ["bgColor", "success", "muted"] + "path": ["controlKnob", "bgColor", "checked"] }, - "bgColor-success-emphasis": { - "value": "#0f72e3", + "controlKnob-borderColor-rest": { + "value": "#868f99", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#0969da", - "weight": 0.75 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{control.borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.5}", - "weight": 0.75 } }, - "name": "bgColor-success-emphasis", + "name": "controlKnob-borderColor-rest", "attributes": {}, - "path": ["bgColor", "success", "emphasis"] + "path": ["controlKnob", "borderColor", "rest"] }, - "bgColor-attention-muted": { - "value": "#fff8c5", + "controlKnob-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-attention-muted", + "name": "controlKnob-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "attention", "muted"] + "path": ["controlKnob", "borderColor", "disabled"] }, - "bgColor-attention-emphasis": { - "value": "#9a6700", + "controlKnob-borderColor-checked": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-attention-emphasis", + "name": "controlKnob-borderColor-checked", "attributes": {}, - "path": ["bgColor", "attention", "emphasis"] + "path": ["controlKnob", "borderColor", "checked"] }, - "bgColor-severe-muted": { - "value": "#fff1e5", + "counter-borderColor": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-severe-muted", + "name": "counter-borderColor", "attributes": {}, - "path": ["bgColor", "severe", "muted"] + "path": ["counter", "borderColor"] }, - "bgColor-severe-emphasis": { - "value": "#bc4c00", + "button-default-fgColor-rest": { + "value": "#24292f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-severe-emphasis", + "name": "button-default-fgColor-rest", "attributes": {}, - "path": ["bgColor", "severe", "emphasis"] + "path": ["button", "default", "fgColor", "rest"] }, - "bgColor-danger-muted": { - "value": "#fff1e5", + "button-default-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-muted", + "name": "button-default-bgColor-rest", "attributes": {}, - "path": ["bgColor", "danger", "muted"] + "path": ["button", "default", "bgColor", "rest"] }, - "bgColor-danger-emphasis": { - "value": "#bc4c00", + "button-default-bgColor-hover": { + "value": "#eef1f4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-emphasis", + "name": "button-default-bgColor-hover", "attributes": {}, - "path": ["bgColor", "danger", "emphasis"] + "path": ["button", "default", "bgColor", "hover"] }, - "bgColor-open-muted": { - "value": "#fb8f4466", + "button-default-bgColor-active": { + "value": "#e7ebef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, - "alpha": 0.4, "original": { - "value": "{base.color.orange.3}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "bgColor-open-muted", + "name": "button-default-bgColor-active", "attributes": {}, - "path": ["bgColor", "open", "muted"] + "path": ["button", "default", "bgColor", "active"] }, - "bgColor-open-emphasis": { - "value": "#e16f24", + "button-default-bgColor-selected": { + "value": "#e7ebef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-open-emphasis", + "name": "button-default-bgColor-selected", "attributes": {}, - "path": ["bgColor", "open", "emphasis"] + "path": ["button", "default", "bgColor", "selected"] }, - "bgColor-closed-muted": { - "value": "#afb8c166", + "button-default-bgColor-disabled": { + "value": "#eaeef2b3", + "$type": "color", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{control.bgColor.disabled}", + "$type": "color" + }, + "name": "button-default-bgColor-disabled", + "attributes": {}, + "path": ["button", "default", "bgColor", "disabled"] + }, + "button-default-borderColor-rest": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, - "alpha": 0.4, "original": { - "value": "{base.color.gray.3}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "bgColor-closed-muted", + "name": "button-default-borderColor-rest", "attributes": {}, - "path": ["bgColor", "closed", "muted"] + "path": ["button", "default", "borderColor", "rest"] }, - "bgColor-closed-emphasis": { - "value": "#6e7781", + "button-default-borderColor-hover": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-emphasis", + "name": "button-default-borderColor-hover", "attributes": {}, - "path": ["bgColor", "closed", "emphasis"] + "path": ["button", "default", "borderColor", "hover"] }, - "bgColor-done-muted": { - "value": "#fbefff", + "button-default-borderColor-active": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-done-muted", + "name": "button-default-borderColor-active", "attributes": {}, - "path": ["bgColor", "done", "muted"] + "path": ["button", "default", "borderColor", "active"] }, - "bgColor-done-emphasis": { - "value": "#8250df", + "button-default-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-done-emphasis", + "name": "button-default-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "done", "emphasis"] + "path": ["button", "default", "borderColor", "disabled"] }, - "bgColor-sponsors-muted": { - "value": "#ffeff7", - "$type": "color", + "button-default-shadow-resting": { + "value": "0px 1px 0px 0px #1f23280a", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", - "$type": "color", + "value": [ + { + "color": "{base.color.black}", + "alpha": 0.04, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component shadow" } } }, - "name": "bgColor-sponsors-muted", + "name": "button-default-shadow-resting", "attributes": {}, - "path": ["bgColor", "sponsors", "muted"] + "path": ["button", "default", "shadow", "resting"] }, - "bgColor-sponsors-emphasis": { - "value": "#bf3989", + "button-primary-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-sponsors-emphasis", + "name": "button-primary-fgColor-rest", "attributes": {}, - "path": ["bgColor", "sponsors", "emphasis"] + "path": ["button", "primary", "fgColor", "rest"] }, - "borderColor-default": { - "value": "#d0d7de", + "button-primary-fgColor-disabled": { + "value": "#ffffffcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.8, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.8 }, - "name": "borderColor-default", + "name": "button-primary-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "default"] + "path": ["button", "primary", "fgColor", "disabled"] }, - "borderColor-muted": { - "value": "#d0d7de80", + "button-primary-iconColor-rest": { + "value": "#ffffffcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.8, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.5 + "alpha": 0.8 }, - "name": "borderColor-muted", + "name": "button-primary-iconColor-rest", "attributes": {}, - "path": ["borderColor", "muted"] + "path": ["button", "primary", "iconColor", "rest"] }, - "borderColor-emphasis": { - "value": "#6e7781", + "button-primary-bgColor-rest": { + "value": "#0f72e3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-emphasis", + "name": "button-primary-bgColor-rest", "attributes": {}, - "path": ["borderColor", "emphasis"] + "path": ["button", "primary", "bgColor", "rest"] }, - "borderColor-disabled": { - "value": "#f6f8fa", + "button-primary-bgColor-hover": { + "value": "#0d6bd8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#0550ae", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.6}", + "weight": 0.2 } }, - "name": "borderColor-disabled", + "name": "button-primary-bgColor-hover", "attributes": {}, - "path": ["borderColor", "disabled"] + "path": ["button", "primary", "bgColor", "hover"] }, - "borderColor-transparent": { - "value": "#ffffff00", + "button-primary-bgColor-active": { + "value": "#0b64ce", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#0550ae", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.6}", + "weight": 0.4 } }, - "name": "borderColor-transparent", + "name": "button-primary-bgColor-active", "attributes": {}, - "path": ["borderColor", "transparent"] + "path": ["button", "primary", "bgColor", "active"] }, - "borderColor-neutral-muted": { - "value": "#afb8c133", + "button-primary-bgColor-disabled": { + "value": "#92caff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#ddf4ff", + "weight": 0.6 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.2 + "mix": { + "color": "{base.color.blue.0}", + "weight": 0.6 + } }, - "name": "borderColor-neutral-muted", + "name": "button-primary-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "neutral", "muted"] + "path": ["button", "primary", "bgColor", "disabled"] }, - "borderColor-neutral-emphasis": { - "value": "#6e7781", + "button-primary-borderColor-rest": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "borderColor-neutral-emphasis", + "name": "button-primary-borderColor-rest", "attributes": {}, - "path": ["borderColor", "neutral", "emphasis"] + "path": ["button", "primary", "borderColor", "rest"] }, - "borderColor-accent-muted": { - "value": "#54aeff66", + "button-primary-borderColor-hover": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-accent-muted", + "name": "button-primary-borderColor-hover", "attributes": {}, - "path": ["borderColor", "accent", "muted"] + "path": ["button", "primary", "borderColor", "hover"] }, - "borderColor-accent-emphasis": { - "value": "#0969da", + "button-primary-borderColor-active": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-accent-emphasis", + "name": "button-primary-borderColor-active", "attributes": {}, - "path": ["borderColor", "accent", "emphasis"] + "path": ["button", "primary", "borderColor", "active"] }, - "borderColor-success-muted": { - "value": "#54aeff66", + "button-primary-borderColor-disabled": { + "value": "#92caff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{button.primary.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-success-muted", + "name": "button-primary-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "success", "muted"] + "path": ["button", "primary", "borderColor", "disabled"] }, - "borderColor-success-emphasis": { - "value": "#218bff", - "$type": "color", + "button-primary-shadow-selected": { + "value": "inset 0px 1px 0px 0px #0021554d", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component shadow" } }, "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", - "$type": "color", + "value": [ + { + "color": "{base.color.blue.9}", + "alpha": 0.3, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component shadow" } } }, - "name": "borderColor-success-emphasis", + "name": "button-primary-shadow-selected", "attributes": {}, - "path": ["borderColor", "success", "emphasis"] + "path": ["button", "primary", "shadow", "selected"] }, - "borderColor-attention-muted": { - "value": "#d4a72c66", + "button-invisible-fgColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-attention-muted", + "name": "button-invisible-fgColor-rest", "attributes": {}, - "path": ["borderColor", "attention", "muted"] + "path": ["button", "invisible", "fgColor", "rest"] }, - "borderColor-attention-emphasis": { - "value": "#bf8700", + "button-invisible-fgColor-hover": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-attention-emphasis", + "name": "button-invisible-fgColor-hover", "attributes": {}, - "path": ["borderColor", "attention", "emphasis"] + "path": ["button", "invisible", "fgColor", "hover"] }, - "borderColor-severe-muted": { - "value": "#fb8f4466", + "button-invisible-fgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-severe-muted", + "name": "button-invisible-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "severe", "muted"] + "path": ["button", "invisible", "fgColor", "disabled"] }, - "borderColor-severe-emphasis": { - "value": "#bc4c00", + "button-invisible-iconColor-rest": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-severe-emphasis", + "name": "button-invisible-iconColor-rest", "attributes": {}, - "path": ["borderColor", "severe", "emphasis"] + "path": ["button", "invisible", "iconColor", "rest"] }, - "borderColor-danger-muted": { - "value": "#fb8f4466", + "button-invisible-iconColor-hover": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-danger-muted", + "name": "button-invisible-iconColor-hover", "attributes": {}, - "path": ["borderColor", "danger", "muted"] + "path": ["button", "invisible", "iconColor", "hover"] }, - "borderColor-danger-emphasis": { - "value": "#bc4c00", + "button-invisible-iconColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-danger-emphasis", + "name": "button-invisible-iconColor-disabled", "attributes": {}, - "path": ["borderColor", "danger", "emphasis"] + "path": ["button", "invisible", "iconColor", "disabled"] }, - "borderColor-open-muted": { - "value": "#fb8f4466", + "button-invisible-bgColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, - "alpha": 0.4, "original": { - "value": "{base.color.orange.3}", + "value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-open-muted", + "name": "button-invisible-bgColor-rest", "attributes": {}, - "path": ["borderColor", "open", "muted"] + "path": ["button", "invisible", "bgColor", "rest"] }, - "borderColor-open-emphasis": { - "value": "#e16f24", + "button-invisible-bgColor-hover": { + "value": "#d0d7de33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{control.transparent.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-emphasis", + "name": "button-invisible-bgColor-hover", "attributes": {}, - "path": ["borderColor", "open", "emphasis"] + "path": ["button", "invisible", "bgColor", "hover"] }, - "borderColor-closed-muted": { - "value": "#afb8c166", + "button-invisible-bgColor-active": { + "value": "#d0d7de66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{control.transparent.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-closed-muted", + "name": "button-invisible-bgColor-active", "attributes": {}, - "path": ["borderColor", "closed", "muted"] + "path": ["button", "invisible", "bgColor", "active"] }, - "borderColor-closed-emphasis": { - "value": "#6e7781", + "button-invisible-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{control.transparent.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-closed-emphasis", + "name": "button-invisible-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "closed", "emphasis"] + "path": ["button", "invisible", "bgColor", "disabled"] }, - "borderColor-done-muted": { - "value": "#c297ff66", + "button-invisible-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-done-muted", + "name": "button-invisible-borderColor-rest", "attributes": {}, - "path": ["borderColor", "done", "muted"] + "path": ["button", "invisible", "borderColor", "rest"] }, - "borderColor-done-emphasis": { - "value": "#8250df", + "button-invisible-borderColor-hover": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-done-emphasis", + "name": "button-invisible-borderColor-hover", "attributes": {}, - "path": ["borderColor", "done", "emphasis"] + "path": ["button", "invisible", "borderColor", "hover"] }, - "borderColor-sponsors-muted": { - "value": "#ff80c866", + "button-invisible-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-sponsors-muted", + "name": "button-invisible-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "sponsors", "muted"] + "path": ["button", "invisible", "borderColor", "disabled"] }, - "borderColor-sponsors-emphasis": { - "value": "#bf3989", + "button-outline-fgColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-sponsors-emphasis", + "name": "button-outline-fgColor-rest", "attributes": {}, - "path": ["borderColor", "sponsors", "emphasis"] + "path": ["button", "outline", "fgColor", "rest"] }, - "color-ansi-black": { - "value": "#24292f", + "button-outline-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black", + "name": "button-outline-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "black"] + "path": ["button", "outline", "fgColor", "hover"] }, - "color-ansi-black-bright": { - "value": "#57606a", + "button-outline-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black-bright", + "name": "button-outline-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "black-bright"] + "path": ["button", "outline", "fgColor", "active"] }, - "color-ansi-white": { - "value": "#6e7781", + "button-outline-fgColor-disabled": { + "value": "#0969da80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-white", + "name": "button-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "white"] + "path": ["button", "outline", "fgColor", "disabled"] }, - "color-ansi-white-bright": { - "value": "#8c959f", + "button-outline-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white-bright", + "name": "button-outline-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "white-bright"] + "path": ["button", "outline", "bgColor", "rest"] }, - "color-ansi-gray": { - "value": "#6e7781", + "button-outline-bgColor-hover": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-gray", + "name": "button-outline-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "gray"] + "path": ["button", "outline", "bgColor", "hover"] }, - "color-ansi-red": { - "value": "#bc4c00", + "button-outline-bgColor-active": { + "value": "#0757ba", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "mix": { + "color": "#033d8b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "color-ansi-red", + "name": "button-outline-bgColor-active", "attributes": {}, - "path": ["color", "ansi", "red"] + "path": ["button", "outline", "bgColor", "active"] }, - "color-ansi-red-bright": { - "value": "#953800", + "button-outline-bgColor-disabled": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-red-bright", + "name": "button-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "red-bright"] + "path": ["button", "outline", "bgColor", "disabled"] }, - "color-ansi-green": { - "value": "#0550ae", + "button-outline-borderColor-hover": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-ansi-green", + "name": "button-outline-borderColor-hover", "attributes": {}, - "path": ["color", "ansi", "green"] + "path": ["button", "outline", "borderColor", "hover"] }, - "color-ansi-green-bright": { - "value": "#0969da", + "button-outline-borderColor-active": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-ansi-green-bright", + "name": "button-outline-borderColor-active", "attributes": {}, - "path": ["color", "ansi", "green-bright"] + "path": ["button", "outline", "borderColor", "active"] }, - "color-ansi-yellow": { - "value": "#4d2d00", - "$type": "color", + "button-outline-shadow-selected": { + "value": "inset 0px 1px 0px 0px #00215533", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", - "$type": "color", + "value": [ + { + "color": "{base.color.blue.9}", + "alpha": 0.2, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } } }, - "name": "color-ansi-yellow", + "name": "button-outline-shadow-selected", "attributes": {}, - "path": ["color", "ansi", "yellow"] + "path": ["button", "outline", "shadow", "selected"] }, - "color-ansi-yellow-bright": { - "value": "#633c01", + "button-danger-fgColor-rest": { + "value": "#be4e02", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow-bright", + "name": "button-danger-fgColor-rest", "attributes": {}, - "path": ["color", "ansi", "yellow-bright"] + "path": ["button", "danger", "fgColor", "rest"] }, - "color-ansi-blue": { - "value": "#0969da", + "button-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue", + "name": "button-danger-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "blue"] + "path": ["button", "danger", "fgColor", "hover"] }, - "color-ansi-blue-bright": { - "value": "#218bff", + "button-danger-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue-bright", + "name": "button-danger-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "blue-bright"] + "path": ["button", "danger", "fgColor", "active"] }, - "color-ansi-magenta": { - "value": "#8250df", + "button-danger-fgColor-disabled": { + "value": "#be4e0280", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-magenta", + "name": "button-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "magenta"] + "path": ["button", "danger", "fgColor", "disabled"] }, - "color-ansi-magenta-bright": { - "value": "#a475f9", + "button-danger-iconColor-rest": { + "value": "#be4e02", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta-bright", + "name": "button-danger-iconColor-rest", "attributes": {}, - "path": ["color", "ansi", "magenta-bright"] + "path": ["button", "danger", "iconColor", "rest"] }, - "color-ansi-cyan": { - "value": "#1b7c83", + "button-danger-iconColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "#1b7c83", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-cyan", + "name": "button-danger-iconColor-hover", "attributes": {}, - "path": ["color", "ansi", "cyan"] + "path": ["button", "danger", "iconColor", "hover"] }, - "color-ansi-cyan-bright": { - "value": "#3192aa", + "button-danger-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "#3192aa", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan-bright", + "name": "button-danger-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "cyan-bright"] + "path": ["button", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-comment": { - "value": "#57606a", + "button-danger-bgColor-hover": { + "value": "#953800", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-comment", + "name": "button-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "comment"] + "path": ["button", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-constant": { - "value": "#0550ae", + "button-danger-bgColor-active": { + "value": "#7e2f00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#5c2200", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.orange.8}", + "weight": 0.4 } }, - "name": "color-prettylights-syntax-constant", + "name": "button-danger-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant"] + "path": ["button", "danger", "bgColor", "active"] }, - "color-prettylights-syntax-constant-other-reference-link": { - "value": "#0a3069", + "button-danger-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" - } + "group": "component (internal)", + "scopes": ["bgColor"] + } } }, - "name": "color-prettylights-syntax-constant-other-reference-link", + "name": "button-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + "path": ["button", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-entity": { - "value": "#6639ba", + "button-danger-borderColor-rest": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-entity", + "name": "button-danger-borderColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity"] + "path": ["button", "danger", "borderColor", "rest"] }, - "color-prettylights-syntax-storage-modifier-import": { - "value": "#24292f", + "button-danger-borderColor-hover": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-prettylights-syntax-storage-modifier-import", + "name": "button-danger-borderColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + "path": ["button", "danger", "borderColor", "hover"] }, - "color-prettylights-syntax-entity-tag": { - "value": "#0550ae", + "button-danger-borderColor-active": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-entity-tag", + "name": "button-danger-borderColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity-tag"] + "path": ["button", "danger", "borderColor", "active"] }, - "color-prettylights-syntax-keyword": { - "value": "#bc4c00", - "$type": "color", + "button-danger-shadow-selected": { + "value": "inset 0px 1px 0px 0px #47170033", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } }, "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", - "$type": "color", + "value": [ + { + "color": "{base.color.orange.9}", + "alpha": 0.2, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } } }, - "name": "color-prettylights-syntax-keyword", + "name": "button-danger-shadow-selected", "attributes": {}, - "path": ["color", "prettylights", "syntax", "keyword"] + "path": ["button", "danger", "shadow", "selected"] }, - "color-prettylights-syntax-string": { - "value": "#0a3069", + "button-inactive-fgColor": { + "value": "#57606a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-string", + "name": "button-inactive-fgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string"] + "path": ["button", "inactive", "fgColor"] }, - "color-prettylights-syntax-variable": { - "value": "#953800", + "button-inactive-bgColor": { + "value": "#eaeef2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-variable", + "name": "button-inactive-bgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "variable"] + "path": ["button", "inactive", "bgColor"] }, - "color-prettylights-syntax-brackethighlighter-unmatched": { - "value": "#762c00", + "button-star-iconColor": { + "value": "#eac54f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "name": "button-star-iconColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + "path": ["button", "star", "iconColor"] }, - "color-prettylights-syntax-brackethighlighter-angle": { - "value": "#57606a", + "buttonCounter-default-bgColor-rest": { + "value": "#afb8c133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-angle", + "name": "buttonCounter-default-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + "path": ["buttonCounter", "default", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-text": { - "value": "#f6f8fa", + "buttonCounter-invisible-bgColor-rest": { + "value": "#afb8c133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-invalid-illegal-text", + "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + "path": ["buttonCounter", "invisible", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-bg": { - "value": "#762c00", + "buttonCounter-primary-bgColor-rest": { + "value": "#002d1133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-bg", + "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + "path": ["buttonCounter", "primary", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-text": { - "value": "#f6f8fa", + "buttonCounter-outline-bgColor-rest": { + "value": "#0969da1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-carriage-return-text", + "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + "path": ["buttonCounter", "outline", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-bg": { - "value": "#bc4c00", + "buttonCounter-outline-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-carriage-return-bg", + "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "hover"] }, - "color-prettylights-syntax-string-regexp": { - "value": "#0550ae", + "buttonCounter-outline-bgColor-disabled": { + "value": "#0969da0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-string-regexp", + "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string-regexp"] + "path": ["buttonCounter", "outline", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-list": { - "value": "#3b2300", - "$type": "color", + "buttonCounter-outline-fgColor-rest": { + "value": "#0550ae", + "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-list", + "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "list"] + "path": ["buttonCounter", "outline", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-heading": { - "value": "#0550ae", + "buttonCounter-outline-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-heading", + "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "heading"] + "path": ["buttonCounter", "outline", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-italic": { - "value": "#24292f", + "buttonCounter-outline-fgColor-disabled": { + "value": "#0969da80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-italic", + "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "italic"] + "path": ["buttonCounter", "outline", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-bold": { - "value": "#24292f", + "buttonCounter-danger-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-bold", + "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "bold"] + "path": ["buttonCounter", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-deleted-text": { - "value": "#762c00", + "buttonCounter-danger-bgColor-disabled": { + "value": "#bc4c000d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-markup-deleted-text", + "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + "path": ["buttonCounter", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-deleted-bg": { - "value": "#fff1e5", + "buttonCounter-danger-bgColor-rest": { + "value": "#bc4c001a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-markup-deleted-bg", + "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + "path": ["buttonCounter", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-text": { - "value": "#0550ae", + "buttonCounter-danger-fgColor-rest": { + "value": "#c21c2c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "mix": { + "color": "#a40e26", + "weight": 0.3 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } + }, + "mix": { + "color": "{base.color.red.6}", + "weight": 0.3 } }, - "name": "color-prettylights-syntax-markup-inserted-text", + "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + "path": ["buttonCounter", "danger", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-bg": { - "value": "#ddf4ff", + "buttonCounter-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-inserted-bg", + "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-changed-text": { - "value": "#953800", + "buttonCounter-danger-fgColor-disabled": { + "value": "#be4e0280", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-changed-text", + "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] + "path": ["buttonCounter", "danger", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-changed-bg": { - "value": "#ffd8b5", + "reactionButton-selected-bgColor-rest": { + "value": "#ddf4ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-markup-changed-bg", + "name": "reactionButton-selected-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] + "path": ["reactionButton", "selected", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-ignored-text": { - "value": "#eaeef2", + "reactionButton-selected-bgColor-hover": { + "value": "#caecff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#80ccff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{reactionButton.selected.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.2 } }, - "name": "color-prettylights-syntax-markup-ignored-text", + "name": "reactionButton-selected-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] + "path": ["reactionButton", "selected", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-ignored-bg": { - "value": "#0550ae", + "reactionButton-selected-fgColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{fgColor.link.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-bg", + "name": "reactionButton-selected-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] + "path": ["reactionButton", "selected", "fgColor", "rest"] }, - "color-prettylights-syntax-meta-diff-range": { - "value": "#8250df", + "reactionButton-selected-fgColor-hover": { + "value": "#0550ae", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-meta-diff-range", + "name": "reactionButton-selected-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] + "path": ["reactionButton", "selected", "fgColor", "hover"] }, - "color-prettylights-syntax-sublimelinter-gutter-mark": { - "value": "#8c959f", + "focus-outlineColor": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{borderColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-sublimelinter-gutter-mark", + "name": "focus-outlineColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] + "path": ["focus", "outlineColor"] }, - "color-scale-black": { - "value": "#1f2328", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "focus-outline": { + "value": "#0969da solid 2px", + "$type": "border", + "filePath": "src/tokens/functional/border/light.json5", "isSource": true, "original": { - "value": "{base.color.black}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": { + "color": "{focus.outlineColor}", + "style": "solid", + "width": "2px" + }, + "$type": "border" }, - "name": "color-scale-black", + "name": "focus-outline", "attributes": {}, - "path": ["color", "scale", "black"] + "path": ["focus", "outline"] }, - "color-scale-transparent": { + "menu-bgColor-active": { "value": "#ffffff00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { "value": "{base.color.transparent}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-transparent", + "name": "menu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "transparent"] + "path": ["menu", "bgColor", "active"] }, - "color-scale-white": { + "overlay-bgColor": { "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { "value": "{base.color.white}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-white", + "name": "overlay-bgColor", "attributes": {}, - "path": ["color", "scale", "white"] + "path": ["overlay", "bgColor"] }, - "color-scale-gray-0": { - "value": "#f6f8fa", + "overlay-borderColor": { + "value": "#d0d7de80", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)" + } + }, + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{borderColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)" + } + }, + "alpha": 0.5 }, - "name": "color-scale-gray-0", + "name": "overlay-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "0"] + "path": ["overlay", "borderColor"] }, - "color-scale-gray-1": { - "value": "#eaeef2", + "overlay-backdrop-bgColor": { + "value": "#8c959f33", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "color-scale-gray-1", + "name": "overlay-backdrop-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "1"] + "path": ["overlay", "backdrop", "bgColor"] }, - "color-scale-gray-2": { - "value": "#d0d7de", + "selectMenu-borderColor": { + "value": "#ffffff00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.transparent}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-2", + "name": "selectMenu-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "2"] + "path": ["selectMenu", "borderColor"] }, - "color-scale-gray-3": { - "value": "#afb8c1", + "selectMenu-bgColor-active": { + "value": "#b6e3ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-3", + "name": "selectMenu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "3"] + "path": ["selectMenu", "bgColor", "active"] }, - "color-scale-gray-4": { - "value": "#8c959f", + "sideNav-bgColor-selected": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.white}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-4", + "name": "sideNav-bgColor-selected", "attributes": {}, - "path": ["color", "scale", "gray", "4"] + "path": ["sideNav", "bgColor", "selected"] }, - "color-scale-gray-5": { - "value": "#6e7781", + "skeletonLoader-bgColor": { + "value": "#f6f8fa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": "{bgColor.muted}", + "$type": "color" }, - "name": "color-scale-gray-5", + "name": "skeletonLoader-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "5"] + "path": ["skeletonLoader", "bgColor"] }, - "color-scale-gray-6": { - "value": "#57606a", + "timelineBadge-bgColor": { + "value": "#eaeef2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-6", + "name": "timelineBadge-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "6"] + "path": ["timelineBadge", "bgColor"] }, - "color-scale-gray-7": { - "value": "#424a53", + "treeViewItem-leadingVisual-iconColor-rest": { + "value": "#54aeff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.blue.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-7", + "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "7"] + "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] }, - "color-scale-gray-8": { - "value": "#32383f", + "underlineNav-borderColor-active": { + "value": "#fd8c73", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.coral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-8", + "name": "underlineNav-borderColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "8"] + "path": ["underlineNav", "borderColor", "active"] }, - "color-scale-gray-9": { - "value": "#24292f", + "underlineNav-borderColor-hover": { + "value": "#afb8c133", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.gray.9}", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{borderColor.neutral.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-9", + "name": "underlineNav-borderColor-hover", "attributes": {}, - "path": ["color", "scale", "gray", "9"] + "path": ["underlineNav", "borderColor", "hover"] }, - "color-scale-blue-0": { - "value": "#ddf4ff", + "underlineNav-iconColor-rest": { + "value": "#636c76", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-0", + "name": "underlineNav-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "0"] + "path": ["underlineNav", "iconColor", "rest"] }, - "color-scale-blue-1": { - "value": "#b6e3ff", + "selection-bgColor": { + "value": "#0969da33", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{bgColor.accent.emphasis}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "color-scale-blue-1", + "name": "selection-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "1"] + "path": ["selection", "bgColor"] }, - "color-scale-blue-2": { - "value": "#80ccff", + "card-bgColor": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{bgColor.default}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-2", + "name": "card-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "2"] + "path": ["card", "bgColor"] }, - "color-scale-blue-3": { - "value": "#54aeff", + "label-green-bgColor-rest": { + "value": "#caf7ca", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-3", + "name": "label-green-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "3"] + "path": ["label", "green", "bgColor", "rest"] }, - "color-scale-blue-4": { - "value": "#218bff", + "label-green-bgColor-hover": { + "value": "#9ceda0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-4", + "name": "label-green-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "4"] + "path": ["label", "green", "bgColor", "hover"] }, - "color-scale-blue-5": { - "value": "#0969da", + "label-green-bgColor-active": { + "value": "#54d961", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-5", + "name": "label-green-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "5"] + "path": ["label", "green", "bgColor", "active"] }, - "color-scale-blue-6": { - "value": "#0550ae", + "label-green-fgColor-rest": { + "value": "#2b6e3f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-6", + "name": "label-green-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "6"] + "path": ["label", "green", "fgColor", "rest"] }, - "color-scale-blue-7": { - "value": "#033d8b", + "label-green-fgColor-hover": { + "value": "#285c3b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.green.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-7", + "name": "label-green-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "7"] + "path": ["label", "green", "fgColor", "hover"] }, - "color-scale-blue-8": { - "value": "#0a3069", + "label-green-fgColor-active": { + "value": "#254b34", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-8", + "name": "label-green-fgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "8"] + "path": ["label", "green", "fgColor", "active"] }, - "color-scale-blue-9": { - "value": "#002155", + "label-orange-bgColor-rest": { + "value": "#ffe7d1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-9", + "name": "label-orange-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "9"] + "path": ["label", "orange", "bgColor", "rest"] }, - "color-scale-green-0": { - "value": "#ddf4ff", + "label-orange-bgColor-hover": { + "value": "#fecfaa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.display.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-0", + "name": "label-orange-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "0"] + "path": ["label", "orange", "bgColor", "hover"] }, - "color-scale-green-1": { - "value": "#b6e3ff", + "label-orange-bgColor-active": { + "value": "#fbaf74", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.display.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-1", + "name": "label-orange-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "1"] + "path": ["label", "orange", "bgColor", "active"] }, - "color-scale-green-2": { - "value": "#80ccff", + "label-orange-fgColor-rest": { + "value": "#a24610", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{base.display.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-2", + "name": "label-orange-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "2"] + "path": ["label", "orange", "fgColor", "rest"] }, - "color-scale-green-3": { - "value": "#54aeff", + "label-orange-fgColor-hover": { + "value": "#8d3c11", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-3", + "name": "label-orange-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "3"] + "path": ["label", "orange", "fgColor", "hover"] }, - "color-scale-green-4": { - "value": "#218bff", + "label-orange-fgColor-active": { + "value": "#70300f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-4", + "name": "label-orange-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "4"] + "path": ["label", "orange", "fgColor", "active"] }, - "color-scale-green-5": { - "value": "#0969da", + "label-purple-bgColor-rest": { + "value": "#f1e5ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.purple.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-5", + "name": "label-purple-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "5"] + "path": ["label", "purple", "bgColor", "rest"] }, - "color-scale-green-6": { - "value": "#0550ae", + "label-purple-bgColor-hover": { + "value": "#e6d2fe", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.purple.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-6", + "name": "label-purple-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "6"] + "path": ["label", "purple", "bgColor", "hover"] }, - "color-scale-green-7": { - "value": "#033d8b", + "label-purple-bgColor-active": { + "value": "#d1b1fc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-7", + "name": "label-purple-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "7"] + "path": ["label", "purple", "bgColor", "active"] }, - "color-scale-green-8": { - "value": "#0a3069", + "label-purple-fgColor-rest": { + "value": "#783ae4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-8", + "name": "label-purple-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "8"] + "path": ["label", "purple", "fgColor", "rest"] }, - "color-scale-green-9": { - "value": "#002155", + "label-purple-fgColor-hover": { + "value": "#6223d7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.purple.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-9", + "name": "label-purple-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "9"] + "path": ["label", "purple", "fgColor", "hover"] }, - "color-scale-yellow-0": { - "value": "#fff8c5", + "label-purple-fgColor-active": { + "value": "#4f21ab", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{base.display.color.purple.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-0", + "name": "label-purple-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "0"] + "path": ["label", "purple", "fgColor", "active"] }, - "color-scale-yellow-1": { - "value": "#fae17d", + "label-red-bgColor-rest": { + "value": "#ffe2e0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.display.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-1", + "name": "label-red-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "1"] + "path": ["label", "red", "bgColor", "rest"] }, - "color-scale-yellow-2": { - "value": "#eac54f", + "label-red-bgColor-hover": { + "value": "#fecdcd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.display.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-2", + "name": "label-red-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "2"] + "path": ["label", "red", "bgColor", "hover"] }, - "color-scale-yellow-3": { - "value": "#d4a72c", + "label-red-bgColor-active": { + "value": "#fda5a7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.display.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-3", + "name": "label-red-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "3"] + "path": ["label", "red", "bgColor", "active"] }, - "color-scale-yellow-4": { - "value": "#bf8700", + "label-red-fgColor-rest": { + "value": "#c50d28", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.display.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-4", + "name": "label-red-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "4"] + "path": ["label", "red", "fgColor", "rest"] }, - "color-scale-yellow-5": { - "value": "#9a6700", + "label-red-fgColor-hover": { + "value": "#a60c29", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{base.display.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-5", + "name": "label-red-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "5"] + "path": ["label", "red", "fgColor", "hover"] }, - "color-scale-yellow-6": { - "value": "#7d4e00", + "label-red-fgColor-active": { + "value": "#880c27", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.yellow.6}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } }, - "name": "color-scale-yellow-6", - "attributes": {}, - "path": ["color", "scale", "yellow", "6"] - }, - "color-scale-yellow-7": { - "value": "#633c01", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{base.display.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-7", + "name": "label-red-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "7"] + "path": ["label", "red", "fgColor", "active"] }, - "color-scale-yellow-8": { - "value": "#4d2d00", + "label-yellow-bgColor-rest": { + "value": "#ffec9e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", + "value": "{base.display.color.yellow.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-8", + "name": "label-yellow-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "8"] + "path": ["label", "yellow", "bgColor", "rest"] }, - "color-scale-yellow-9": { - "value": "#3b2300", + "label-yellow-bgColor-hover": { + "value": "#ffd642", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.display.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-9", + "name": "label-yellow-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "9"] + "path": ["label", "yellow", "bgColor", "hover"] }, - "color-scale-orange-0": { - "value": "#fff1e5", + "label-yellow-bgColor-active": { + "value": "#ebb400", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.display.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-0", + "name": "label-yellow-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "0"] + "path": ["label", "yellow", "bgColor", "active"] }, - "color-scale-orange-1": { - "value": "#ffd8b5", + "label-yellow-fgColor-rest": { + "value": "#805900", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.display.color.yellow.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-1", + "name": "label-yellow-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "1"] + "path": ["label", "yellow", "fgColor", "rest"] }, - "color-scale-orange-2": { - "value": "#ffb77c", + "label-yellow-fgColor-hover": { + "value": "#704d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.display.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-2", + "name": "label-yellow-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "2"] + "path": ["label", "yellow", "fgColor", "hover"] }, - "color-scale-orange-3": { - "value": "#fb8f44", + "label-yellow-fgColor-active": { + "value": "#5c3d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.display.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-3", + "name": "label-yellow-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "3"] + "path": ["label", "yellow", "fgColor", "active"] }, - "color-scale-orange-4": { - "value": "#e16f24", + "label-gray-bgColor-rest": { + "value": "#e8ecf2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.display.color.gray.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-4", + "name": "label-gray-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "4"] + "path": ["label", "gray", "bgColor", "rest"] }, - "color-scale-orange-5": { - "value": "#bc4c00", + "label-gray-bgColor-hover": { + "value": "#d2dae4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{base.display.color.gray.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-5", + "name": "label-gray-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "5"] + "path": ["label", "gray", "bgColor", "hover"] }, - "color-scale-orange-6": { - "value": "#953800", + "label-gray-bgColor-active": { + "value": "#b4c0cf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.gray.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-6", + "name": "label-gray-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "6"] + "path": ["label", "gray", "bgColor", "active"] }, - "color-scale-orange-7": { - "value": "#762c00", + "label-gray-fgColor-rest": { + "value": "#5c6570", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.display.color.gray.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-7", + "name": "label-gray-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "7"] + "path": ["label", "gray", "fgColor", "rest"] }, - "color-scale-orange-8": { - "value": "#5c2200", + "label-gray-fgColor-hover": { + "value": "#4e535a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{base.display.color.gray.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-8", + "name": "label-gray-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "8"] + "path": ["label", "gray", "fgColor", "hover"] }, - "color-scale-orange-9": { - "value": "#471700", + "label-gray-fgColor-active": { + "value": "#424448", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.9}", + "value": "{base.display.color.gray.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-9", + "name": "label-gray-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "9"] + "path": ["label", "gray", "fgColor", "active"] }, - "color-scale-red-0": { - "value": "#fff1e5", + "label-auburn-bgColor-rest": { + "value": "#f2e9e9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.display.color.auburn.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-0", + "name": "label-auburn-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "0"] + "path": ["label", "auburn", "bgColor", "rest"] }, - "color-scale-red-1": { - "value": "#ffd8b5", + "label-auburn-bgColor-hover": { + "value": "#e6d6d5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.display.color.auburn.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-1", + "name": "label-auburn-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "1"] + "path": ["label", "auburn", "bgColor", "hover"] }, - "color-scale-red-2": { - "value": "#ffb77c", + "label-auburn-bgColor-active": { + "value": "#d4b7b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.display.color.auburn.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-2", + "name": "label-auburn-bgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "2"] + "path": ["label", "auburn", "bgColor", "active"] }, - "color-scale-red-3": { - "value": "#fb8f44", + "label-auburn-fgColor-rest": { + "value": "#8a5551", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.display.color.auburn.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-3", + "name": "label-auburn-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "3"] + "path": ["label", "auburn", "fgColor", "rest"] }, - "color-scale-red-4": { - "value": "#e16f24", + "label-auburn-fgColor-hover": { + "value": "#744744", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.display.color.auburn.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-4", + "name": "label-auburn-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "4"] + "path": ["label", "auburn", "fgColor", "hover"] }, - "color-scale-red-5": { - "value": "#bc4c00", + "label-auburn-fgColor-active": { + "value": "#5d3937", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{base.display.color.auburn.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-5", + "name": "label-auburn-fgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "5"] + "path": ["label", "auburn", "fgColor", "active"] }, - "color-scale-red-6": { - "value": "#953800", + "label-brown-bgColor-rest": { + "value": "#eeeae2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.brown.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-6", + "name": "label-brown-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "6"] + "path": ["label", "brown", "bgColor", "rest"] }, - "color-scale-red-7": { - "value": "#762c00", + "label-brown-bgColor-hover": { + "value": "#dfd7c8", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.display.color.brown.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-7", + "name": "label-brown-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "7"] + "path": ["label", "brown", "bgColor", "hover"] }, - "color-scale-red-8": { - "value": "#5c2200", + "label-brown-bgColor-active": { + "value": "#cbbda4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{base.display.color.brown.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-8", + "name": "label-brown-bgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "8"] + "path": ["label", "brown", "bgColor", "active"] }, - "color-scale-red-9": { - "value": "#471700", + "label-brown-fgColor-rest": { + "value": "#755f43", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.9}", + "value": "{base.display.color.brown.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-9", + "name": "label-brown-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "9"] + "path": ["label", "brown", "fgColor", "rest"] }, - "color-scale-purple-0": { - "value": "#fbefff", + "label-brown-fgColor-hover": { + "value": "#64513a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{base.display.color.brown.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-0", + "name": "label-brown-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "0"] + "path": ["label", "brown", "fgColor", "hover"] }, - "color-scale-purple-1": { - "value": "#ecd8ff", + "label-brown-fgColor-active": { + "value": "#51412f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.1}", + "value": "{base.display.color.brown.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-1", + "name": "label-brown-fgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "1"] + "path": ["label", "brown", "fgColor", "active"] }, - "color-scale-purple-2": { - "value": "#d8b9ff", + "label-lemon-bgColor-rest": { + "value": "#f7eea1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.display.color.lemon.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-2", + "name": "label-lemon-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "2"] + "path": ["label", "lemon", "bgColor", "rest"] }, - "color-scale-purple-3": { - "value": "#c297ff", + "label-lemon-bgColor-hover": { + "value": "#f0db3d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{base.display.color.lemon.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "hover"] + }, + "label-lemon-bgColor-active": { + "value": "#d8bd0e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-active", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "active"] + }, + "label-lemon-fgColor-rest": { + "value": "#786002", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "rest"] + }, + "label-lemon-fgColor-hover": { + "value": "#654f01", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "hover"] + }, + "label-lemon-fgColor-active": { + "value": "#523f00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-active", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "active"] + }, + "label-olive-bgColor-rest": { + "value": "#f0f0ad", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-rest", + "attributes": {}, + "path": ["label", "olive", "bgColor", "rest"] + }, + "label-olive-bgColor-hover": { + "value": "#dbe170", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-hover", + "attributes": {}, + "path": ["label", "olive", "bgColor", "hover"] + }, + "label-olive-bgColor-active": { + "value": "#b9c832", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-active", + "attributes": {}, + "path": ["label", "olive", "bgColor", "active"] + }, + "label-olive-fgColor-rest": { + "value": "#56682c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-rest", + "attributes": {}, + "path": ["label", "olive", "fgColor", "rest"] + }, + "label-olive-fgColor-hover": { + "value": "#495a2b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-hover", + "attributes": {}, + "path": ["label", "olive", "fgColor", "hover"] + }, + "label-olive-fgColor-active": { + "value": "#3b4927", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-active", + "attributes": {}, + "path": ["label", "olive", "fgColor", "active"] + }, + "label-lime-bgColor-rest": { + "value": "#e3f2b5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-rest", + "attributes": {}, + "path": ["label", "lime", "bgColor", "rest"] + }, + "label-lime-bgColor-hover": { + "value": "#c7e580", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-hover", + "attributes": {}, + "path": ["label", "lime", "bgColor", "hover"] + }, + "label-lime-bgColor-active": { + "value": "#9bd039", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-active", + "attributes": {}, + "path": ["label", "lime", "bgColor", "active"] + }, + "label-lime-fgColor-rest": { + "value": "#476c28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-rest", + "attributes": {}, + "path": ["label", "lime", "fgColor", "rest"] + }, + "label-lime-fgColor-hover": { + "value": "#3a5b25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-hover", + "attributes": {}, + "path": ["label", "lime", "fgColor", "hover"] + }, + "label-lime-fgColor-active": { + "value": "#2f4a21", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-active", + "attributes": {}, + "path": ["label", "lime", "fgColor", "active"] + }, + "label-pine-bgColor-rest": { + "value": "#bff8db", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-rest", + "attributes": {}, + "path": ["label", "pine", "bgColor", "rest"] + }, + "label-pine-bgColor-hover": { + "value": "#80efb9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-hover", + "attributes": {}, + "path": ["label", "pine", "bgColor", "hover"] + }, + "label-pine-bgColor-active": { + "value": "#1dd781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-active", + "attributes": {}, + "path": ["label", "pine", "bgColor", "active"] + }, + "label-pine-fgColor-rest": { + "value": "#156f4b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-rest", + "attributes": {}, + "path": ["label", "pine", "fgColor", "rest"] + }, + "label-pine-fgColor-hover": { + "value": "#135d41", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-hover", + "attributes": {}, + "path": ["label", "pine", "fgColor", "hover"] + }, + "label-pine-fgColor-active": { + "value": "#114b36", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-active", + "attributes": {}, + "path": ["label", "pine", "fgColor", "active"] + }, + "label-teal-bgColor-rest": { + "value": "#c7f5ef", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-rest", + "attributes": {}, + "path": ["label", "teal", "bgColor", "rest"] + }, + "label-teal-bgColor-hover": { + "value": "#89ebe1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-hover", + "attributes": {}, + "path": ["label", "teal", "bgColor", "hover"] + }, + "label-teal-bgColor-active": { + "value": "#22d3c7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-active", + "attributes": {}, + "path": ["label", "teal", "bgColor", "active"] + }, + "label-teal-fgColor-rest": { + "value": "#106e75", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-rest", + "attributes": {}, + "path": ["label", "teal", "fgColor", "rest"] + }, + "label-teal-fgColor-hover": { + "value": "#0d5b63", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-hover", + "attributes": {}, + "path": ["label", "teal", "fgColor", "hover"] + }, + "label-teal-fgColor-active": { + "value": "#0a4852", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-active", + "attributes": {}, + "path": ["label", "teal", "fgColor", "active"] + }, + "label-cyan-bgColor-rest": { + "value": "#bdf4ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "rest"] + }, + "label-cyan-bgColor-hover": { + "value": "#7ae9ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "hover"] + }, + "label-cyan-bgColor-active": { + "value": "#00d0fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-active", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "active"] + }, + "label-cyan-fgColor-rest": { + "value": "#006a80", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "rest"] + }, + "label-cyan-fgColor-hover": { + "value": "#00596b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "hover"] + }, + "label-cyan-fgColor-active": { + "value": "#004857", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-active", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "active"] + }, + "label-indigo-bgColor-rest": { + "value": "#e5e9ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "rest"] + }, + "label-indigo-bgColor-hover": { + "value": "#d2d7fe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "hover"] + }, + "label-indigo-bgColor-active": { + "value": "#b1b9fb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-active", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "active"] + }, + "label-indigo-fgColor-rest": { + "value": "#494edf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "rest"] + }, + "label-indigo-fgColor-hover": { + "value": "#393cd5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "hover"] + }, + "label-indigo-fgColor-active": { + "value": "#2d2db4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-active", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "active"] + }, + "label-blue-bgColor-rest": { + "value": "#d1f0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-rest", + "attributes": {}, + "path": ["label", "blue", "bgColor", "rest"] + }, + "label-blue-bgColor-hover": { + "value": "#ade1ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-hover", + "attributes": {}, + "path": ["label", "blue", "bgColor", "hover"] + }, + "label-blue-bgColor-active": { + "value": "#75c8ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-active", + "attributes": {}, + "path": ["label", "blue", "bgColor", "active"] + }, + "label-blue-fgColor-rest": { + "value": "#005fcc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-rest", + "attributes": {}, + "path": ["label", "blue", "fgColor", "rest"] + }, + "label-blue-fgColor-hover": { + "value": "#004db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-hover", + "attributes": {}, + "path": ["label", "blue", "fgColor", "hover"] + }, + "label-blue-fgColor-active": { + "value": "#003d99", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-active", + "attributes": {}, + "path": ["label", "blue", "fgColor", "active"] + }, + "label-plum-bgColor-rest": { + "value": "#f8e5ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-rest", + "attributes": {}, + "path": ["label", "plum", "bgColor", "rest"] + }, + "label-plum-bgColor-hover": { + "value": "#f0cdfe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-hover", + "attributes": {}, + "path": ["label", "plum", "bgColor", "hover"] + }, + "label-plum-bgColor-active": { + "value": "#e2a7fb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-active", + "attributes": {}, + "path": ["label", "plum", "bgColor", "active"] + }, + "label-plum-fgColor-rest": { + "value": "#961edc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-rest", + "attributes": {}, + "path": ["label", "plum", "fgColor", "rest"] + }, + "label-plum-fgColor-hover": { + "value": "#7d1eb8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-hover", + "attributes": {}, + "path": ["label", "plum", "fgColor", "hover"] + }, + "label-plum-fgColor-active": { + "value": "#651d96", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-active", + "attributes": {}, + "path": ["label", "plum", "fgColor", "active"] + }, + "label-pink-bgColor-rest": { + "value": "#ffe5f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-rest", + "attributes": {}, + "path": ["label", "pink", "bgColor", "rest"] + }, + "label-pink-bgColor-hover": { + "value": "#fdc9e2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-hover", + "attributes": {}, + "path": ["label", "pink", "bgColor", "hover"] + }, + "label-pink-bgColor-active": { + "value": "#f8a5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-active", + "attributes": {}, + "path": ["label", "pink", "bgColor", "active"] + }, + "label-pink-fgColor-rest": { + "value": "#b12f79", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-rest", + "attributes": {}, + "path": ["label", "pink", "fgColor", "rest"] + }, + "label-pink-fgColor-hover": { + "value": "#8e2e66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-hover", + "attributes": {}, + "path": ["label", "pink", "fgColor", "hover"] + }, + "label-pink-fgColor-active": { + "value": "#6e2b53", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-active", + "attributes": {}, + "path": ["label", "pink", "fgColor", "active"] + }, + "label-coral-bgColor-rest": { + "value": "#ffe5db", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-rest", + "attributes": {}, + "path": ["label", "coral", "bgColor", "rest"] + }, + "label-coral-bgColor-hover": { + "value": "#fecebe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-hover", + "attributes": {}, + "path": ["label", "coral", "bgColor", "hover"] + }, + "label-coral-bgColor-active": { + "value": "#fcab92", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-active", + "attributes": {}, + "path": ["label", "coral", "bgColor", "active"] + }, + "label-coral-fgColor-rest": { + "value": "#ba2e12", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-rest", + "attributes": {}, + "path": ["label", "coral", "fgColor", "rest"] + }, + "label-coral-fgColor-hover": { + "value": "#9b2712", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-hover", + "attributes": {}, + "path": ["label", "coral", "fgColor", "hover"] + }, + "label-coral-fgColor-active": { + "value": "#7e2011", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-active", + "attributes": {}, + "path": ["label", "coral", "fgColor", "active"] + }, + "fgColor-default": { + "value": "#1f2328", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + } + }, + "name": "fgColor-default", + "attributes": {}, + "path": ["fgColor", "default"] + }, + "fgColor-muted": { + "value": "#636c76", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "#6e7781", + "weight": 0.5 + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.5 + } + }, + "name": "fgColor-muted", + "attributes": {}, + "path": ["fgColor", "muted"] + }, + "fgColor-onEmphasis": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + } + }, + "name": "fgColor-onEmphasis", + "attributes": {}, + "path": ["fgColor", "onEmphasis"] + }, + "fgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-white", + "attributes": {}, + "path": ["fgColor", "white"] + }, + "fgColor-black": { + "value": "#1f2328", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-black", + "attributes": {}, + "path": ["fgColor", "black"] + }, + "fgColor-disabled": { + "value": "#8c959f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-disabled", + "attributes": {}, + "path": ["fgColor", "disabled"] + }, + "fgColor-link": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{fgColor.accent.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-link", + "attributes": {}, + "path": ["fgColor", "link", "@"] + }, + "fgColor-neutral": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-neutral", + "attributes": {}, + "path": ["fgColor", "neutral", "@"] + }, + "fgColor-accent": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-accent", + "attributes": {}, + "path": ["fgColor", "accent", "@"] + }, + "fgColor-success": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + } + }, + "name": "fgColor-success", + "attributes": {}, + "path": ["fgColor", "success", "@"] + }, + "fgColor-attention": { + "value": "#9a6700", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + } + }, + "name": "fgColor-attention", + "attributes": {}, + "path": ["fgColor", "attention", "@"] + }, + "fgColor-severe": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + } + }, + "name": "fgColor-severe", + "attributes": {}, + "path": ["fgColor", "severe", "@"] + }, + "fgColor-danger": { + "value": "#be4e02", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "mix": { + "color": "#e16f24", + "weight": 0.05 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "mix": { + "color": "{base.color.orange.4}", + "weight": 0.05 + } + }, + "name": "fgColor-danger", + "attributes": {}, + "path": ["fgColor", "danger", "@"] + }, + "fgColor-open": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + } + }, + "name": "fgColor-open", + "attributes": {}, + "path": ["fgColor", "open", "@"] + }, + "fgColor-closed": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + } + }, + "name": "fgColor-closed", + "attributes": {}, + "path": ["fgColor", "closed", "@"] + }, + "fgColor-done": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + } + }, + "name": "fgColor-done", + "attributes": {}, + "path": ["fgColor", "done", "@"] + }, + "fgColor-upsell": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + } + }, + "name": "fgColor-upsell", + "attributes": {}, + "path": ["fgColor", "upsell", "@"] + }, + "fgColor-sponsors": { + "value": "#bf3989", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + } + }, + "name": "fgColor-sponsors", + "attributes": {}, + "path": ["fgColor", "sponsors", "@"] + }, + "bgColor-default": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + } + }, + "name": "bgColor-default", + "attributes": {}, + "path": ["bgColor", "default"] + }, + "bgColor-muted": { + "value": "#f6f8fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + } + }, + "name": "bgColor-muted", + "attributes": {}, + "path": ["bgColor", "muted"] + }, + "bgColor-inset": { + "value": "#f6f8fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + } + }, + "name": "bgColor-inset", + "attributes": {}, + "path": ["bgColor", "inset"] + }, + "bgColor-emphasis": { + "value": "#24292f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + } + }, + "name": "bgColor-emphasis", + "attributes": {}, + "path": ["bgColor", "emphasis"] + }, + "bgColor-inverse": { + "value": "#24292f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-inverse", + "attributes": {}, + "path": ["bgColor", "inverse"] + }, + "bgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-white", + "attributes": {}, + "path": ["bgColor", "white"] + }, + "bgColor-black": { + "value": "#1f2328", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-black", + "attributes": {}, + "path": ["bgColor", "black"] + }, + "bgColor-disabled": { + "value": "#eaeef2b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 + }, + "name": "bgColor-disabled", + "attributes": {}, + "path": ["bgColor", "disabled"] + }, + "bgColor-transparent": { + "value": "#ffffff00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + } + }, + "name": "bgColor-transparent", + "attributes": {}, + "path": ["bgColor", "transparent"] + }, + "bgColor-neutral-muted": { + "value": "#afb8c133", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 + }, + "name": "bgColor-neutral-muted", + "attributes": {}, + "path": ["bgColor", "neutral", "muted"] + }, + "bgColor-neutral-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-neutral-emphasis", + "attributes": {}, + "path": ["bgColor", "neutral", "emphasis"] + }, + "bgColor-accent-muted": { + "value": "#ddf4ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + } + }, + "name": "bgColor-accent-muted", + "attributes": {}, + "path": ["bgColor", "accent", "muted"] + }, + "bgColor-accent-emphasis": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + } + }, + "name": "bgColor-accent-emphasis", + "attributes": {}, + "path": ["bgColor", "accent", "emphasis"] + }, + "bgColor-success-muted": { + "value": "#ddf4ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + } + }, + "name": "bgColor-success-muted", + "attributes": {}, + "path": ["bgColor", "success", "muted"] + }, + "bgColor-success-emphasis": { + "value": "#0f72e3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "mix": { + "color": "#0969da", + "weight": 0.75 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "mix": { + "color": "{base.color.blue.5}", + "weight": 0.75 + } + }, + "name": "bgColor-success-emphasis", + "attributes": {}, + "path": ["bgColor", "success", "emphasis"] + }, + "bgColor-attention-muted": { + "value": "#fff8c5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + } + }, + "name": "bgColor-attention-muted", + "attributes": {}, + "path": ["bgColor", "attention", "muted"] + }, + "bgColor-attention-emphasis": { + "value": "#9a6700", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + } + }, + "name": "bgColor-attention-emphasis", + "attributes": {}, + "path": ["bgColor", "attention", "emphasis"] + }, + "bgColor-severe-muted": { + "value": "#fff1e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + } + }, + "name": "bgColor-severe-muted", + "attributes": {}, + "path": ["bgColor", "severe", "muted"] + }, + "bgColor-severe-emphasis": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + } + }, + "name": "bgColor-severe-emphasis", + "attributes": {}, + "path": ["bgColor", "severe", "emphasis"] + }, + "bgColor-danger-muted": { + "value": "#fff1e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + } + }, + "name": "bgColor-danger-muted", + "attributes": {}, + "path": ["bgColor", "danger", "muted"] + }, + "bgColor-danger-emphasis": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + } + }, + "name": "bgColor-danger-emphasis", + "attributes": {}, + "path": ["bgColor", "danger", "emphasis"] + }, + "bgColor-open-muted": { + "value": "#fb8f4466", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "alpha": 0.4, + "original": { + "value": "{base.color.orange.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "alpha": 0.4 + }, + "name": "bgColor-open-muted", + "attributes": {}, + "path": ["bgColor", "open", "muted"] + }, + "bgColor-open-emphasis": { + "value": "#e16f24", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-open-emphasis", + "attributes": {}, + "path": ["bgColor", "open", "emphasis"] + }, + "bgColor-closed-muted": { + "value": "#afb8c166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "alpha": 0.4, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "bgColor-closed-muted", + "attributes": {}, + "path": ["bgColor", "closed", "muted"] + }, + "bgColor-closed-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + } + }, + "name": "bgColor-closed-emphasis", + "attributes": {}, + "path": ["bgColor", "closed", "emphasis"] + }, + "bgColor-done-muted": { + "value": "#fbefff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + } + }, + "name": "bgColor-done-muted", + "attributes": {}, + "path": ["bgColor", "done", "muted"] + }, + "bgColor-done-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + } + }, + "name": "bgColor-done-emphasis", + "attributes": {}, + "path": ["bgColor", "done", "emphasis"] + }, + "bgColor-upsell-muted": { + "value": "#fbefff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + } + }, + "name": "bgColor-upsell-muted", + "attributes": {}, + "path": ["bgColor", "upsell", "muted"] + }, + "bgColor-upsell-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + } + }, + "name": "bgColor-upsell-emphasis", + "attributes": {}, + "path": ["bgColor", "upsell", "emphasis"] + }, + "bgColor-sponsors-muted": { + "value": "#ffeff7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + } + }, + "name": "bgColor-sponsors-muted", + "attributes": {}, + "path": ["bgColor", "sponsors", "muted"] + }, + "bgColor-sponsors-emphasis": { + "value": "#bf3989", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + } + }, + "name": "bgColor-sponsors-emphasis", + "attributes": {}, + "path": ["bgColor", "sponsors", "emphasis"] + }, + "borderColor-default": { + "value": "#d0d7de", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + } + }, + "name": "borderColor-default", + "attributes": {}, + "path": ["borderColor", "default"] + }, + "borderColor-muted": { + "value": "#d0d7deb3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{borderColor.default}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7 + }, + "name": "borderColor-muted", + "attributes": {}, + "path": ["borderColor", "muted"] + }, + "borderColor-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-emphasis", + "attributes": {}, + "path": ["borderColor", "emphasis"] + }, + "borderColor-disabled": { + "value": "#eaeef2b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{bgColor.disabled}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-disabled", + "attributes": {}, + "path": ["borderColor", "disabled"] + }, + "borderColor-transparent": { + "value": "#ffffff00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-transparent", + "attributes": {}, + "path": ["borderColor", "transparent"] + }, + "borderColor-neutral-muted": { + "value": "#afb8c133", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.2 + }, + "name": "borderColor-neutral-muted", + "attributes": {}, + "path": ["borderColor", "neutral", "muted"] + }, + "borderColor-neutral-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-neutral-emphasis", + "attributes": {}, + "path": ["borderColor", "neutral", "emphasis"] + }, + "borderColor-accent-muted": { + "value": "#54aeff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-accent-muted", + "attributes": {}, + "path": ["borderColor", "accent", "muted"] + }, + "borderColor-accent-emphasis": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + } + }, + "name": "borderColor-accent-emphasis", + "attributes": {}, + "path": ["borderColor", "accent", "emphasis"] + }, + "borderColor-success-muted": { + "value": "#54aeff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-success-muted", + "attributes": {}, + "path": ["borderColor", "success", "muted"] + }, + "borderColor-success-emphasis": { + "value": "#218bff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + } + }, + "name": "borderColor-success-emphasis", + "attributes": {}, + "path": ["borderColor", "success", "emphasis"] + }, + "borderColor-attention-muted": { + "value": "#d4a72c66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-attention-muted", + "attributes": {}, + "path": ["borderColor", "attention", "muted"] + }, + "borderColor-attention-emphasis": { + "value": "#bf8700", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + } + }, + "name": "borderColor-attention-emphasis", + "attributes": {}, + "path": ["borderColor", "attention", "emphasis"] + }, + "borderColor-severe-muted": { + "value": "#fb8f4466", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-severe-muted", + "attributes": {}, + "path": ["borderColor", "severe", "muted"] + }, + "borderColor-severe-emphasis": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + } + }, + "name": "borderColor-severe-emphasis", + "attributes": {}, + "path": ["borderColor", "severe", "emphasis"] + }, + "borderColor-danger-muted": { + "value": "#fb8f4466", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-danger-muted", + "attributes": {}, + "path": ["borderColor", "danger", "muted"] + }, + "borderColor-danger-emphasis": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + } + }, + "name": "borderColor-danger-emphasis", + "attributes": {}, + "path": ["borderColor", "danger", "emphasis"] + }, + "borderColor-open-muted": { + "value": "#fb8f4466", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "alpha": 0.4, + "original": { + "value": "{base.color.orange.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-open-muted", + "attributes": {}, + "path": ["borderColor", "open", "muted"] + }, + "borderColor-open-emphasis": { + "value": "#e16f24", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + } + }, + "name": "borderColor-open-emphasis", + "attributes": {}, + "path": ["borderColor", "open", "emphasis"] + }, + "borderColor-closed-muted": { + "value": "#afb8c166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-closed-muted", + "attributes": {}, + "path": ["borderColor", "closed", "muted"] + }, + "borderColor-closed-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + } + }, + "name": "borderColor-closed-emphasis", + "attributes": {}, + "path": ["borderColor", "closed", "emphasis"] + }, + "borderColor-done-muted": { + "value": "#c297ff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-done-muted", + "attributes": {}, + "path": ["borderColor", "done", "muted"] + }, + "borderColor-done-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis)" + } + } + } + }, + "name": "borderColor-done-emphasis", + "attributes": {}, + "path": ["borderColor", "done", "emphasis"] + }, + "borderColor-upsell-muted": { + "value": "#c297ff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-upsell-muted", + "attributes": {}, + "path": ["borderColor", "upsell", "muted"] + }, + "borderColor-upsell-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis)" + } + } + } + }, + "name": "borderColor-upsell-emphasis", + "attributes": {}, + "path": ["borderColor", "upsell", "emphasis"] + }, + "borderColor-sponsors-muted": { + "value": "#ff80c866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-sponsors-muted", + "attributes": {}, + "path": ["borderColor", "sponsors", "muted"] + }, + "borderColor-sponsors-emphasis": { + "value": "#bf3989", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + } + }, + "name": "borderColor-sponsors-emphasis", + "attributes": {}, + "path": ["borderColor", "sponsors", "emphasis"] + }, + "color-ansi-black": { + "value": "#24292f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-black", + "attributes": {}, + "path": ["color", "ansi", "black"] + }, + "color-ansi-black-bright": { + "value": "#57606a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-black-bright", + "attributes": {}, + "path": ["color", "ansi", "black-bright"] + }, + "color-ansi-white": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-white", + "attributes": {}, + "path": ["color", "ansi", "white"] + }, + "color-ansi-white-bright": { + "value": "#8c959f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-white-bright", + "attributes": {}, + "path": ["color", "ansi", "white-bright"] + }, + "color-ansi-gray": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-gray", + "attributes": {}, + "path": ["color", "ansi", "gray"] + }, + "color-ansi-red": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-red", + "attributes": {}, + "path": ["color", "ansi", "red"] + }, + "color-ansi-red-bright": { + "value": "#953800", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-red-bright", + "attributes": {}, + "path": ["color", "ansi", "red-bright"] + }, + "color-ansi-green": { + "value": "#0550ae", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-green", + "attributes": {}, + "path": ["color", "ansi", "green"] + }, + "color-ansi-green-bright": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-green-bright", + "attributes": {}, + "path": ["color", "ansi", "green-bright"] + }, + "color-ansi-yellow": { + "value": "#4d2d00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow", + "attributes": {}, + "path": ["color", "ansi", "yellow"] + }, + "color-ansi-yellow-bright": { + "value": "#633c01", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow-bright", + "attributes": {}, + "path": ["color", "ansi", "yellow-bright"] + }, + "color-ansi-blue": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue", + "attributes": {}, + "path": ["color", "ansi", "blue"] + }, + "color-ansi-blue-bright": { + "value": "#218bff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue-bright", + "attributes": {}, + "path": ["color", "ansi", "blue-bright"] + }, + "color-ansi-magenta": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta", + "attributes": {}, + "path": ["color", "ansi", "magenta"] + }, + "color-ansi-magenta-bright": { + "value": "#a475f9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta-bright", + "attributes": {}, + "path": ["color", "ansi", "magenta-bright"] + }, + "color-ansi-cyan": { + "value": "#1b7c83", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "#1b7c83", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan", + "attributes": {}, + "path": ["color", "ansi", "cyan"] + }, + "color-ansi-cyan-bright": { + "value": "#3192aa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "#3192aa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan-bright", + "attributes": {}, + "path": ["color", "ansi", "cyan-bright"] + }, + "color-prettylights-syntax-comment": { + "value": "#57606a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-3", + "name": "color-prettylights-syntax-comment", "attributes": {}, - "path": ["color", "scale", "purple", "3"] + "path": ["color", "prettylights", "syntax", "comment"] }, - "color-scale-purple-4": { - "value": "#a475f9", + "color-prettylights-syntax-constant": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-4", + "name": "color-prettylights-syntax-constant", "attributes": {}, - "path": ["color", "scale", "purple", "4"] + "path": ["color", "prettylights", "syntax", "constant"] }, - "color-scale-purple-5": { - "value": "#8250df", + "color-prettylights-syntax-constant-other-reference-link": { + "value": "#0a3069", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-5", + "name": "color-prettylights-syntax-constant-other-reference-link", "attributes": {}, - "path": ["color", "scale", "purple", "5"] + "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] }, - "color-scale-purple-6": { + "color-prettylights-syntax-entity": { "value": "#6639ba", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { "value": "{base.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-6", + "name": "color-prettylights-syntax-entity", "attributes": {}, - "path": ["color", "scale", "purple", "6"] + "path": ["color", "prettylights", "syntax", "entity"] }, - "color-scale-purple-7": { - "value": "#512a97", + "color-prettylights-syntax-storage-modifier-import": { + "value": "#24292f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.7}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-7", + "name": "color-prettylights-syntax-storage-modifier-import", "attributes": {}, - "path": ["color", "scale", "purple", "7"] + "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] }, - "color-scale-purple-8": { - "value": "#3e1f79", + "color-prettylights-syntax-entity-tag": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.8}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-8", + "name": "color-prettylights-syntax-entity-tag", "attributes": {}, - "path": ["color", "scale", "purple", "8"] + "path": ["color", "prettylights", "syntax", "entity-tag"] }, - "color-scale-purple-9": { - "value": "#2e1461", + "color-prettylights-syntax-keyword": { + "value": "#bc4c00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.purple.9}", + "value": "{base.color.orange.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-9", + "name": "color-prettylights-syntax-keyword", "attributes": {}, - "path": ["color", "scale", "purple", "9"] + "path": ["color", "prettylights", "syntax", "keyword"] }, - "color-scale-pink-0": { - "value": "#ffeff7", + "color-prettylights-syntax-string": { + "value": "#0a3069", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", + "value": "{base.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-string", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "string"] + }, + "color-prettylights-syntax-variable": { + "value": "#953800", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-variable", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "variable"] + }, + "color-prettylights-syntax-brackethighlighter-unmatched": { + "value": "#762c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + }, + "color-prettylights-syntax-brackethighlighter-angle": { + "value": "#57606a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-0", + "name": "color-prettylights-syntax-brackethighlighter-angle", "attributes": {}, - "path": ["color", "scale", "pink", "0"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] }, - "color-scale-pink-1": { - "value": "#ffd3eb", + "color-prettylights-syntax-invalid-illegal-text": { + "value": "#f6f8fa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.1}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-1", + "name": "color-prettylights-syntax-invalid-illegal-text", "attributes": {}, - "path": ["color", "scale", "pink", "1"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] }, - "color-scale-pink-2": { - "value": "#ffadda", + "color-prettylights-syntax-invalid-illegal-bg": { + "value": "#762c00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.pink.2}", + "value": "{base.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-2", + "name": "color-prettylights-syntax-invalid-illegal-bg", "attributes": {}, - "path": ["color", "scale", "pink", "2"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] }, - "color-scale-pink-3": { - "value": "#ff80c8", + "color-prettylights-syntax-carriage-return-text": { + "value": "#f6f8fa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-3", + "name": "color-prettylights-syntax-carriage-return-text", "attributes": {}, - "path": ["color", "scale", "pink", "3"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] }, - "color-scale-pink-4": { - "value": "#e85aad", + "color-prettylights-syntax-carriage-return-bg": { + "value": "#bc4c00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.orange.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-4", + "name": "color-prettylights-syntax-carriage-return-bg", "attributes": {}, - "path": ["color", "scale", "pink", "4"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] }, - "color-scale-pink-5": { - "value": "#bf3989", + "color-prettylights-syntax-string-regexp": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-5", + "name": "color-prettylights-syntax-string-regexp", "attributes": {}, - "path": ["color", "scale", "pink", "5"] + "path": ["color", "prettylights", "syntax", "string-regexp"] }, - "color-scale-pink-6": { - "value": "#99286e", + "color-prettylights-syntax-markup-list": { + "value": "#3b2300", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.6}", + "value": "{base.color.yellow.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-6", + "name": "color-prettylights-syntax-markup-list", "attributes": {}, - "path": ["color", "scale", "pink", "6"] + "path": ["color", "prettylights", "syntax", "markup", "list"] }, - "color-scale-pink-7": { - "value": "#772057", + "color-prettylights-syntax-markup-heading": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-7", + "name": "color-prettylights-syntax-markup-heading", "attributes": {}, - "path": ["color", "scale", "pink", "7"] + "path": ["color", "prettylights", "syntax", "markup", "heading"] }, - "color-scale-pink-8": { - "value": "#611347", + "color-prettylights-syntax-markup-italic": { + "value": "#24292f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.8}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-8", + "name": "color-prettylights-syntax-markup-italic", "attributes": {}, - "path": ["color", "scale", "pink", "8"] + "path": ["color", "prettylights", "syntax", "markup", "italic"] }, - "color-scale-pink-9": { - "value": "#4d0336", + "color-prettylights-syntax-markup-bold": { + "value": "#24292f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.9}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-9", + "name": "color-prettylights-syntax-markup-bold", "attributes": {}, - "path": ["color", "scale", "pink", "9"] + "path": ["color", "prettylights", "syntax", "markup", "bold"] }, - "color-scale-coral-0": { - "value": "#fff0eb", + "color-prettylights-syntax-markup-deleted-text": { + "value": "#762c00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.0}", + "value": "{base.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-0", + "name": "color-prettylights-syntax-markup-deleted-text", "attributes": {}, - "path": ["color", "scale", "coral", "0"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] }, - "color-scale-coral-1": { - "value": "#ffd6cc", + "color-prettylights-syntax-markup-deleted-bg": { + "value": "#fff1e5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.1}", + "value": "{base.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-1", + "name": "color-prettylights-syntax-markup-deleted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "1"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] }, - "color-scale-coral-2": { - "value": "#ffb4a1", + "color-prettylights-syntax-markup-inserted-text": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.2}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-2", + "name": "color-prettylights-syntax-markup-inserted-text", "attributes": {}, - "path": ["color", "scale", "coral", "2"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] }, - "color-scale-coral-3": { - "value": "#fd8c73", + "color-prettylights-syntax-markup-inserted-bg": { + "value": "#ddf4ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.blue.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-3", + "name": "color-prettylights-syntax-markup-inserted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "3"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] }, - "color-scale-coral-4": { - "value": "#ec6547", + "color-prettylights-syntax-markup-changed-text": { + "value": "#953800", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.4}", + "value": "{base.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-4", + "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, - "path": ["color", "scale", "coral", "4"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] }, - "color-scale-coral-5": { - "value": "#c4432b", + "color-prettylights-syntax-markup-changed-bg": { + "value": "#ffd8b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.5}", + "value": "{base.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-5", + "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, - "path": ["color", "scale", "coral", "5"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] }, - "color-scale-coral-6": { - "value": "#9e2f1c", + "color-prettylights-syntax-markup-ignored-text": { + "value": "#eaeef2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-6", + "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, - "path": ["color", "scale", "coral", "6"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] }, - "color-scale-coral-7": { - "value": "#801f0f", + "color-prettylights-syntax-markup-ignored-bg": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-7", + "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, - "path": ["color", "scale", "coral", "7"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] }, - "color-scale-coral-8": { - "value": "#691105", + "color-prettylights-syntax-meta-diff-range": { + "value": "#8250df", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.8}", + "value": "{base.color.purple.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-8", + "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, - "path": ["color", "scale", "coral", "8"] + "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] }, - "color-scale-coral-9": { - "value": "#510901", + "color-prettylights-syntax-sublimelinter-gutter-mark": { + "value": "#8c959f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.9}", + "value": "{base.color.neutral.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-9", + "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, - "path": ["color", "scale", "coral", "9"] + "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] }, "shadow-inset": { "value": "inset 0px 1px 0px 0px #1f23280a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { @@ -10624,7 +16486,14 @@ "spread": "0px", "inset": true }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-inset", "attributes": {}, @@ -10633,6 +16502,13 @@ "shadow-resting-xsmall": { "value": "0px 1px 0px 0px #1f23281a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { @@ -10645,39 +16521,51 @@ "spread": "0px", "inset": false }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"] }, "shadow-resting-small": { - "value": "0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814", + "value": "0px 1px 0px 0px #1f23280a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { "color": "{base.color.black}", - "alpha": 0.06, + "alpha": 0.04, "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": false - }, - { - "color": "{base.color.black}", - "alpha": 0.08, - "offsetX": "0px", - "offsetY": "1px", - "blur": "3px", - "spread": "0px", - "inset": false } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-small", "attributes": {}, @@ -10686,12 +16574,19 @@ "shadow-resting-medium": { "value": "0px 3px 6px 0px #424a531f", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.12, "offsetX": "0px", "offsetY": "3px", @@ -10699,21 +16594,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"] }, "shadow-floating-small": { - "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f", + "value": "0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0.5, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.04, "offsetX": "0px", "offsetY": "6px", @@ -10721,7 +16638,7 @@ "spread": "-3px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.12, "offsetX": "0px", "offsetY": "6px", @@ -10729,21 +16646,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"] }, "shadow-floating-medium": { - "value": "0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314", + "value": "0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "8px", @@ -10751,7 +16690,7 @@ "spread": "-4px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "4px", @@ -10759,7 +16698,7 @@ "spread": "-4px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "24px", @@ -10767,7 +16706,7 @@ "spread": "-12px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "48px", @@ -10775,21 +16714,43 @@ "spread": "-24px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"] }, "shadow-floating-large": { - "value": "0px 40px 80px 0px #424a533d", + "value": "0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.24, "offsetX": "0px", "offsetY": "40px", @@ -10797,21 +16758,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"] }, "shadow-floating-xlarge": { - "value": "0px 56px 112px 0px #424a5352", + "value": "0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.32, "offsetX": "0px", "offsetY": "56px", @@ -10819,10 +16802,47 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"] + }, + "shadow-floating-legacy": { + "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f", + "$type": "shadow", + "filePath": "src/tokens/functional/shadow/light.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.neutral.7}", + "alpha": 0.04, + "offsetX": "0px", + "offsetY": "6px", + "blur": "12px", + "spread": "-3px" + }, + { + "color": "{base.color.neutral.7}", + "alpha": 0.12, + "offsetX": "0px", + "offsetY": "6px", + "blur": "18px", + "spread": "0px" + } + ], + "$type": "shadow" + }, + "name": "shadow-floating-legacy", + "attributes": {}, + "path": ["shadow", "floating", "legacy"] } } diff --git a/dist/docs/functional/themes/light-high-contrast.json b/dist/docs/functional/themes/light-high-contrast.json index d6db72b97..6cdbf62e8 100644 --- a/dist/docs/functional/themes/light-high-contrast.json +++ b/dist/docs/functional/themes/light-high-contrast.json @@ -781,7 +781,7 @@ "filePath": "src/tokens/functional/color/light/app-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1073,7 +1073,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1102,7 +1102,7 @@ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1131,7 +1131,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1160,7 +1160,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1175,1425 +1175,1313 @@ "attributes": {}, "path": ["headerSearch", "borderColor"] }, - "avatar-bgColor": { - "value": "#ffffff", + "data-blue-color": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatar-bgColor", + "name": "data-blue-color", "attributes": {}, - "path": ["avatar", "bgColor"] + "path": ["data", "blue", "color", "@"] }, - "avatar-borderColor": { - "value": "#20252c", + "data-blue-color-muted": { + "value": "#d1f0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "avatar-borderColor", - "attributes": {}, - "path": ["avatar", "borderColor"] - }, - "avatar-shadow": { - "value": "0px 0px 0px 2px #ffffffcc", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.white}", - "alpha": 0.8, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "2px" - } - ], - "$type": "shadow" - }, - "name": "avatar-shadow", + "name": "data-blue-color-muted", "attributes": {}, - "path": ["avatar", "shadow"] + "path": ["data", "blue", "color", "muted"] }, - "avatarStack-fade-bgColor-default": { - "value": "#acb6c0", + "data-auburn-color": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-default", + "name": "data-auburn-color", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "default"] + "path": ["data", "auburn", "color", "@"] }, - "avatarStack-fade-bgColor-muted": { - "value": "#ced5dc", + "data-auburn-color-muted": { + "value": "#f2e9e9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-muted", + "name": "data-auburn-color-muted", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "muted"] + "path": ["data", "auburn", "color", "muted"] }, - "control-bgColor-rest": { - "value": "#e7ecf0", + "data-orange-color": { + "value": "#eb670f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-rest", + "name": "data-orange-color", "attributes": {}, - "path": ["control", "bgColor", "rest"] + "path": ["data", "orange", "color", "@"] }, - "control-bgColor-hover": { - "value": "#dbe1e6", + "data-orange-color-muted": { + "value": "#ffe7d1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "mix": { - "color": "#acb6c0", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.3}", - "weight": 0.2 } }, - "name": "control-bgColor-hover", + "name": "data-orange-color-muted", "attributes": {}, - "path": ["control", "bgColor", "hover"] + "path": ["data", "orange", "color", "muted"] }, - "control-bgColor-active": { - "value": "#cfd6dd", + "data-yellow-color": { + "value": "#b88700", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "mix": { - "color": "#acb6c0", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.3}", - "weight": 0.4 } }, - "name": "control-bgColor-active", + "name": "data-yellow-color", "attributes": {}, - "path": ["control", "bgColor", "active"] + "path": ["data", "yellow", "color", "@"] }, - "control-bgColor-disabled": { - "value": "#e7ecf0", + "data-yellow-color-muted": { + "value": "#ffec9e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-disabled", + "name": "data-yellow-color-muted", "attributes": {}, - "path": ["control", "bgColor", "disabled"] + "path": ["data", "yellow", "color", "muted"] }, - "control-bgColor-selected": { - "value": "#acb6c0", + "data-green-color": { + "value": "#30a147", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-selected", + "name": "data-green-color", "attributes": {}, - "path": ["control", "bgColor", "selected"] + "path": ["data", "green", "color", "@"] }, - "control-fgColor-rest": { - "value": "#0e1116", + "data-green-color-muted": { + "value": "#caf7ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-rest", + "name": "data-green-color-muted", "attributes": {}, - "path": ["control", "fgColor", "rest"] + "path": ["data", "green", "color", "muted"] }, - "control-fgColor-placeholder": { - "value": "#66707b", + "data-teal-color": { + "value": "#179b9b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-placeholder", + "name": "data-teal-color", "attributes": {}, - "path": ["control", "fgColor", "placeholder"] + "path": ["data", "teal", "color", "@"] }, - "control-fgColor-disabled": { - "value": "#4b535d", + "data-teal-color-muted": { + "value": "#c7f5ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-disabled", + "name": "data-teal-color-muted", "attributes": {}, - "path": ["control", "fgColor", "disabled"] + "path": ["data", "teal", "color", "muted"] }, - "control-borderColor-rest": { - "value": "#20252c", + "data-purple-color": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-rest", + "name": "data-purple-color", "attributes": {}, - "path": ["control", "borderColor", "rest"] + "path": ["data", "purple", "color", "@"] }, - "control-borderColor-emphasis": { - "value": "#20252c", + "data-purple-color-muted": { + "value": "#f1e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "mix": null, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "mix": null + } }, - "name": "control-borderColor-emphasis", + "name": "data-purple-color-muted", "attributes": {}, - "path": ["control", "borderColor", "emphasis"] + "path": ["data", "purple", "color", "muted"] }, - "control-borderColor-disabled": { - "value": "#e7ecf0", + "data-pink-color": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-disabled", + "name": "data-pink-color", "attributes": {}, - "path": ["control", "borderColor", "disabled"] + "path": ["data", "pink", "color", "@"] }, - "control-borderColor-selected": { - "value": "#ffffff", + "data-pink-color-muted": { + "value": "#ffe5f1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-selected", + "name": "data-pink-color-muted", "attributes": {}, - "path": ["control", "borderColor", "selected"] + "path": ["data", "pink", "color", "muted"] }, - "control-borderColor-success": { - "value": "#055d20", + "data-red-color": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-success", + "name": "data-red-color", "attributes": {}, - "path": ["control", "borderColor", "success"] + "path": ["data", "red", "color", "@"] }, - "control-borderColor-danger": { - "value": "#a0111f", + "data-red-color-muted": { + "value": "#ffe2e0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.danger.emphasis}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-danger", + "name": "data-red-color-muted", "attributes": {}, - "path": ["control", "borderColor", "danger"] + "path": ["data", "red", "color", "muted"] }, - "control-borderColor-warning": { - "value": "#744500", + "data-gray-color": { + "value": "#808fa3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.attention.emphasis}", + "value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-warning", + "name": "data-gray-color", "attributes": {}, - "path": ["control", "borderColor", "warning"] + "path": ["data", "gray", "color", "@"] }, - "control-iconColor-rest": { - "value": "#0e1116", + "data-gray-color-muted": { + "value": "#e8ecf2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-iconColor-rest", + "name": "data-gray-color-muted", "attributes": {}, - "path": ["control", "iconColor", "rest"] + "path": ["data", "gray", "color", "muted"] }, - "control-transparent-bgColor-rest": { - "value": "#ffffff00", + "display-blue-bgColor-muted": { + "value": "#d1f0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-transparent-bgColor-rest", + "name": "display-blue-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "rest"] + "path": ["display", "blue", "bgColor", "muted"] }, - "control-transparent-bgColor-hover": { - "value": "#e7ecf0", + "display-blue-bgColor-emphasis": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": null, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, - "mix": null, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": null, - "mix": null + } }, - "name": "control-transparent-bgColor-hover", + "name": "display-blue-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "hover"] + "path": ["display", "blue", "bgColor", "emphasis"] }, - "control-transparent-bgColor-active": { - "value": "#ced5dc", + "display-blue-fgColor": { + "value": "#005fcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": null, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, - "mix": null, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": null, - "mix": null + } }, - "name": "control-transparent-bgColor-active", + "name": "display-blue-fgColor", "attributes": {}, - "path": ["control", "transparent", "bgColor", "active"] + "path": ["display", "blue", "fgColor"] }, - "control-transparent-bgColor-disabled": { - "value": "#ffffff00", + "display-blue-borderColor-muted": { + "value": "#ade1ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-transparent-bgColor-disabled", + "name": "display-blue-borderColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "disabled"] + "path": ["display", "blue", "borderColor", "muted"] }, - "control-transparent-bgColor-selected": { - "value": "#ced5dc33", + "display-blue-borderColor-emphasis": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-selected", + "name": "display-blue-borderColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "selected"] + "path": ["display", "blue", "borderColor", "emphasis"] }, - "control-transparent-borderColor-rest": { - "value": "#ffffff00", + "display-green-bgColor-muted": { + "value": "#caf7ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-rest", + "name": "display-green-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "borderColor", "rest"] + "path": ["display", "green", "bgColor", "muted"] }, - "control-transparent-borderColor-hover": { - "value": "#20252c", + "display-green-bgColor-emphasis": { + "value": "#2c8141", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-hover", + "name": "display-green-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "borderColor", "hover"] + "path": ["display", "green", "bgColor", "emphasis"] }, - "control-transparent-borderColor-active": { - "value": "#ffffff00", + "display-green-fgColor": { + "value": "#2b6e3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-transparent-borderColor-active", + "name": "display-green-fgColor", "attributes": {}, - "path": ["control", "transparent", "borderColor", "active"] + "path": ["display", "green", "fgColor"] }, - "control-danger-fgColor-rest": { - "value": "#8a071e", + "display-green-borderColor-muted": { + "value": "#9ceda0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-rest", + "name": "display-green-borderColor-muted", "attributes": {}, - "path": ["control", "danger", "fgColor", "rest"] + "path": ["display", "green", "borderColor", "muted"] }, - "control-danger-fgColor-hover": { - "value": "#ffffff", + "display-green-borderColor-emphasis": { + "value": "#2c8141", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-hover", + "name": "display-green-borderColor-emphasis", "attributes": {}, - "path": ["control", "danger", "fgColor", "hover"] + "path": ["display", "green", "borderColor", "emphasis"] }, - "control-danger-bgColor-hover": { - "value": "#a0111f", + "display-orange-bgColor-muted": { + "value": "#ffe7d1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, - "alpha": null, - "mix": null, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": null, - "mix": null + } }, - "name": "control-danger-bgColor-hover", + "name": "display-orange-bgColor-muted", "attributes": {}, - "path": ["control", "danger", "bgColor", "hover"] + "path": ["display", "orange", "bgColor", "muted"] }, - "control-danger-bgColor-active": { - "value": "#8c0b1d", + "display-orange-bgColor-emphasis": { + "value": "#b8500f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": null, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, - "mix": { - "color": "#6e011a", - "weight": 0.4 - }, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": null, - "mix": { - "color": "{base.color.red.7}", - "weight": 0.4 } }, - "name": "control-danger-bgColor-active", + "name": "display-orange-bgColor-emphasis", "attributes": {}, - "path": ["control", "danger", "bgColor", "active"] + "path": ["display", "orange", "bgColor", "emphasis"] }, - "control-checked-bgColor-rest": { - "value": "#0349b4", + "display-orange-fgColor": { + "value": "#a24610", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-checked-bgColor-rest", + "name": "display-orange-fgColor", "attributes": {}, - "path": ["control", "checked", "bgColor", "rest"] + "path": ["display", "orange", "fgColor"] }, - "control-checked-bgColor-hover": { - "value": "#0344a8", + "display-orange-borderColor-muted": { + "value": "#fecfaa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#022f7a", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.2 } }, - "name": "control-checked-bgColor-hover", + "name": "display-orange-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "hover"] + "path": ["display", "orange", "borderColor", "muted"] }, - "control-checked-bgColor-active": { - "value": "#033f9d", + "display-orange-borderColor-emphasis": { + "value": "#b8500f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#022f7a", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "control-checked-bgColor-active", + "name": "display-orange-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "bgColor", "active"] + "path": ["display", "orange", "borderColor", "emphasis"] }, - "control-checked-bgColor-disabled": { - "value": "#4b535d", + "display-purple-bgColor-muted": { + "value": "#f1e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-checked-bgColor-disabled", + "name": "display-purple-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "disabled"] + "path": ["display", "purple", "bgColor", "muted"] }, - "control-checked-fgColor-rest": { - "value": "#ffffff", + "display-purple-bgColor-emphasis": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-fgColor-rest", + "name": "display-purple-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "fgColor", "rest"] + "path": ["display", "purple", "bgColor", "emphasis"] }, - "control-checked-fgColor-disabled": { - "value": "#ffffff", + "display-purple-fgColor": { + "value": "#783ae4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "control-checked-fgColor-disabled", + "name": "display-purple-fgColor", "attributes": {}, - "path": ["control", "checked", "fgColor", "disabled"] + "path": ["display", "purple", "fgColor"] }, - "control-checked-borderColor-rest": { - "value": "#0349b4", + "display-purple-borderColor-muted": { + "value": "#e6d2fe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "control-checked-borderColor-rest", + "name": "display-purple-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "rest"] + "path": ["display", "purple", "borderColor", "muted"] }, - "control-checked-borderColor-hover": { - "value": "#0344a8", + "display-purple-borderColor-emphasis": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "mix": { - "color": "#022f7a", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.2 } }, - "name": "control-checked-borderColor-hover", + "name": "display-purple-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "hover"] + "path": ["display", "purple", "borderColor", "emphasis"] }, - "control-checked-borderColor-active": { - "value": "#033f9d", + "display-plum-bgColor-muted": { + "value": "#f8e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "mix": { - "color": "#022f7a", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "control-checked-borderColor-active", + "name": "display-plum-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "active"] + "path": ["display", "plum", "bgColor", "muted"] }, - "control-checked-borderColor-disabled": { - "value": "#4b535d", + "display-plum-bgColor-emphasis": { + "value": "#a830e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-borderColor-disabled", + "name": "display-plum-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "disabled"] + "path": ["display", "plum", "bgColor", "emphasis"] }, - "controlTrack-bgColor-rest": { - "value": "#acb6c0", + "display-plum-fgColor": { + "value": "#961edc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlTrack-bgColor-rest", + "name": "display-plum-fgColor", "attributes": {}, - "path": ["controlTrack", "bgColor", "rest"] + "path": ["display", "plum", "fgColor"] }, - "controlTrack-bgColor-hover": { - "value": "#9ea8b2", + "display-plum-borderColor-muted": { + "value": "#f0cdfe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#66707b", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "controlTrack-bgColor-hover", + "name": "display-plum-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "hover"] + "path": ["display", "plum", "borderColor", "muted"] }, - "controlTrack-bgColor-active": { - "value": "#909aa4", + "display-plum-borderColor-emphasis": { + "value": "#a830e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#66707b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.4 } }, - "name": "controlTrack-bgColor-active", + "name": "display-plum-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "bgColor", "active"] + "path": ["display", "plum", "borderColor", "emphasis"] }, - "controlTrack-bgColor-disabled": { - "value": "#4b535d", + "display-red-bgColor-muted": { + "value": "#ffe2e0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2603,10 +2491,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2617,41 +2505,41 @@ } } }, - "name": "controlTrack-bgColor-disabled", + "name": "display-red-bgColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "disabled"] + "path": ["display", "red", "bgColor", "muted"] }, - "controlTrack-fgColor-rest": { - "value": "#010409", + "display-red-bgColor-emphasis": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.default}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "controlTrack-fgColor-rest", + "name": "display-red-bgColor-emphasis", "attributes": {}, - "path": ["controlTrack", "fgColor", "rest"] + "path": ["display", "red", "bgColor", "emphasis"] }, - "controlTrack-fgColor-disabled": { - "value": "#ffffff", + "display-red-fgColor": { + "value": "#c50d28", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2661,10 +2549,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2675,12 +2563,12 @@ } } }, - "name": "controlTrack-fgColor-disabled", + "name": "display-red-fgColor", "attributes": {}, - "path": ["controlTrack", "fgColor", "disabled"] + "path": ["display", "red", "fgColor"] }, - "controlTrack-borderColor-rest": { - "value": "#ffffff00", + "display-red-borderColor-muted": { + "value": "#fecdcd", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2690,10 +2578,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2704,12 +2592,12 @@ } } }, - "name": "controlTrack-borderColor-rest", + "name": "display-red-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "borderColor", "rest"] + "path": ["display", "red", "borderColor", "muted"] }, - "controlTrack-borderColor-disabled": { - "value": "#4b535d", + "display-red-borderColor-emphasis": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2719,10 +2607,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2733,12 +2621,12 @@ } } }, - "name": "controlTrack-borderColor-disabled", + "name": "display-red-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "borderColor", "disabled"] + "path": ["display", "red", "borderColor", "emphasis"] }, - "controlKnob-bgColor-rest": { - "value": "#ffffff", + "display-coral-bgColor-muted": { + "value": "#ffe5db", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2748,10 +2636,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.coral.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2762,12 +2650,12 @@ } } }, - "name": "controlKnob-bgColor-rest", + "name": "display-coral-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "bgColor", "rest"] + "path": ["display", "coral", "bgColor", "muted"] }, - "controlKnob-bgColor-disabled": { - "value": "#e7ecf0", + "display-coral-bgColor-emphasis": { + "value": "#d43511", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2777,10 +2665,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2791,41 +2679,41 @@ } } }, - "name": "controlKnob-bgColor-disabled", + "name": "display-coral-bgColor-emphasis", "attributes": {}, - "path": ["controlKnob", "bgColor", "disabled"] + "path": ["display", "coral", "bgColor", "emphasis"] }, - "controlKnob-bgColor-checked": { - "value": "#ffffff", + "display-coral-fgColor": { + "value": "#ba2e12", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.coral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlKnob-bgColor-checked", + "name": "display-coral-fgColor", "attributes": {}, - "path": ["controlKnob", "bgColor", "checked"] + "path": ["display", "coral", "fgColor"] }, - "controlKnob-borderColor-rest": { - "value": "#20252c", + "display-coral-borderColor-muted": { + "value": "#fecebe", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2835,10 +2723,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.emphasis}", + "value": "{base.display.color.coral.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2849,12 +2737,12 @@ } } }, - "name": "controlKnob-borderColor-rest", + "name": "display-coral-borderColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "rest"] + "path": ["display", "coral", "borderColor", "muted"] }, - "controlKnob-borderColor-disabled": { - "value": "#e7ecf0", + "display-coral-borderColor-emphasis": { + "value": "#d43511", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2864,10 +2752,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2878,70 +2766,70 @@ } } }, - "name": "controlKnob-borderColor-disabled", + "name": "display-coral-borderColor-emphasis", "attributes": {}, - "path": ["controlKnob", "borderColor", "disabled"] + "path": ["display", "coral", "borderColor", "emphasis"] }, - "controlKnob-borderColor-checked": { - "value": "#0349b4", + "display-yellow-bgColor-muted": { + "value": "#ffec9e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.checked.bgColor.rest}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "controlKnob-borderColor-checked", + "name": "display-yellow-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "checked"] + "path": ["display", "yellow", "bgColor", "muted"] }, - "counter-borderColor": { - "value": "#20252c", + "display-yellow-bgColor-emphasis": { + "value": "#946a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "counter-borderColor", + "name": "display-yellow-bgColor-emphasis", "attributes": {}, - "path": ["counter", "borderColor"] + "path": ["display", "yellow", "bgColor", "emphasis"] }, - "button-default-fgColor-rest": { - "value": "#0e1116", + "display-yellow-fgColor": { + "value": "#805900", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2951,10 +2839,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.rest}", + "value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2965,70 +2853,70 @@ } } }, - "name": "button-default-fgColor-rest", + "name": "display-yellow-fgColor", "attributes": {}, - "path": ["button", "default", "fgColor", "rest"] + "path": ["display", "yellow", "fgColor"] }, - "button-default-bgColor-rest": { - "value": "#e7ecf0", + "display-yellow-borderColor-muted": { + "value": "#ffd642", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-rest", + "name": "display-yellow-borderColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "rest"] + "path": ["display", "yellow", "borderColor", "muted"] }, - "button-default-bgColor-hover": { - "value": "#dbe1e6", + "display-yellow-borderColor-emphasis": { + "value": "#946a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.hover}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-hover", + "name": "display-yellow-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "hover"] + "path": ["display", "yellow", "borderColor", "emphasis"] }, - "button-default-bgColor-active": { - "value": "#cfd6dd", + "display-gray-bgColor-muted": { + "value": "#e8ecf2", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3038,10 +2926,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3052,12 +2940,12 @@ } } }, - "name": "button-default-bgColor-active", + "name": "display-gray-bgColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "active"] + "path": ["display", "gray", "bgColor", "muted"] }, - "button-default-bgColor-selected": { - "value": "#cfd6dd", + "display-gray-bgColor-emphasis": { + "value": "#647182", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3067,10 +2955,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3081,54 +2969,41 @@ } } }, - "name": "button-default-bgColor-selected", + "name": "display-gray-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "selected"] + "path": ["display", "gray", "bgColor", "emphasis"] }, - "button-default-bgColor-disabled": { - "value": "#e7ecf0", - "$type": "color", - "filePath": "src/tokens/functional/color/light/patterns-light.json5", - "isSource": true, - "original": { - "value": "{control.bgColor.disabled}", - "$type": "color" - }, - "name": "button-default-bgColor-disabled", - "attributes": {}, - "path": ["button", "default", "bgColor", "disabled"] - }, - "button-default-borderColor-rest": { - "value": "#20252c", + "display-gray-fgColor": { + "value": "#5c6570", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-default-borderColor-rest", + "name": "display-gray-fgColor", "attributes": {}, - "path": ["button", "default", "borderColor", "rest"] + "path": ["display", "gray", "fgColor"] }, - "button-default-borderColor-hover": { - "value": "#20252c", + "display-gray-borderColor-muted": { + "value": "#d2dae4", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3138,10 +3013,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3152,12 +3027,12 @@ } } }, - "name": "button-default-borderColor-hover", + "name": "display-gray-borderColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "hover"] + "path": ["display", "gray", "borderColor", "muted"] }, - "button-default-borderColor-active": { - "value": "#20252c", + "display-gray-borderColor-emphasis": { + "value": "#647182", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3167,10 +3042,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3181,93 +3056,70 @@ } } }, - "name": "button-default-borderColor-active", + "name": "display-gray-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "borderColor", "active"] + "path": ["display", "gray", "borderColor", "emphasis"] }, - "button-default-borderColor-disabled": { - "value": "#e7ecf0", + "display-auburn-bgColor-muted": { + "value": "#f2e9e9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-disabled", - "attributes": {}, - "path": ["button", "default", "borderColor", "disabled"] - }, - "button-default-shadow-resting": { - "value": "0px 1px 0px 0px #0104090a", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.black}", - "alpha": 0.04, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-default-shadow-resting", + "name": "display-auburn-bgColor-muted", "attributes": {}, - "path": ["button", "default", "shadow", "resting"] + "path": ["display", "auburn", "bgColor", "muted"] }, - "button-primary-fgColor-rest": { - "value": "#ffffff", + "display-auburn-bgColor-emphasis": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-fgColor-rest", + "name": "display-auburn-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "fgColor", "rest"] + "path": ["display", "auburn", "bgColor", "emphasis"] }, - "button-primary-fgColor-disabled": { - "value": "#ffffffcc", + "display-auburn-fgColor": { + "value": "#8a5551", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3277,11 +3129,10 @@ "scopes": ["fgColor"] } }, - "alpha": 0.8, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3290,75 +3141,72 @@ "group": "component (internal)", "scopes": ["fgColor"] } - }, - "alpha": 0.8 + } }, - "name": "button-primary-fgColor-disabled", + "name": "display-auburn-fgColor", "attributes": {}, - "path": ["button", "primary", "fgColor", "disabled"] + "path": ["display", "auburn", "fgColor"] }, - "button-primary-iconColor-rest": { - "value": "#ffffffcc", + "display-auburn-borderColor-muted": { + "value": "#e6d6d5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.8, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.8 + } }, - "name": "button-primary-iconColor-rest", + "name": "display-auburn-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "iconColor", "rest"] + "path": ["display", "auburn", "borderColor", "muted"] }, - "button-primary-bgColor-rest": { - "value": "#055d20", + "display-auburn-borderColor-emphasis": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-primary-bgColor-rest", + "name": "display-auburn-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "rest"] + "path": ["display", "auburn", "borderColor", "emphasis"] }, - "button-primary-bgColor-hover": { - "value": "#04571e", + "display-brown-bgColor-muted": { + "value": "#eeeae2", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3368,14 +3216,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#013d14", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3384,18 +3228,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.green.7}", - "weight": 0.2 } }, - "name": "button-primary-bgColor-hover", + "name": "display-brown-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "hover"] + "path": ["display", "brown", "bgColor", "muted"] }, - "button-primary-bgColor-active": { - "value": "#03501b", + "display-brown-bgColor-emphasis": { + "value": "#856d4c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3405,14 +3245,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#013d14", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3421,55 +3257,43 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.green.7}", - "weight": 0.4 } }, - "name": "button-primary-bgColor-active", + "name": "display-brown-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "active"] + "path": ["display", "brown", "bgColor", "emphasis"] }, - "button-primary-bgColor-disabled": { - "value": "#85cb97", + "display-brown-fgColor": { + "value": "#755f43", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "mix": { - "color": "#d2fedb", - "weight": 0.6 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.green.0}", - "weight": 0.6 } }, - "name": "button-primary-bgColor-disabled", + "name": "display-brown-fgColor", "attributes": {}, - "path": ["button", "primary", "bgColor", "disabled"] + "path": ["display", "brown", "fgColor"] }, - "button-primary-borderColor-rest": { - "value": "#013d14", + "display-brown-borderColor-muted": { + "value": "#dfd7c8", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3479,11 +3303,10 @@ "scopes": ["borderColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.green.7}", + "value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3492,15 +3315,14 @@ "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "button-primary-borderColor-rest", + "name": "display-brown-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "rest"] + "path": ["display", "brown", "borderColor", "muted"] }, - "button-primary-borderColor-hover": { - "value": "#013d14", + "display-brown-borderColor-emphasis": { + "value": "#856d4c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3510,11 +3332,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, - "alpha": 1, "original": { - "value": "{base.color.green.7}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3523,98 +3344,72 @@ "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "button-primary-borderColor-hover", + "name": "display-brown-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "hover"] + "path": ["display", "brown", "borderColor", "emphasis"] }, - "button-primary-borderColor-active": { - "value": "#013d14", + "display-lemon-bgColor-muted": { + "value": "#f7eea1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, - "alpha": 1, "original": { - "value": "{base.color.green.7}", + "value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "alpha": 1 + } }, - "name": "button-primary-borderColor-active", + "name": "display-lemon-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "active"] + "path": ["display", "lemon", "bgColor", "muted"] }, - "button-primary-borderColor-disabled": { - "value": "#85cb97", + "display-lemon-bgColor-emphasis": { + "value": "#866e04", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.bgColor.disabled}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-disabled", - "attributes": {}, - "path": ["button", "primary", "borderColor", "disabled"] - }, - "button-primary-shadow-selected": { - "value": "inset 0px 1px 0px 0px #00230b4d", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.green.9}", - "alpha": 0.3, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-primary-shadow-selected", + "name": "display-lemon-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "shadow", "selected"] + "path": ["display", "lemon", "bgColor", "emphasis"] }, - "button-invisible-fgColor-rest": { - "value": "#023b95", + "display-lemon-fgColor": { + "value": "#786002", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3624,10 +3419,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3638,128 +3433,128 @@ } } }, - "name": "button-invisible-fgColor-rest", + "name": "display-lemon-fgColor", "attributes": {}, - "path": ["button", "invisible", "fgColor", "rest"] + "path": ["display", "lemon", "fgColor"] }, - "button-invisible-fgColor-hover": { - "value": "#67b3fd", + "display-lemon-borderColor-muted": { + "value": "#f0db3d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-hover", + "name": "display-lemon-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "hover"] + "path": ["display", "lemon", "borderColor", "muted"] }, - "button-invisible-fgColor-disabled": { - "value": "#4b535d", + "display-lemon-borderColor-emphasis": { + "value": "#866e04", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-disabled", + "name": "display-lemon-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "fgColor", "disabled"] + "path": ["display", "lemon", "borderColor", "emphasis"] }, - "button-invisible-iconColor-rest": { - "value": "#0e1116", + "display-olive-bgColor-muted": { + "value": "#f0f0ad", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-rest", + "name": "display-olive-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "iconColor", "rest"] + "path": ["display", "olive", "bgColor", "muted"] }, - "button-invisible-iconColor-hover": { - "value": "#ffffff", + "display-olive-bgColor-emphasis": { + "value": "#64762d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-hover", + "name": "display-olive-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "iconColor", "hover"] + "path": ["display", "olive", "bgColor", "emphasis"] }, - "button-invisible-iconColor-disabled": { - "value": "#4b535d", + "display-olive-fgColor": { + "value": "#56682c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3769,10 +3564,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3783,72 +3578,70 @@ } } }, - "name": "button-invisible-iconColor-disabled", + "name": "display-olive-fgColor", "attributes": {}, - "path": ["button", "invisible", "iconColor", "disabled"] + "path": ["display", "olive", "fgColor"] }, - "button-invisible-bgColor-rest": { - "value": "#ffffff00", + "display-olive-borderColor-muted": { + "value": "#dbe170", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.rest}", + "value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-rest", + "name": "display-olive-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "rest"] + "path": ["display", "olive", "borderColor", "muted"] }, - "button-invisible-bgColor-hover": { - "value": "#20252c", + "display-olive-borderColor-emphasis": { + "value": "#64762d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, - "alpha": 1, "original": { - "value": "{base.color.gray.8}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "button-invisible-bgColor-hover", + "name": "display-olive-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "hover"] + "path": ["display", "olive", "borderColor", "emphasis"] }, - "button-invisible-bgColor-active": { - "value": "#4b535d", + "display-lime-bgColor-muted": { + "value": "#e3f2b5", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3858,11 +3651,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, - "alpha": 1, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3871,15 +3663,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 1 + } }, - "name": "button-invisible-bgColor-active", + "name": "display-lime-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "active"] + "path": ["display", "lime", "bgColor", "muted"] }, - "button-invisible-bgColor-disabled": { - "value": "#ffffff00", + "display-lime-bgColor-emphasis": { + "value": "#527a29", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3889,10 +3680,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.disabled}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3903,41 +3694,41 @@ } } }, - "name": "button-invisible-bgColor-disabled", + "name": "display-lime-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "disabled"] + "path": ["display", "lime", "bgColor", "emphasis"] }, - "button-invisible-borderColor-rest": { - "value": "#ffffff00", + "display-lime-fgColor": { + "value": "#476c28", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.rest}", + "value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-invisible-borderColor-rest", + "name": "display-lime-fgColor", "attributes": {}, - "path": ["button", "invisible", "borderColor", "rest"] + "path": ["display", "lime", "fgColor"] }, - "button-invisible-borderColor-hover": { - "value": "#20252c", + "display-lime-borderColor-muted": { + "value": "#c7e580", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3947,10 +3738,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.hover}", + "value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3961,12 +3752,12 @@ } } }, - "name": "button-invisible-borderColor-hover", + "name": "display-lime-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "hover"] + "path": ["display", "lime", "borderColor", "muted"] }, - "button-invisible-borderColor-disabled": { - "value": "#e7ecf0", + "display-lime-borderColor-emphasis": { + "value": "#527a29", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3976,10 +3767,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3990,70 +3781,70 @@ } } }, - "name": "button-invisible-borderColor-disabled", + "name": "display-lime-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "borderColor", "disabled"] + "path": ["display", "lime", "borderColor", "emphasis"] }, - "button-outline-fgColor-rest": { - "value": "#023b95", + "display-pine-bgColor-muted": { + "value": "#bff8db", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-rest", + "name": "display-pine-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "rest"] + "path": ["display", "pine", "bgColor", "muted"] }, - "button-outline-fgColor-hover": { - "value": "#ffffff", + "display-pine-bgColor-emphasis": { + "value": "#167e53", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-hover", + "name": "display-pine-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "hover"] + "path": ["display", "pine", "bgColor", "emphasis"] }, - "button-outline-fgColor-active": { - "value": "#ffffff", + "display-pine-fgColor": { + "value": "#156f4b", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4063,10 +3854,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4077,72 +3868,70 @@ } } }, - "name": "button-outline-fgColor-active", + "name": "display-pine-fgColor", "attributes": {}, - "path": ["button", "outline", "fgColor", "active"] + "path": ["display", "pine", "fgColor"] }, - "button-outline-fgColor-disabled": { - "value": "#023b9580", + "display-pine-borderColor-muted": { + "value": "#80efb9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-outline-fgColor-disabled", + "name": "display-pine-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "disabled"] + "path": ["display", "pine", "borderColor", "muted"] }, - "button-outline-bgColor-rest": { - "value": "#e7ecf0", + "display-pine-borderColor-emphasis": { + "value": "#167e53", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-bgColor-rest", + "name": "display-pine-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "rest"] + "path": ["display", "pine", "borderColor", "emphasis"] }, - "button-outline-bgColor-hover": { - "value": "#0349b4", + "display-teal-bgColor-muted": { + "value": "#c7f5ef", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4152,10 +3941,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4166,12 +3955,12 @@ } } }, - "name": "button-outline-bgColor-hover", + "name": "display-teal-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "hover"] + "path": ["display", "teal", "bgColor", "muted"] }, - "button-outline-bgColor-active": { - "value": "#033f9d", + "display-teal-bgColor-emphasis": { + "value": "#127e81", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4181,14 +3970,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#022f7a", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4197,47 +3982,43 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "button-outline-bgColor-active", + "name": "display-teal-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "active"] + "path": ["display", "teal", "bgColor", "emphasis"] }, - "button-outline-bgColor-disabled": { - "value": "#ffffff", + "display-teal-fgColor": { + "value": "#106e75", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-outline-bgColor-disabled", + "name": "display-teal-fgColor", "attributes": {}, - "path": ["button", "outline", "bgColor", "disabled"] + "path": ["display", "teal", "fgColor"] }, - "button-outline-borderColor-hover": { - "value": "#01040926", + "display-teal-borderColor-muted": { + "value": "#89ebe1", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4247,11 +4028,10 @@ "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4260,15 +4040,14 @@ "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-outline-borderColor-hover", + "name": "display-teal-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "borderColor", "hover"] + "path": ["display", "teal", "borderColor", "muted"] }, - "button-outline-borderColor-active": { - "value": "#01040926", + "display-teal-borderColor-emphasis": { + "value": "#127e81", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4278,10 +4057,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.outline.borderColor.hover}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4292,93 +4071,70 @@ } } }, - "name": "button-outline-borderColor-active", - "attributes": {}, - "path": ["button", "outline", "borderColor", "active"] - }, - "button-outline-shadow-selected": { - "value": "inset 0px 1px 0px 0px #021a4a33", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.blue.9}", - "alpha": 0.2, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-outline-shadow-selected", + "name": "display-teal-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "shadow", "selected"] + "path": ["display", "teal", "borderColor", "emphasis"] }, - "button-danger-fgColor-rest": { - "value": "#8a071e", + "display-cyan-bgColor-muted": { + "value": "#bdf4ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-rest", + "name": "display-cyan-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "rest"] + "path": ["display", "cyan", "bgColor", "muted"] }, - "button-danger-fgColor-hover": { - "value": "#ffffff", + "display-cyan-bgColor-emphasis": { + "value": "#007b94", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-hover", + "name": "display-cyan-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "hover"] + "path": ["display", "cyan", "bgColor", "emphasis"] }, - "button-danger-fgColor-active": { - "value": "#ffffff", + "display-cyan-fgColor": { + "value": "#006a80", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4388,10 +4144,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4402,101 +4158,99 @@ } } }, - "name": "button-danger-fgColor-active", + "name": "display-cyan-fgColor", "attributes": {}, - "path": ["button", "danger", "fgColor", "active"] + "path": ["display", "cyan", "fgColor"] }, - "button-danger-fgColor-disabled": { - "value": "#8a071e80", + "display-cyan-borderColor-muted": { + "value": "#7ae9ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-danger-fgColor-disabled", + "name": "display-cyan-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "disabled"] + "path": ["display", "cyan", "borderColor", "muted"] }, - "button-danger-iconColor-rest": { - "value": "#8a071e", + "display-cyan-borderColor-emphasis": { + "value": "#007b94", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-iconColor-rest", + "name": "display-cyan-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "iconColor", "rest"] + "path": ["display", "cyan", "borderColor", "emphasis"] }, - "button-danger-iconColor-hover": { - "value": "#ffffff", + "display-indigo-bgColor-muted": { + "value": "#e5e9ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-hover", + "name": "display-indigo-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "iconColor", "hover"] + "path": ["display", "indigo", "bgColor", "muted"] }, - "button-danger-bgColor-rest": { - "value": "#e7ecf0", + "display-indigo-bgColor-emphasis": { + "value": "#5a61e7", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4506,10 +4260,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4520,277 +4274,244 @@ } } }, - "name": "button-danger-bgColor-rest", + "name": "display-indigo-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "rest"] + "path": ["display", "indigo", "bgColor", "emphasis"] }, - "button-danger-bgColor-hover": { - "value": "#86061d", + "display-indigo-fgColor": { + "value": "#494edf", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-bgColor-hover", + "name": "display-indigo-fgColor", "attributes": {}, - "path": ["button", "danger", "bgColor", "hover"] + "path": ["display", "indigo", "fgColor"] }, - "button-danger-bgColor-active": { - "value": "#74041a", + "display-indigo-borderColor-muted": { + "value": "#d2d7fe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#5a0016", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.red.8}", - "weight": 0.4 } }, - "name": "button-danger-bgColor-active", + "name": "display-indigo-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "active"] + "path": ["display", "indigo", "borderColor", "muted"] }, - "button-danger-bgColor-disabled": { - "value": "#e7ecf0", + "display-indigo-borderColor-emphasis": { + "value": "#5a61e7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-disabled", + "name": "display-indigo-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "disabled"] + "path": ["display", "indigo", "borderColor", "emphasis"] }, - "button-danger-borderColor-rest": { - "value": "#20252c", + "display-pink-bgColor-muted": { + "value": "#ffe5f1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-borderColor-rest", + "name": "display-pink-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "borderColor", "rest"] + "path": ["display", "pink", "bgColor", "muted"] }, - "button-danger-borderColor-hover": { - "value": "#01040926", + "display-pink-bgColor-emphasis": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-danger-borderColor-hover", + "name": "display-pink-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "borderColor", "hover"] + "path": ["display", "pink", "bgColor", "emphasis"] }, - "button-danger-borderColor-active": { - "value": "#01040926", + "display-pink-fgColor": { + "value": "#b12f79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.danger.borderColor.hover}", + "value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-borderColor-active", - "attributes": {}, - "path": ["button", "danger", "borderColor", "active"] - }, - "button-danger-shadow-selected": { - "value": "inset 0px 1px 0px 0px #43001133", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.red.9}", - "alpha": 0.2, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-danger-shadow-selected", + "name": "display-pink-fgColor", "attributes": {}, - "path": ["button", "danger", "shadow", "selected"] + "path": ["display", "pink", "fgColor"] }, - "button-inactive-fgColor-rest": { - "value": "#4b535d", + "display-pink-borderColor-muted": { + "value": "#fdc9e2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-fgColor-rest", + "name": "display-pink-borderColor-muted", "attributes": {}, - "path": ["button", "inactive", "fgColor", "rest"] + "path": ["display", "pink", "borderColor", "muted"] }, - "button-inactive-bgColor-rest": { - "value": "#e7ecf0", + "display-pink-borderColor-emphasis": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-bgColor-rest", + "name": "display-pink-borderColor-emphasis", "attributes": {}, - "path": ["button", "inactive", "bgColor", "rest"] + "path": ["display", "pink", "borderColor", "emphasis"] }, - "buttonCounter-default-bgColor-rest": { - "value": "#66707b33", + "avatar-bgColor": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4800,11 +4521,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, - "alpha": 0.2, "original": { - "value": "{bgColor.neutral.emphasis}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4813,77 +4533,81 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-default-bgColor-rest", + "name": "avatar-bgColor", "attributes": {}, - "path": ["buttonCounter", "default", "bgColor", "rest"] + "path": ["avatar", "bgColor"] }, - "buttonCounter-invisible-bgColor-rest": { - "value": "#66707b33", + "avatar-borderColor": { + "value": "#010409e6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, + "alpha": 0.9, "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, - "alpha": 0.2, "original": { - "value": "{bgColor.neutral.emphasis}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.2 + "alpha": 0.9 }, - "name": "buttonCounter-invisible-bgColor-rest", + "name": "avatar-borderColor", "attributes": {}, - "path": ["buttonCounter", "invisible", "bgColor", "rest"] + "path": ["avatar", "borderColor"] }, - "buttonCounter-primary-bgColor-rest": { - "value": "#00230b33", - "$type": "color", + "avatar-shadow": { + "value": "0px 0px 0px 2px #ffffffcc", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component shadow" } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", - "$type": "color", + "value": [ + { + "color": "{base.color.white}", + "alpha": 0.8, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "2px" + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component shadow" } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-primary-bgColor-rest", + "name": "avatar-shadow", "attributes": {}, - "path": ["buttonCounter", "primary", "bgColor", "rest"] + "path": ["avatar", "shadow"] }, - "buttonCounter-outline-bgColor-rest": { - "value": "#0349b41a", + "avatarStack-fade-bgColor-default": { + "value": "#acb6c0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4893,11 +4617,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.1, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4906,15 +4629,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "buttonCounter-outline-bgColor-rest", + "name": "avatarStack-fade-bgColor-default", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "default"] }, - "buttonCounter-outline-bgColor-hover": { - "value": "#ffffff33", + "avatarStack-fade-bgColor-muted": { + "value": "#ced5dc", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4924,11 +4646,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4937,5683 +4658,11824 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-hover", + "name": "avatarStack-fade-bgColor-muted", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "hover"] + "path": ["avatarStack", "fade", "bgColor", "muted"] }, - "buttonCounter-outline-bgColor-disabled": { - "value": "#0349b40d", + "control-bgColor-rest": { + "value": "#e7ecf0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-outline-bgColor-disabled", + "name": "control-bgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "disabled"] + "path": ["control", "bgColor", "rest"] }, - "buttonCounter-outline-fgColor-rest": { - "value": "#023b95", + "control-bgColor-hover": { + "value": "#dbe1e6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "mix": { + "color": "#acb6c0", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.2 } }, - "name": "buttonCounter-outline-fgColor-rest", + "name": "control-bgColor-hover", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "rest"] + "path": ["control", "bgColor", "hover"] }, - "buttonCounter-outline-fgColor-hover": { - "value": "#ffffff", + "control-bgColor-active": { + "value": "#cfd6dd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "mix": { + "color": "#acb6c0", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.4 } }, - "name": "buttonCounter-outline-fgColor-hover", + "name": "control-bgColor-active", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "hover"] + "path": ["control", "bgColor", "active"] }, - "buttonCounter-outline-fgColor-disabled": { - "value": "#023b9580", + "control-bgColor-disabled": { + "value": "#ced5dcb3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-outline-fgColor-disabled", + "name": "control-bgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "disabled"] + "path": ["control", "bgColor", "disabled"] }, - "buttonCounter-danger-bgColor-hover": { - "value": "#ffffff33", + "control-bgColor-selected": { + "value": "#acb6c0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-hover", + "name": "control-bgColor-selected", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "hover"] + "path": ["control", "bgColor", "selected"] }, - "buttonCounter-danger-bgColor-disabled": { - "value": "#a0111f0d", + "control-fgColor-rest": { + "value": "#0e1116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-danger-bgColor-disabled", + "name": "control-fgColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "disabled"] + "path": ["control", "fgColor", "rest"] }, - "buttonCounter-danger-bgColor-rest": { - "value": "#a0111f1a", + "control-fgColor-placeholder": { + "value": "#66707b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.1, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "buttonCounter-danger-bgColor-rest", + "name": "control-fgColor-placeholder", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "rest"] + "path": ["control", "fgColor", "placeholder"] }, - "buttonCounter-danger-fgColor-rest": { - "value": "#980e1e", + "control-fgColor-disabled": { + "value": "#66707b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } }, - "mix": { - "color": "#86061d", - "weight": 0.3 - }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.red.6}", - "weight": 0.3 } }, - "name": "buttonCounter-danger-fgColor-rest", + "name": "control-fgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "rest"] + "path": ["control", "fgColor", "disabled"] }, - "buttonCounter-danger-fgColor-hover": { - "value": "#ffffff", + "control-borderColor-rest": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "buttonCounter-danger-fgColor-hover", + "name": "control-borderColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "hover"] + "path": ["control", "borderColor", "rest"] }, - "buttonCounter-danger-fgColor-disabled": { - "value": "#8a071e80", + "control-borderColor-emphasis": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "mix": null, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5 + "mix": null }, - "name": "buttonCounter-danger-fgColor-disabled", + "name": "control-borderColor-emphasis", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "disabled"] + "path": ["control", "borderColor", "emphasis"] }, - "focus-outlineColor": { - "value": "#0349b4", + "control-borderColor-disabled": { + "value": "#ced5dcb3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.accent.emphasis}", + "value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "focus-outlineColor", - "attributes": {}, - "path": ["focus", "outlineColor"] - }, - "focus-outline": { - "value": "#0349b4 solid 2px", - "$type": "border", - "filePath": "src/tokens/functional/border/light.json5", - "isSource": true, - "original": { - "value": { - "color": "{focus.outlineColor}", - "style": "solid", - "width": "2px" - }, - "$type": "border" - }, - "name": "focus-outline", + "name": "control-borderColor-disabled", "attributes": {}, - "path": ["focus", "outline"] + "path": ["control", "borderColor", "disabled"] }, - "menu-bgColor-active": { - "value": "#ffffff00", + "control-borderColor-selected": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "menu-bgColor-active", + "name": "control-borderColor-selected", "attributes": {}, - "path": ["menu", "bgColor", "active"] + "path": ["control", "borderColor", "selected"] }, - "overlay-bgColor": { - "value": "#ffffff", + "control-borderColor-success": { + "value": "#055d20", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "overlay-bgColor", + "name": "control-borderColor-success", "attributes": {}, - "path": ["overlay", "bgColor"] + "path": ["control", "borderColor", "success"] }, - "overlay-backdrop-bgColor": { - "value": "#88929d33", + "control-borderColor-danger": { + "value": "#a0111f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "overlay-backdrop-bgColor", + "name": "control-borderColor-danger", "attributes": {}, - "path": ["overlay", "backdrop", "bgColor"] + "path": ["control", "borderColor", "danger"] }, - "selectMenu-borderColor": { - "value": "#ffffff00", + "control-borderColor-warning": { + "value": "#744500", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "selectMenu-borderColor", + "name": "control-borderColor-warning", "attributes": {}, - "path": ["selectMenu", "borderColor"] + "path": ["control", "borderColor", "warning"] }, - "selectMenu-bgColor-active": { - "value": "#9cd7ff", + "control-iconColor-rest": { + "value": "#0e1116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "selectMenu-bgColor-active", + "name": "control-iconColor-rest", "attributes": {}, - "path": ["selectMenu", "bgColor", "active"] + "path": ["control", "iconColor", "rest"] }, - "sideNav-bgColor-selected": { - "value": "#ffffff", + "control-transparent-bgColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "sideNav-bgColor-selected", - "attributes": {}, - "path": ["sideNav", "bgColor", "selected"] - }, - "skeletonLoader-bgColor": { - "value": "#e7ecf0", - "$type": "color", - "filePath": "src/tokens/functional/color/light/patterns-light.json5", - "isSource": true, - "original": { - "value": "{bgColor.muted}", - "$type": "color" - }, - "name": "skeletonLoader-bgColor", + "name": "control-transparent-bgColor-rest", "attributes": {}, - "path": ["skeletonLoader", "bgColor"] + "path": ["control", "transparent", "bgColor", "rest"] }, - "timelineBadge-bgColor": { + "control-transparent-bgColor-hover": { "value": "#e7ecf0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "alpha": null, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "mix": null, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": null, + "mix": null }, - "name": "timelineBadge-bgColor", + "name": "control-transparent-bgColor-hover", "attributes": {}, - "path": ["timelineBadge", "bgColor"] + "path": ["control", "transparent", "bgColor", "hover"] }, - "treeViewItem-leadingVisual-iconColor-rest": { - "value": "#368cf9", + "control-transparent-bgColor-active": { + "value": "#ced5dc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "alpha": null, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "mix": null, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": null, + "mix": null }, - "name": "treeViewItem-leadingVisual-iconColor-rest", + "name": "control-transparent-bgColor-active", "attributes": {}, - "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] + "path": ["control", "transparent", "bgColor", "active"] }, - "underlineNav-borderColor-active": { - "value": "#cd3425", + "control-transparent-bgColor-disabled": { + "value": "#ced5dcb3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "underlineNav-borderColor-active", + "name": "control-transparent-bgColor-disabled", "attributes": {}, - "path": ["underlineNav", "borderColor", "active"] + "path": ["control", "transparent", "bgColor", "disabled"] }, - "underlineNav-borderColor-hover": { - "value": "#88929d", + "control-transparent-bgColor-selected": { + "value": "#ced5dc33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{borderColor.neutral.muted}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "underlineNav-borderColor-hover", + "name": "control-transparent-bgColor-selected", "attributes": {}, - "path": ["underlineNav", "borderColor", "hover"] + "path": ["control", "transparent", "bgColor", "selected"] }, - "underlineNav-iconColor-rest": { - "value": "#0e1116", + "control-transparent-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "underlineNav-iconColor-rest", + "name": "control-transparent-borderColor-rest", "attributes": {}, - "path": ["underlineNav", "iconColor", "rest"] + "path": ["control", "transparent", "borderColor", "rest"] }, - "fgColor-default": { - "value": "#010409", + "control-transparent-borderColor-hover": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-default", + "name": "control-transparent-borderColor-hover", "attributes": {}, - "path": ["fgColor", "default"] + "path": ["control", "transparent", "borderColor", "hover"] }, - "fgColor-muted": { - "value": "#0e1116", + "control-transparent-borderColor-active": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "mix": null, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["borderColor"] } - }, - "mix": null + } }, - "name": "fgColor-muted", + "name": "control-transparent-borderColor-active", "attributes": {}, - "path": ["fgColor", "muted"] + "path": ["control", "transparent", "borderColor", "active"] }, - "fgColor-onEmphasis": { - "value": "#ffffff", + "control-danger-fgColor-rest": { + "value": "#8a071e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-onEmphasis", + "name": "control-danger-fgColor-rest", "attributes": {}, - "path": ["fgColor", "onEmphasis"] + "path": ["control", "danger", "fgColor", "rest"] }, - "fgColor-disabled": { - "value": "#4b535d", + "control-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component", "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component", "scopes": ["fgColor"] } } }, - "name": "fgColor-disabled", + "name": "control-danger-fgColor-hover", "attributes": {}, - "path": ["fgColor", "disabled"] + "path": ["control", "danger", "fgColor", "hover"] }, - "fgColor-link": { - "value": "#023b95", + "control-danger-bgColor-hover": { + "value": "#a0111f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "alpha": null, + "mix": null, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": null, + "mix": null }, - "name": "fgColor-link", + "name": "control-danger-bgColor-hover", "attributes": {}, - "path": ["fgColor", "link", "@"] + "path": ["control", "danger", "bgColor", "hover"] }, - "fgColor-neutral": { - "value": "#66707b", + "control-danger-bgColor-active": { + "value": "#8c0b1d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": null, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "mix": { + "color": "#6e011a", + "weight": 0.4 + }, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "alpha": null, + "mix": { + "color": "{base.color.red.7}", + "weight": 0.4 } }, - "name": "fgColor-neutral", + "name": "control-danger-bgColor-active", "attributes": {}, - "path": ["fgColor", "neutral", "@"] + "path": ["control", "danger", "bgColor", "active"] }, - "fgColor-accent": { - "value": "#023b95", + "control-checked-bgColor-rest": { + "value": "#0349b4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-accent", + "name": "control-checked-bgColor-rest", "attributes": {}, - "path": ["fgColor", "accent", "@"] + "path": ["control", "checked", "bgColor", "rest"] }, - "fgColor-success": { - "value": "#055d20", + "control-checked-bgColor-hover": { + "value": "#0344a8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#022f7a", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.2 } }, - "name": "fgColor-success", + "name": "control-checked-bgColor-hover", "attributes": {}, - "path": ["fgColor", "success", "@"] + "path": ["control", "checked", "bgColor", "hover"] }, - "fgColor-attention": { - "value": "#744500", + "control-checked-bgColor-active": { + "value": "#033f9d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#022f7a", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "fgColor-attention", + "name": "control-checked-bgColor-active", "attributes": {}, - "path": ["fgColor", "attention", "@"] + "path": ["control", "checked", "bgColor", "active"] }, - "fgColor-severe": { - "value": "#873800", + "control-checked-bgColor-disabled": { + "value": "#66707b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-severe", + "name": "control-checked-bgColor-disabled", "attributes": {}, - "path": ["fgColor", "severe", "@"] + "path": ["control", "checked", "bgColor", "disabled"] }, - "fgColor-danger": { - "value": "#8a071e", + "control-checked-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#d5232c", - "weight": 0.05 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.red.4}", - "weight": 0.05 } }, - "name": "fgColor-danger", + "name": "control-checked-fgColor-rest", "attributes": {}, - "path": ["fgColor", "danger", "@"] + "path": ["control", "checked", "fgColor", "rest"] }, - "fgColor-open": { - "value": "#055d20", + "control-checked-fgColor-disabled": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.success.@}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-open", + "name": "control-checked-fgColor-disabled", "attributes": {}, - "path": ["fgColor", "open", "@"] + "path": ["control", "checked", "fgColor", "disabled"] }, - "fgColor-closed": { - "value": "#8a071e", + "control-checked-borderColor-rest": { + "value": "#0349b4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-closed", + "name": "control-checked-borderColor-rest", "attributes": {}, - "path": ["fgColor", "closed", "@"] + "path": ["control", "checked", "borderColor", "rest"] }, - "fgColor-done": { - "value": "#622cbc", + "control-checked-borderColor-hover": { + "value": "#0344a8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } - } + "group": "component", + "scopes": ["borderColor"] + } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#022f7a", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.2 } }, - "name": "fgColor-done", + "name": "control-checked-borderColor-hover", "attributes": {}, - "path": ["fgColor", "done", "@"] + "path": ["control", "checked", "borderColor", "hover"] }, - "fgColor-sponsors": { - "value": "#971368", + "control-checked-borderColor-active": { + "value": "#033f9d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#022f7a", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "fgColor-sponsors", + "name": "control-checked-borderColor-active", "attributes": {}, - "path": ["fgColor", "sponsors", "@"] + "path": ["control", "checked", "borderColor", "active"] }, - "bgColor-default": { - "value": "#ffffff", + "control-checked-borderColor-disabled": { + "value": "#66707b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "bgColor-default", + "name": "control-checked-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "default"] + "path": ["control", "checked", "borderColor", "disabled"] }, - "bgColor-muted": { - "value": "#e7ecf0", + "controlTrack-bgColor-rest": { + "value": "#acb6c0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-muted", + "name": "controlTrack-bgColor-rest", "attributes": {}, - "path": ["bgColor", "muted"] + "path": ["controlTrack", "bgColor", "rest"] }, - "bgColor-inset": { - "value": "#ffffff", + "controlTrack-bgColor-hover": { + "value": "#9ea8b2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, + "mix": { + "color": "#66707b", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 } }, - "name": "bgColor-inset", + "name": "controlTrack-bgColor-hover", "attributes": {}, - "path": ["bgColor", "inset"] + "path": ["controlTrack", "bgColor", "hover"] }, - "bgColor-emphasis": { - "value": "#0e1116", + "controlTrack-bgColor-active": { + "value": "#909aa4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#66707b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.4 } }, - "name": "bgColor-emphasis", + "name": "controlTrack-bgColor-active", "attributes": {}, - "path": ["bgColor", "emphasis"] + "path": ["controlTrack", "bgColor", "active"] }, - "bgColor-inverse": { - "value": "#0e1116", + "controlTrack-bgColor-disabled": { + "value": "#66707b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "bgColor-inverse", + "name": "controlTrack-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "inverse"] + "path": ["controlTrack", "bgColor", "disabled"] }, - "bgColor-disabled": { - "value": "#e7ecf0", + "controlTrack-fgColor-rest": { + "value": "#010409", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-disabled", + "name": "controlTrack-fgColor-rest", "attributes": {}, - "path": ["bgColor", "disabled"] + "path": ["controlTrack", "fgColor", "rest"] }, - "bgColor-transparent": { - "value": "#ffffff00", + "controlTrack-fgColor-disabled": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-transparent", + "name": "controlTrack-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "transparent"] + "path": ["controlTrack", "fgColor", "disabled"] }, - "bgColor-neutral-muted": { - "value": "#e7ecf0", + "controlTrack-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "bgColor-neutral-muted", + "name": "controlTrack-borderColor-rest", "attributes": {}, - "path": ["bgColor", "neutral", "muted"] + "path": ["controlTrack", "borderColor", "rest"] }, - "bgColor-neutral-emphasis": { + "controlTrack-borderColor-disabled": { "value": "#66707b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-neutral-emphasis", + "name": "controlTrack-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "neutral", "emphasis"] + "path": ["controlTrack", "borderColor", "disabled"] }, - "bgColor-accent-muted": { - "value": "#dff7ff", + "controlKnob-bgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-accent-muted", + "name": "controlKnob-bgColor-rest", "attributes": {}, - "path": ["bgColor", "accent", "muted"] + "path": ["controlKnob", "bgColor", "rest"] }, - "bgColor-accent-emphasis": { - "value": "#0349b4", + "controlKnob-bgColor-disabled": { + "value": "#ced5dcb3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-accent-emphasis", + "name": "controlKnob-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "accent", "emphasis"] + "path": ["controlKnob", "bgColor", "disabled"] }, - "bgColor-success-muted": { - "value": "#d2fedb", + "controlKnob-bgColor-checked": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-success-muted", + "name": "controlKnob-bgColor-checked", "attributes": {}, - "path": ["bgColor", "success", "muted"] + "path": ["controlKnob", "bgColor", "checked"] }, - "bgColor-success-emphasis": { - "value": "#055d20", + "controlKnob-borderColor-rest": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": null, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{control.borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": null + } }, - "name": "bgColor-success-emphasis", + "name": "controlKnob-borderColor-rest", "attributes": {}, - "path": ["bgColor", "success", "emphasis"] + "path": ["controlKnob", "borderColor", "rest"] }, - "bgColor-attention-muted": { - "value": "#fcf7be", + "controlKnob-borderColor-disabled": { + "value": "#ced5dcb3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-attention-muted", + "name": "controlKnob-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "attention", "muted"] + "path": ["controlKnob", "borderColor", "disabled"] }, - "bgColor-attention-emphasis": { - "value": "#744500", + "controlKnob-borderColor-checked": { + "value": "#0349b4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-attention-emphasis", + "name": "controlKnob-borderColor-checked", "attributes": {}, - "path": ["bgColor", "attention", "emphasis"] + "path": ["controlKnob", "borderColor", "checked"] }, - "bgColor-severe-muted": { - "value": "#fff2d5", + "counter-borderColor": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-severe-muted", + "name": "counter-borderColor", "attributes": {}, - "path": ["bgColor", "severe", "muted"] + "path": ["counter", "borderColor"] }, - "bgColor-severe-emphasis": { - "value": "#873800", + "button-default-fgColor-rest": { + "value": "#0e1116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-severe-emphasis", + "name": "button-default-fgColor-rest", "attributes": {}, - "path": ["bgColor", "severe", "emphasis"] + "path": ["button", "default", "fgColor", "rest"] }, - "bgColor-danger-muted": { - "value": "#fff0ee", + "button-default-bgColor-rest": { + "value": "#e7ecf0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-muted", + "name": "button-default-bgColor-rest", "attributes": {}, - "path": ["bgColor", "danger", "muted"] + "path": ["button", "default", "bgColor", "rest"] }, - "bgColor-danger-emphasis": { - "value": "#a0111f", + "button-default-bgColor-hover": { + "value": "#dbe1e6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-emphasis", + "name": "button-default-bgColor-hover", "attributes": {}, - "path": ["bgColor", "danger", "emphasis"] + "path": ["button", "default", "bgColor", "hover"] }, - "bgColor-open-muted": { - "value": "#d2fedb", + "button-default-bgColor-active": { + "value": "#cfd6dd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.muted}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-open-muted", + "name": "button-default-bgColor-active", "attributes": {}, - "path": ["bgColor", "open", "muted"] + "path": ["button", "default", "bgColor", "active"] }, - "bgColor-open-emphasis": { - "value": "#055d20", + "button-default-bgColor-selected": { + "value": "#cfd6dd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-open-emphasis", + "name": "button-default-bgColor-selected", "attributes": {}, - "path": ["bgColor", "open", "emphasis"] + "path": ["button", "default", "bgColor", "selected"] }, - "bgColor-closed-muted": { - "value": "#fff0ee", + "button-default-bgColor-disabled": { + "value": "#ced5dcb3", + "$type": "color", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{control.bgColor.disabled}", + "$type": "color" + }, + "name": "button-default-bgColor-disabled", + "attributes": {}, + "path": ["button", "default", "bgColor", "disabled"] + }, + "button-default-borderColor-rest": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-muted", + "name": "button-default-borderColor-rest", "attributes": {}, - "path": ["bgColor", "closed", "muted"] + "path": ["button", "default", "borderColor", "rest"] }, - "bgColor-closed-emphasis": { - "value": "#a0111f", + "button-default-borderColor-hover": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-emphasis", + "name": "button-default-borderColor-hover", "attributes": {}, - "path": ["bgColor", "closed", "emphasis"] + "path": ["button", "default", "borderColor", "hover"] }, - "bgColor-done-muted": { - "value": "#faf0fe", + "button-default-borderColor-active": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-done-muted", + "name": "button-default-borderColor-active", "attributes": {}, - "path": ["bgColor", "done", "muted"] + "path": ["button", "default", "borderColor", "active"] }, - "bgColor-done-emphasis": { - "value": "#622cbc", + "button-default-borderColor-disabled": { + "value": "#ced5dcb3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-done-emphasis", + "name": "button-default-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "done", "emphasis"] + "path": ["button", "default", "borderColor", "disabled"] }, - "bgColor-sponsors-muted": { - "value": "#feeff7", - "$type": "color", + "button-default-shadow-resting": { + "value": "0px 1px 0px 0px #0104090a", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", - "$type": "color", + "value": [ + { + "color": "{base.color.black}", + "alpha": 0.04, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component shadow" } } }, - "name": "bgColor-sponsors-muted", + "name": "button-default-shadow-resting", "attributes": {}, - "path": ["bgColor", "sponsors", "muted"] + "path": ["button", "default", "shadow", "resting"] }, - "bgColor-sponsors-emphasis": { - "value": "#971368", + "button-primary-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-sponsors-emphasis", + "name": "button-primary-fgColor-rest", "attributes": {}, - "path": ["bgColor", "sponsors", "emphasis"] + "path": ["button", "primary", "fgColor", "rest"] }, - "borderColor-default": { - "value": "#20252c", + "button-primary-fgColor-disabled": { + "value": "#ffffffcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "alpha": 0.8, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.8 }, - "name": "borderColor-default", + "name": "button-primary-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "default"] + "path": ["button", "primary", "fgColor", "disabled"] }, - "borderColor-muted": { - "value": "#88929d", + "button-primary-iconColor-rest": { + "value": "#ffffffcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "alpha": 0.8, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1 + "alpha": 0.8 }, - "name": "borderColor-muted", + "name": "button-primary-iconColor-rest", "attributes": {}, - "path": ["borderColor", "muted"] + "path": ["button", "primary", "iconColor", "rest"] }, - "borderColor-emphasis": { - "value": "#66707b", + "button-primary-bgColor-rest": { + "value": "#055d20", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-emphasis", + "name": "button-primary-bgColor-rest", "attributes": {}, - "path": ["borderColor", "emphasis"] + "path": ["button", "primary", "bgColor", "rest"] }, - "borderColor-disabled": { - "value": "#e7ecf0", + "button-primary-bgColor-hover": { + "value": "#04571e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#013d14", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.7}", + "weight": 0.2 } }, - "name": "borderColor-disabled", + "name": "button-primary-bgColor-hover", "attributes": {}, - "path": ["borderColor", "disabled"] + "path": ["button", "primary", "bgColor", "hover"] }, - "borderColor-transparent": { - "value": "#ffffff00", + "button-primary-bgColor-active": { + "value": "#03501b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#013d14", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.7}", + "weight": 0.4 } }, - "name": "borderColor-transparent", + "name": "button-primary-bgColor-active", "attributes": {}, - "path": ["borderColor", "transparent"] + "path": ["button", "primary", "bgColor", "active"] }, - "borderColor-neutral-muted": { - "value": "#88929d", + "button-primary-bgColor-disabled": { + "value": "#85cb97", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "mix": { + "color": "#d2fedb", + "weight": 0.6 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 1 + "mix": { + "color": "{base.color.green.0}", + "weight": 0.6 + } }, - "name": "borderColor-neutral-muted", + "name": "button-primary-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "neutral", "muted"] + "path": ["button", "primary", "bgColor", "disabled"] }, - "borderColor-neutral-emphasis": { - "value": "#66707b", + "button-primary-borderColor-rest": { + "value": "#013d14", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.green.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } - } + }, + "alpha": 1 }, - "name": "borderColor-neutral-emphasis", + "name": "button-primary-borderColor-rest", "attributes": {}, - "path": ["borderColor", "neutral", "emphasis"] + "path": ["button", "primary", "borderColor", "rest"] }, - "borderColor-accent-muted": { - "value": "#368cf9", + "button-primary-borderColor-hover": { + "value": "#013d14", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 1, "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "alpha": 1, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.green.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, "alpha": 1 }, - "name": "borderColor-accent-muted", + "name": "button-primary-borderColor-hover", "attributes": {}, - "path": ["borderColor", "accent", "muted"] + "path": ["button", "primary", "borderColor", "hover"] }, - "borderColor-accent-emphasis": { - "value": "#0349b4", + "button-primary-borderColor-active": { + "value": "#013d14", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "alpha": 1, "original": { - "value": "{base.color.blue.5}", + "value": "{base.color.green.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 1 }, - "name": "borderColor-accent-emphasis", + "name": "button-primary-borderColor-active", "attributes": {}, - "path": ["borderColor", "accent", "emphasis"] + "path": ["button", "primary", "borderColor", "active"] }, - "borderColor-success-muted": { - "value": "#26a148", + "button-primary-borderColor-disabled": { + "value": "#85cb97", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{button.primary.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-success-muted", + "name": "button-primary-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "success", "muted"] + "path": ["button", "primary", "borderColor", "disabled"] }, - "borderColor-success-emphasis": { - "value": "#055d20", - "$type": "color", + "button-primary-shadow-selected": { + "value": "inset 0px 1px 0px 0px #07251f4d", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", - "$type": "color", + "value": [ + { + "color": "{prov.color.green.9}", + "alpha": 0.3, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component shadow" } } }, - "name": "borderColor-success-emphasis", + "name": "button-primary-shadow-selected", "attributes": {}, - "path": ["borderColor", "success", "emphasis"] + "path": ["button", "primary", "shadow", "selected"] }, - "borderColor-attention-muted": { - "value": "#b58407", + "button-invisible-fgColor-rest": { + "value": "#023b95", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-attention-muted", + "name": "button-invisible-fgColor-rest", "attributes": {}, - "path": ["borderColor", "attention", "muted"] + "path": ["button", "invisible", "fgColor", "rest"] }, - "borderColor-attention-emphasis": { - "value": "#744500", + "button-invisible-fgColor-hover": { + "value": "#67b3fd", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{base.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-attention-emphasis", + "name": "button-invisible-fgColor-hover", "attributes": {}, - "path": ["borderColor", "attention", "emphasis"] + "path": ["button", "invisible", "fgColor", "hover"] }, - "borderColor-severe-muted": { - "value": "#dc6d1a", + "button-invisible-fgColor-disabled": { + "value": "#66707b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-severe-muted", + "name": "button-invisible-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "severe", "muted"] + "path": ["button", "invisible", "fgColor", "disabled"] }, - "borderColor-severe-emphasis": { - "value": "#873800", + "button-invisible-iconColor-rest": { + "value": "#0e1116", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-severe-emphasis", + "name": "button-invisible-iconColor-rest", "attributes": {}, - "path": ["borderColor", "severe", "emphasis"] + "path": ["button", "invisible", "iconColor", "rest"] }, - "borderColor-danger-muted": { - "value": "#ee5a5d", + "button-invisible-iconColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 1, "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-danger-muted", + "name": "button-invisible-iconColor-hover", "attributes": {}, - "path": ["borderColor", "danger", "muted"] + "path": ["button", "invisible", "iconColor", "hover"] }, - "borderColor-danger-emphasis": { - "value": "#a0111f", + "button-invisible-iconColor-disabled": { + "value": "#66707b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-danger-emphasis", + "name": "button-invisible-iconColor-disabled", "attributes": {}, - "path": ["borderColor", "danger", "emphasis"] + "path": ["button", "invisible", "iconColor", "disabled"] }, - "borderColor-open-muted": { - "value": "#26a148", + "button-invisible-bgColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.success.muted}", + "value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-muted", + "name": "button-invisible-bgColor-rest", "attributes": {}, - "path": ["borderColor", "open", "muted"] + "path": ["button", "invisible", "bgColor", "rest"] }, - "borderColor-open-emphasis": { - "value": "#055d20", + "button-invisible-bgColor-hover": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "alpha": 1, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 1 }, - "name": "borderColor-open-emphasis", + "name": "button-invisible-bgColor-hover", "attributes": {}, - "path": ["borderColor", "open", "emphasis"] + "path": ["button", "invisible", "bgColor", "hover"] }, - "borderColor-closed-muted": { - "value": "#ee5a5d66", + "button-invisible-bgColor-active": { + "value": "#4b535d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "alpha": 1, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4 + "alpha": 1 }, - "name": "borderColor-closed-muted", + "name": "button-invisible-bgColor-active", "attributes": {}, - "path": ["borderColor", "closed", "muted"] + "path": ["button", "invisible", "bgColor", "active"] }, - "borderColor-closed-emphasis": { - "value": "#a0111f", + "button-invisible-bgColor-disabled": { + "value": "#ced5dcb3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-closed-emphasis", + "name": "button-invisible-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "closed", "emphasis"] + "path": ["button", "invisible", "bgColor", "disabled"] }, - "borderColor-done-muted": { - "value": "#a371f7", + "button-invisible-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-done-muted", + "name": "button-invisible-borderColor-rest", "attributes": {}, - "path": ["borderColor", "done", "muted"] + "path": ["button", "invisible", "borderColor", "rest"] }, - "borderColor-done-emphasis": { - "value": "#622cbc", + "button-invisible-borderColor-hover": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-done-emphasis", + "name": "button-invisible-borderColor-hover", "attributes": {}, - "path": ["borderColor", "done", "emphasis"] + "path": ["button", "invisible", "borderColor", "hover"] }, - "borderColor-sponsors-muted": { - "value": "#ed4baf", + "button-invisible-borderColor-disabled": { + "value": "#ced5dcb3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 1, - "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 1 + } }, - "name": "borderColor-sponsors-muted", + "name": "button-invisible-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "sponsors", "muted"] + "path": ["button", "invisible", "borderColor", "disabled"] }, - "borderColor-sponsors-emphasis": { - "value": "#971368", + "button-outline-fgColor-rest": { + "value": "#023b95", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-sponsors-emphasis", + "name": "button-outline-fgColor-rest", "attributes": {}, - "path": ["borderColor", "sponsors", "emphasis"] + "path": ["button", "outline", "fgColor", "rest"] }, - "color-ansi-black": { - "value": "#0e1116", + "button-outline-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black", + "name": "button-outline-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "black"] + "path": ["button", "outline", "fgColor", "hover"] }, - "color-ansi-black-bright": { - "value": "#4b535d", + "button-outline-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black-bright", + "name": "button-outline-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "black-bright"] + "path": ["button", "outline", "fgColor", "active"] }, - "color-ansi-white": { - "value": "#66707b", + "button-outline-fgColor-disabled": { + "value": "#023b9580", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-white", + "name": "button-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "white"] + "path": ["button", "outline", "fgColor", "disabled"] }, - "color-ansi-white-bright": { - "value": "#88929d", + "button-outline-bgColor-rest": { + "value": "#e7ecf0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white-bright", + "name": "button-outline-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "white-bright"] + "path": ["button", "outline", "bgColor", "rest"] }, - "color-ansi-gray": { - "value": "#66707b", + "button-outline-bgColor-hover": { + "value": "#0349b4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-gray", + "name": "button-outline-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "gray"] + "path": ["button", "outline", "bgColor", "hover"] }, - "color-ansi-red": { - "value": "#a0111f", + "button-outline-bgColor-active": { + "value": "#033f9d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", - "isSource": true, - "original": { - "value": "{base.color.red.5}", + "mix": { + "color": "#022f7a", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "color-ansi-red", + "name": "button-outline-bgColor-active", "attributes": {}, - "path": ["color", "ansi", "red"] + "path": ["button", "outline", "bgColor", "active"] }, - "color-ansi-red-bright": { - "value": "#86061d", + "button-outline-bgColor-disabled": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-red-bright", + "name": "button-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "red-bright"] + "path": ["button", "outline", "bgColor", "disabled"] }, - "color-ansi-green": { - "value": "#024c1a", + "button-outline-borderColor-hover": { + "value": "#01040926", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-ansi-green", + "name": "button-outline-borderColor-hover", "attributes": {}, - "path": ["color", "ansi", "green"] + "path": ["button", "outline", "borderColor", "hover"] }, - "color-ansi-green-bright": { - "value": "#055d20", + "button-outline-borderColor-active": { + "value": "#01040926", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-ansi-green-bright", + "name": "button-outline-borderColor-active", "attributes": {}, - "path": ["color", "ansi", "green-bright"] + "path": ["button", "outline", "borderColor", "active"] }, - "color-ansi-yellow": { - "value": "#3f2200", - "$type": "color", + "button-outline-shadow-selected": { + "value": "inset 0px 1px 0px 0px #021a4a33", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", - "$type": "color", + "value": [ + { + "color": "{base.color.blue.9}", + "alpha": 0.2, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } } }, - "name": "color-ansi-yellow", + "name": "button-outline-shadow-selected", "attributes": {}, - "path": ["color", "ansi", "yellow"] + "path": ["button", "outline", "shadow", "selected"] }, - "color-ansi-yellow-bright": { - "value": "#4e2c00", + "button-danger-fgColor-rest": { + "value": "#8a071e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow-bright", + "name": "button-danger-fgColor-rest", "attributes": {}, - "path": ["color", "ansi", "yellow-bright"] + "path": ["button", "danger", "fgColor", "rest"] }, - "color-ansi-blue": { - "value": "#0349b4", + "button-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue", + "name": "button-danger-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "blue"] + "path": ["button", "danger", "fgColor", "hover"] }, - "color-ansi-blue-bright": { - "value": "#1168e3", + "button-danger-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue-bright", + "name": "button-danger-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "blue-bright"] + "path": ["button", "danger", "fgColor", "active"] }, - "color-ansi-magenta": { - "value": "#622cbc", + "button-danger-fgColor-disabled": { + "value": "#8a071e80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-magenta", + "name": "button-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "magenta"] + "path": ["button", "danger", "fgColor", "disabled"] }, - "color-ansi-magenta-bright": { - "value": "#844ae7", + "button-danger-iconColor-rest": { + "value": "#8a071e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta-bright", + "name": "button-danger-iconColor-rest", "attributes": {}, - "path": ["color", "ansi", "magenta-bright"] + "path": ["button", "danger", "iconColor", "rest"] }, - "color-ansi-cyan": { - "value": "#1b7c83", + "button-danger-iconColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "#1b7c83", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-cyan", + "name": "button-danger-iconColor-hover", "attributes": {}, - "path": ["color", "ansi", "cyan"] + "path": ["button", "danger", "iconColor", "hover"] }, - "color-ansi-cyan-bright": { - "value": "#3192aa", + "button-danger-bgColor-rest": { + "value": "#e7ecf0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "#3192aa", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan-bright", + "name": "button-danger-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "cyan-bright"] + "path": ["button", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-comment": { - "value": "#4b535d", + "button-danger-bgColor-hover": { + "value": "#86061d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-comment", + "name": "button-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "comment"] + "path": ["button", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-constant": { - "value": "#023b95", + "button-danger-bgColor-active": { + "value": "#74041a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#5a0016", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.red.8}", + "weight": 0.4 } }, - "name": "color-prettylights-syntax-constant", + "name": "button-danger-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant"] + "path": ["button", "danger", "bgColor", "active"] }, - "color-prettylights-syntax-constant-other-reference-link": { - "value": "#032563", + "button-danger-bgColor-disabled": { + "value": "#ced5dcb3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-constant-other-reference-link", + "name": "button-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + "path": ["button", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-entity": { - "value": "#512598", + "button-danger-borderColor-rest": { + "value": "#20252c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-entity", + "name": "button-danger-borderColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity"] + "path": ["button", "danger", "borderColor", "rest"] }, - "color-prettylights-syntax-storage-modifier-import": { - "value": "#0e1116", + "button-danger-borderColor-hover": { + "value": "#01040926", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-prettylights-syntax-storage-modifier-import", + "name": "button-danger-borderColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + "path": ["button", "danger", "borderColor", "hover"] }, - "color-prettylights-syntax-entity-tag": { - "value": "#023b95", + "button-danger-borderColor-active": { + "value": "#01040926", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-entity-tag", + "name": "button-danger-borderColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity-tag"] + "path": ["button", "danger", "borderColor", "active"] }, - "color-prettylights-syntax-keyword": { - "value": "#a0111f", - "$type": "color", + "button-danger-shadow-selected": { + "value": "inset 0px 1px 0px 0px #43001133", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", - "$type": "color", + "value": [ + { + "color": "{base.color.red.9}", + "alpha": 0.2, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } } }, - "name": "color-prettylights-syntax-keyword", + "name": "button-danger-shadow-selected", "attributes": {}, - "path": ["color", "prettylights", "syntax", "keyword"] + "path": ["button", "danger", "shadow", "selected"] }, - "color-prettylights-syntax-string": { - "value": "#032563", + "button-inactive-fgColor": { + "value": "#4b535d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-string", + "name": "button-inactive-fgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string"] + "path": ["button", "inactive", "fgColor"] }, - "color-prettylights-syntax-variable": { - "value": "#702c00", + "button-inactive-bgColor": { + "value": "#e7ecf0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-variable", + "name": "button-inactive-bgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "variable"] + "path": ["button", "inactive", "bgColor"] }, - "color-prettylights-syntax-brackethighlighter-unmatched": { - "value": "#6e011a", + "button-star-iconColor": { + "value": "#d5a824", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "name": "button-star-iconColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + "path": ["button", "star", "iconColor"] }, - "color-prettylights-syntax-brackethighlighter-angle": { - "value": "#4b535d", + "buttonCounter-default-bgColor-rest": { + "value": "#66707b33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "alpha": 0.2, "original": { - "value": "{base.color.gray.6}", + "value": "{bgColor.neutral.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-brackethighlighter-angle", + "name": "buttonCounter-default-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + "path": ["buttonCounter", "default", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-text": { - "value": "#ffffff", + "buttonCounter-invisible-bgColor-rest": { + "value": "#66707b33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, + "alpha": 0.2, "original": { - "value": "{base.color.gray.0}", + "value": "{bgColor.neutral.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-text", + "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + "path": ["buttonCounter", "invisible", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-bg": { - "value": "#6e011a", + "buttonCounter-primary-bgColor-rest": { + "value": "#00230b33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-bg", + "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + "path": ["buttonCounter", "primary", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-text": { - "value": "#ffffff", + "buttonCounter-outline-bgColor-rest": { + "value": "#0349b41a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-carriage-return-text", + "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + "path": ["buttonCounter", "outline", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-bg": { - "value": "#a0111f", + "buttonCounter-outline-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" - } + "group": "component (internal)", + "scopes": ["bgColor"] + } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-carriage-return-bg", + "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "hover"] }, - "color-prettylights-syntax-string-regexp": { - "value": "#024c1a", + "buttonCounter-outline-bgColor-disabled": { + "value": "#0349b40d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-string-regexp", + "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string-regexp"] + "path": ["buttonCounter", "outline", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-list": { - "value": "#2e1800", + "buttonCounter-outline-fgColor-rest": { + "value": "#023b95", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-list", + "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "list"] + "path": ["buttonCounter", "outline", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-heading": { - "value": "#023b95", + "buttonCounter-outline-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-heading", + "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "heading"] + "path": ["buttonCounter", "outline", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-italic": { - "value": "#0e1116", + "buttonCounter-outline-fgColor-disabled": { + "value": "#023b9580", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-italic", + "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "italic"] + "path": ["buttonCounter", "outline", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-bold": { - "value": "#0e1116", + "buttonCounter-danger-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-bold", + "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "bold"] + "path": ["buttonCounter", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-deleted-text": { - "value": "#6e011a", + "buttonCounter-danger-bgColor-disabled": { + "value": "#a0111f0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-markup-deleted-text", + "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + "path": ["buttonCounter", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-deleted-bg": { - "value": "#fff0ee", + "buttonCounter-danger-bgColor-rest": { + "value": "#a0111f1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-markup-deleted-bg", + "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + "path": ["buttonCounter", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-text": { - "value": "#024c1a", + "buttonCounter-danger-fgColor-rest": { + "value": "#980e1e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#86061d", + "weight": 0.3 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{base.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } + }, + "mix": { + "color": "{base.color.red.6}", + "weight": 0.3 } }, - "name": "color-prettylights-syntax-markup-inserted-text", + "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + "path": ["buttonCounter", "danger", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-bg": { - "value": "#d2fedb", + "buttonCounter-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-inserted-bg", + "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-changed-text": { - "value": "#702c00", + "buttonCounter-danger-fgColor-disabled": { + "value": "#8a071e80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-changed-text", + "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] + "path": ["buttonCounter", "danger", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-changed-bg": { - "value": "#ffc67b", + "reactionButton-selected-bgColor-rest": { + "value": "#dff7ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-markup-changed-bg", + "name": "reactionButton-selected-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] + "path": ["reactionButton", "selected", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-ignored-text": { - "value": "#e7ecf0", + "reactionButton-selected-bgColor-hover": { + "value": "#c7e9ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#67b3fd", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{reactionButton.selected.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.2 } }, - "name": "color-prettylights-syntax-markup-ignored-text", + "name": "reactionButton-selected-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] + "path": ["reactionButton", "selected", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-ignored-bg": { + "reactionButton-selected-fgColor-rest": { "value": "#023b95", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{fgColor.link.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-bg", + "name": "reactionButton-selected-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] + "path": ["reactionButton", "selected", "fgColor", "rest"] }, - "color-prettylights-syntax-meta-diff-range": { - "value": "#622cbc", + "reactionButton-selected-fgColor-hover": { + "value": "#023b95", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-meta-diff-range", + "name": "reactionButton-selected-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] + "path": ["reactionButton", "selected", "fgColor", "hover"] }, - "color-prettylights-syntax-sublimelinter-gutter-mark": { - "value": "#88929d", + "focus-outlineColor": { + "value": "#0349b4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{borderColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-sublimelinter-gutter-mark", + "name": "focus-outlineColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] + "path": ["focus", "outlineColor"] }, - "color-scale-black": { - "value": "#010409", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "focus-outline": { + "value": "#0349b4 solid 2px", + "$type": "border", + "filePath": "src/tokens/functional/border/light.json5", "isSource": true, "original": { - "value": "{base.color.black}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": { + "color": "{focus.outlineColor}", + "style": "solid", + "width": "2px" + }, + "$type": "border" }, - "name": "color-scale-black", + "name": "focus-outline", "attributes": {}, - "path": ["color", "scale", "black"] + "path": ["focus", "outline"] }, - "color-scale-transparent": { + "menu-bgColor-active": { "value": "#ffffff00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { "value": "{base.color.transparent}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-transparent", + "name": "menu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "transparent"] + "path": ["menu", "bgColor", "active"] }, - "color-scale-white": { + "overlay-bgColor": { "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { "value": "{base.color.white}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-white", + "name": "overlay-bgColor", "attributes": {}, - "path": ["color", "scale", "white"] + "path": ["overlay", "bgColor"] }, - "color-scale-gray-0": { - "value": "#ffffff", + "overlay-borderColor": { + "value": "#88929d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)" + } + }, + "alpha": null, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{borderColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)" + } + }, + "alpha": null }, - "name": "color-scale-gray-0", + "name": "overlay-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "0"] + "path": ["overlay", "borderColor"] }, - "color-scale-gray-1": { - "value": "#e7ecf0", + "overlay-backdrop-bgColor": { + "value": "#88929d33", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "color-scale-gray-1", + "name": "overlay-backdrop-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "1"] + "path": ["overlay", "backdrop", "bgColor"] }, - "color-scale-gray-2": { - "value": "#ced5dc", + "selectMenu-borderColor": { + "value": "#ffffff00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.transparent}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-2", + "name": "selectMenu-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "2"] + "path": ["selectMenu", "borderColor"] }, - "color-scale-gray-3": { - "value": "#acb6c0", + "selectMenu-bgColor-active": { + "value": "#9cd7ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-3", + "name": "selectMenu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "3"] + "path": ["selectMenu", "bgColor", "active"] }, - "color-scale-gray-4": { - "value": "#88929d", + "sideNav-bgColor-selected": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.white}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-4", + "name": "sideNav-bgColor-selected", "attributes": {}, - "path": ["color", "scale", "gray", "4"] + "path": ["sideNav", "bgColor", "selected"] }, - "color-scale-gray-5": { - "value": "#66707b", + "skeletonLoader-bgColor": { + "value": "#e7ecf0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": "{bgColor.muted}", + "$type": "color" }, - "name": "color-scale-gray-5", + "name": "skeletonLoader-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "5"] + "path": ["skeletonLoader", "bgColor"] }, - "color-scale-gray-6": { - "value": "#4b535d", + "timelineBadge-bgColor": { + "value": "#e7ecf0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-6", + "name": "timelineBadge-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "6"] + "path": ["timelineBadge", "bgColor"] }, - "color-scale-gray-7": { - "value": "#343b43", + "treeViewItem-leadingVisual-iconColor-rest": { + "value": "#368cf9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.blue.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-7", + "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "7"] + "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] }, - "color-scale-gray-8": { - "value": "#20252c", + "underlineNav-borderColor-active": { + "value": "#cd3425", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.coral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-8", + "name": "underlineNav-borderColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "8"] + "path": ["underlineNav", "borderColor", "active"] }, - "color-scale-gray-9": { - "value": "#0e1116", + "underlineNav-borderColor-hover": { + "value": "#88929d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{borderColor.neutral.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-9", + "name": "underlineNav-borderColor-hover", "attributes": {}, - "path": ["color", "scale", "gray", "9"] + "path": ["underlineNav", "borderColor", "hover"] }, - "color-scale-blue-0": { - "value": "#dff7ff", + "underlineNav-iconColor-rest": { + "value": "#0e1116", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-0", + "name": "underlineNav-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "0"] + "path": ["underlineNav", "iconColor", "rest"] }, - "color-scale-blue-1": { - "value": "#9cd7ff", + "selection-bgColor": { + "value": "#0349b433", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{bgColor.accent.emphasis}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "color-scale-blue-1", + "name": "selection-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "1"] + "path": ["selection", "bgColor"] }, - "color-scale-blue-2": { - "value": "#67b3fd", + "card-bgColor": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{bgColor.default}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-2", + "name": "card-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "2"] + "path": ["card", "bgColor"] }, - "color-scale-blue-3": { - "value": "#368cf9", + "label-green-bgColor-rest": { + "value": "#caf7ca", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-3", + "name": "label-green-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "3"] + "path": ["label", "green", "bgColor", "rest"] }, - "color-scale-blue-4": { - "value": "#1168e3", + "label-green-bgColor-hover": { + "value": "#9ceda0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-4", + "name": "label-green-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "4"] + "path": ["label", "green", "bgColor", "hover"] }, - "color-scale-blue-5": { - "value": "#0349b4", + "label-green-bgColor-active": { + "value": "#54d961", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-5", + "name": "label-green-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "5"] + "path": ["label", "green", "bgColor", "active"] }, - "color-scale-blue-6": { - "value": "#023b95", + "label-green-fgColor-rest": { + "value": "#2b6e3f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-6", + "name": "label-green-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "6"] + "path": ["label", "green", "fgColor", "rest"] }, - "color-scale-blue-7": { - "value": "#022f7a", + "label-green-fgColor-hover": { + "value": "#285c3b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.green.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-7", + "name": "label-green-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "7"] + "path": ["label", "green", "fgColor", "hover"] }, - "color-scale-blue-8": { - "value": "#032563", + "label-green-fgColor-active": { + "value": "#254b34", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-8", + "name": "label-green-fgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "8"] + "path": ["label", "green", "fgColor", "active"] }, - "color-scale-blue-9": { - "value": "#021a4a", + "label-orange-bgColor-rest": { + "value": "#ffe7d1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-9", + "name": "label-orange-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "9"] + "path": ["label", "orange", "bgColor", "rest"] }, - "color-scale-green-0": { - "value": "#d2fedb", + "label-orange-bgColor-hover": { + "value": "#fecfaa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.green.0}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } }, - "name": "color-scale-green-0", - "attributes": {}, - "path": ["color", "scale", "green", "0"] - }, - "color-scale-green-1": { - "value": "#82e596", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", + "value": "{base.display.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-1", + "name": "label-orange-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "1"] + "path": ["label", "orange", "bgColor", "hover"] }, - "color-scale-green-2": { - "value": "#43c663", + "label-orange-bgColor-active": { + "value": "#fbaf74", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.2}", + "value": "{base.display.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-2", + "name": "label-orange-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "2"] + "path": ["label", "orange", "bgColor", "active"] }, - "color-scale-green-3": { - "value": "#26a148", + "label-orange-fgColor-rest": { + "value": "#a24610", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{base.display.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-3", + "name": "label-orange-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "3"] + "path": ["label", "orange", "fgColor", "rest"] }, - "color-scale-green-4": { - "value": "#117f32", + "label-orange-fgColor-hover": { + "value": "#8d3c11", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{base.display.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-4", + "name": "label-orange-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "4"] + "path": ["label", "orange", "fgColor", "hover"] }, - "color-scale-green-5": { - "value": "#055d20", + "label-orange-fgColor-active": { + "value": "#70300f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{base.display.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-5", + "name": "label-orange-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "5"] + "path": ["label", "orange", "fgColor", "active"] }, - "color-scale-green-6": { - "value": "#024c1a", + "label-purple-bgColor-rest": { + "value": "#f1e5ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{base.display.color.purple.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-6", + "name": "label-purple-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "6"] + "path": ["label", "purple", "bgColor", "rest"] }, - "color-scale-green-7": { - "value": "#013d14", + "label-purple-bgColor-hover": { + "value": "#e6d2fe", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.7}", + "value": "{base.display.color.purple.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-7", + "name": "label-purple-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "7"] + "path": ["label", "purple", "bgColor", "hover"] }, - "color-scale-green-8": { - "value": "#003110", + "label-purple-bgColor-active": { + "value": "#d1b1fc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.8}", + "value": "{base.display.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-8", + "name": "label-purple-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "8"] + "path": ["label", "purple", "bgColor", "active"] }, - "color-scale-green-9": { - "value": "#00230b", + "label-purple-fgColor-rest": { + "value": "#783ae4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", + "value": "{base.display.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-9", + "name": "label-purple-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "9"] + "path": ["label", "purple", "fgColor", "rest"] }, - "color-scale-yellow-0": { - "value": "#fcf7be", + "label-purple-fgColor-hover": { + "value": "#6223d7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{base.display.color.purple.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-0", + "name": "label-purple-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "0"] + "path": ["label", "purple", "fgColor", "hover"] }, - "color-scale-yellow-1": { - "value": "#f0ce53", + "label-purple-fgColor-active": { + "value": "#4f21ab", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.display.color.purple.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-1", + "name": "label-purple-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "1"] + "path": ["label", "purple", "fgColor", "active"] }, - "color-scale-yellow-2": { - "value": "#d5a824", + "label-red-bgColor-rest": { + "value": "#ffe2e0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.display.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-2", + "name": "label-red-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "2"] + "path": ["label", "red", "bgColor", "rest"] }, - "color-scale-yellow-3": { - "value": "#b58407", + "label-red-bgColor-hover": { + "value": "#fecdcd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.display.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-3", + "name": "label-red-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "3"] + "path": ["label", "red", "bgColor", "hover"] }, - "color-scale-yellow-4": { - "value": "#956400", + "label-red-bgColor-active": { + "value": "#fda5a7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.display.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-yellow-4", - "attributes": {}, - "path": ["color", "scale", "yellow", "4"] - }, - "color-scale-yellow-5": { - "value": "#744500", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.yellow.5}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-5", + "name": "label-red-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "5"] + "path": ["label", "red", "bgColor", "active"] }, - "color-scale-yellow-6": { - "value": "#603700", + "label-red-fgColor-rest": { + "value": "#c50d28", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.yellow.6}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } }, - "name": "color-scale-yellow-6", - "attributes": {}, - "path": ["color", "scale", "yellow", "6"] - }, - "color-scale-yellow-7": { - "value": "#4e2c00", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{base.display.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-7", + "name": "label-red-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "7"] + "path": ["label", "red", "fgColor", "rest"] }, - "color-scale-yellow-8": { - "value": "#3f2200", + "label-red-fgColor-hover": { + "value": "#a60c29", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", + "value": "{base.display.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-8", + "name": "label-red-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "8"] + "path": ["label", "red", "fgColor", "hover"] }, - "color-scale-yellow-9": { - "value": "#2e1800", + "label-red-fgColor-active": { + "value": "#880c27", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.display.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-9", + "name": "label-red-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "9"] + "path": ["label", "red", "fgColor", "active"] }, - "color-scale-orange-0": { - "value": "#fff2d5", + "label-yellow-bgColor-rest": { + "value": "#ffec9e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.display.color.yellow.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-0", + "name": "label-yellow-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "0"] + "path": ["label", "yellow", "bgColor", "rest"] }, - "color-scale-orange-1": { - "value": "#ffc67b", + "label-yellow-bgColor-hover": { + "value": "#ffd642", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.display.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-1", + "name": "label-yellow-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "1"] + "path": ["label", "yellow", "bgColor", "hover"] }, - "color-scale-orange-2": { - "value": "#f99636", + "label-yellow-bgColor-active": { + "value": "#ebb400", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.display.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-2", + "name": "label-yellow-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "2"] + "path": ["label", "yellow", "bgColor", "active"] }, - "color-scale-orange-3": { - "value": "#dc6d1a", + "label-yellow-fgColor-rest": { + "value": "#805900", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.display.color.yellow.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-3", + "name": "label-yellow-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "3"] + "path": ["label", "yellow", "fgColor", "rest"] }, - "color-scale-orange-4": { - "value": "#b45105", + "label-yellow-fgColor-hover": { + "value": "#704d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.display.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-4", + "name": "label-yellow-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "4"] + "path": ["label", "yellow", "fgColor", "hover"] }, - "color-scale-orange-5": { - "value": "#873800", + "label-yellow-fgColor-active": { + "value": "#5c3d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{base.display.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-5", + "name": "label-yellow-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "5"] + "path": ["label", "yellow", "fgColor", "active"] }, - "color-scale-orange-6": { - "value": "#702c00", + "label-gray-bgColor-rest": { + "value": "#e8ecf2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.gray.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-6", + "name": "label-gray-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "6"] + "path": ["label", "gray", "bgColor", "rest"] }, - "color-scale-orange-7": { - "value": "#5b2300", + "label-gray-bgColor-hover": { + "value": "#d2dae4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.display.color.gray.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-7", + "name": "label-gray-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "7"] + "path": ["label", "gray", "bgColor", "hover"] }, - "color-scale-orange-8": { - "value": "#491b00", + "label-gray-bgColor-active": { + "value": "#b4c0cf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{base.display.color.gray.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-8", + "name": "label-gray-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "8"] + "path": ["label", "gray", "bgColor", "active"] }, - "color-scale-orange-9": { - "value": "#361200", + "label-gray-fgColor-rest": { + "value": "#5c6570", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.9}", + "value": "{base.display.color.gray.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-9", + "name": "label-gray-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "9"] + "path": ["label", "gray", "fgColor", "rest"] }, - "color-scale-red-0": { - "value": "#fff0ee", + "label-gray-fgColor-hover": { + "value": "#4e535a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.display.color.gray.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-0", + "name": "label-gray-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "0"] + "path": ["label", "gray", "fgColor", "hover"] }, - "color-scale-red-1": { - "value": "#ffc1bc", + "label-gray-fgColor-active": { + "value": "#424448", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.1}", + "value": "{base.display.color.gray.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-1", + "name": "label-gray-fgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "1"] + "path": ["label", "gray", "fgColor", "active"] }, - "color-scale-red-2": { - "value": "#ff8e8a", + "label-auburn-bgColor-rest": { + "value": "#f2e9e9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.display.color.auburn.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-2", + "name": "label-auburn-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "2"] + "path": ["label", "auburn", "bgColor", "rest"] }, - "color-scale-red-3": { - "value": "#ee5a5d", + "label-auburn-bgColor-hover": { + "value": "#e6d6d5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.display.color.auburn.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-3", + "name": "label-auburn-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "3"] + "path": ["label", "auburn", "bgColor", "hover"] }, - "color-scale-red-4": { - "value": "#d5232c", + "label-auburn-bgColor-active": { + "value": "#d4b7b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.display.color.auburn.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-4", + "name": "label-auburn-bgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "4"] + "path": ["label", "auburn", "bgColor", "active"] }, - "color-scale-red-5": { - "value": "#a0111f", + "label-auburn-fgColor-rest": { + "value": "#8a5551", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.display.color.auburn.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-5", + "name": "label-auburn-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "5"] + "path": ["label", "auburn", "fgColor", "rest"] }, - "color-scale-red-6": { - "value": "#86061d", + "label-auburn-fgColor-hover": { + "value": "#744744", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.auburn.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-6", + "name": "label-auburn-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "6"] + "path": ["label", "auburn", "fgColor", "hover"] }, - "color-scale-red-7": { - "value": "#6e011a", + "label-auburn-fgColor-active": { + "value": "#5d3937", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.display.color.auburn.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-7", + "name": "label-auburn-fgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "7"] + "path": ["label", "auburn", "fgColor", "active"] }, - "color-scale-red-8": { - "value": "#5a0016", + "label-brown-bgColor-rest": { + "value": "#eeeae2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{base.display.color.brown.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-8", + "name": "label-brown-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "8"] + "path": ["label", "brown", "bgColor", "rest"] }, - "color-scale-red-9": { - "value": "#430011", + "label-brown-bgColor-hover": { + "value": "#dfd7c8", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{base.display.color.brown.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-9", + "name": "label-brown-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "9"] + "path": ["label", "brown", "bgColor", "hover"] }, - "color-scale-purple-0": { - "value": "#faf0fe", + "label-brown-bgColor-active": { + "value": "#cbbda4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{base.display.color.brown.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-0", + "name": "label-brown-bgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "0"] + "path": ["label", "brown", "bgColor", "active"] }, - "color-scale-purple-1": { - "value": "#e0c5ff", + "label-brown-fgColor-rest": { + "value": "#755f43", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.1}", + "value": "{base.display.color.brown.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-1", + "name": "label-brown-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "1"] + "path": ["label", "brown", "fgColor", "rest"] }, - "color-scale-purple-2": { - "value": "#c49bff", + "label-brown-fgColor-hover": { + "value": "#64513a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.display.color.brown.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-2", + "name": "label-brown-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "2"] + "path": ["label", "brown", "fgColor", "hover"] }, - "color-scale-purple-3": { - "value": "#a371f7", + "label-brown-fgColor-active": { + "value": "#51412f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{base.display.color.brown.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-3", + "name": "label-brown-fgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "3"] + "path": ["label", "brown", "fgColor", "active"] }, - "color-scale-purple-4": { - "value": "#844ae7", + "label-lemon-bgColor-rest": { + "value": "#f7eea1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "rest"] + }, + "label-lemon-bgColor-hover": { + "value": "#f0db3d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "hover"] + }, + "label-lemon-bgColor-active": { + "value": "#d8bd0e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-active", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "active"] + }, + "label-lemon-fgColor-rest": { + "value": "#786002", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "rest"] + }, + "label-lemon-fgColor-hover": { + "value": "#654f01", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "hover"] + }, + "label-lemon-fgColor-active": { + "value": "#523f00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-active", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "active"] + }, + "label-olive-bgColor-rest": { + "value": "#f0f0ad", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-rest", + "attributes": {}, + "path": ["label", "olive", "bgColor", "rest"] + }, + "label-olive-bgColor-hover": { + "value": "#dbe170", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-hover", + "attributes": {}, + "path": ["label", "olive", "bgColor", "hover"] + }, + "label-olive-bgColor-active": { + "value": "#b9c832", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-active", + "attributes": {}, + "path": ["label", "olive", "bgColor", "active"] + }, + "label-olive-fgColor-rest": { + "value": "#56682c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-rest", + "attributes": {}, + "path": ["label", "olive", "fgColor", "rest"] + }, + "label-olive-fgColor-hover": { + "value": "#495a2b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-hover", + "attributes": {}, + "path": ["label", "olive", "fgColor", "hover"] + }, + "label-olive-fgColor-active": { + "value": "#3b4927", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-active", + "attributes": {}, + "path": ["label", "olive", "fgColor", "active"] + }, + "label-lime-bgColor-rest": { + "value": "#e3f2b5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-rest", + "attributes": {}, + "path": ["label", "lime", "bgColor", "rest"] + }, + "label-lime-bgColor-hover": { + "value": "#c7e580", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-hover", + "attributes": {}, + "path": ["label", "lime", "bgColor", "hover"] + }, + "label-lime-bgColor-active": { + "value": "#9bd039", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-active", + "attributes": {}, + "path": ["label", "lime", "bgColor", "active"] + }, + "label-lime-fgColor-rest": { + "value": "#476c28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-rest", + "attributes": {}, + "path": ["label", "lime", "fgColor", "rest"] + }, + "label-lime-fgColor-hover": { + "value": "#3a5b25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-hover", + "attributes": {}, + "path": ["label", "lime", "fgColor", "hover"] + }, + "label-lime-fgColor-active": { + "value": "#2f4a21", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-active", + "attributes": {}, + "path": ["label", "lime", "fgColor", "active"] + }, + "label-pine-bgColor-rest": { + "value": "#bff8db", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-rest", + "attributes": {}, + "path": ["label", "pine", "bgColor", "rest"] + }, + "label-pine-bgColor-hover": { + "value": "#80efb9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-hover", + "attributes": {}, + "path": ["label", "pine", "bgColor", "hover"] + }, + "label-pine-bgColor-active": { + "value": "#1dd781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-active", + "attributes": {}, + "path": ["label", "pine", "bgColor", "active"] + }, + "label-pine-fgColor-rest": { + "value": "#156f4b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-rest", + "attributes": {}, + "path": ["label", "pine", "fgColor", "rest"] + }, + "label-pine-fgColor-hover": { + "value": "#135d41", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-hover", + "attributes": {}, + "path": ["label", "pine", "fgColor", "hover"] + }, + "label-pine-fgColor-active": { + "value": "#114b36", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-active", + "attributes": {}, + "path": ["label", "pine", "fgColor", "active"] + }, + "label-teal-bgColor-rest": { + "value": "#c7f5ef", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-rest", + "attributes": {}, + "path": ["label", "teal", "bgColor", "rest"] + }, + "label-teal-bgColor-hover": { + "value": "#89ebe1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-hover", + "attributes": {}, + "path": ["label", "teal", "bgColor", "hover"] + }, + "label-teal-bgColor-active": { + "value": "#22d3c7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-active", + "attributes": {}, + "path": ["label", "teal", "bgColor", "active"] + }, + "label-teal-fgColor-rest": { + "value": "#106e75", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-rest", + "attributes": {}, + "path": ["label", "teal", "fgColor", "rest"] + }, + "label-teal-fgColor-hover": { + "value": "#0d5b63", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-hover", + "attributes": {}, + "path": ["label", "teal", "fgColor", "hover"] + }, + "label-teal-fgColor-active": { + "value": "#0a4852", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-active", + "attributes": {}, + "path": ["label", "teal", "fgColor", "active"] + }, + "label-cyan-bgColor-rest": { + "value": "#bdf4ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "rest"] + }, + "label-cyan-bgColor-hover": { + "value": "#7ae9ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "hover"] + }, + "label-cyan-bgColor-active": { + "value": "#00d0fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-active", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "active"] + }, + "label-cyan-fgColor-rest": { + "value": "#006a80", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "rest"] + }, + "label-cyan-fgColor-hover": { + "value": "#00596b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "hover"] + }, + "label-cyan-fgColor-active": { + "value": "#004857", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-active", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "active"] + }, + "label-indigo-bgColor-rest": { + "value": "#e5e9ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "rest"] + }, + "label-indigo-bgColor-hover": { + "value": "#d2d7fe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "hover"] + }, + "label-indigo-bgColor-active": { + "value": "#b1b9fb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-active", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "active"] + }, + "label-indigo-fgColor-rest": { + "value": "#494edf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "rest"] + }, + "label-indigo-fgColor-hover": { + "value": "#393cd5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "hover"] + }, + "label-indigo-fgColor-active": { + "value": "#2d2db4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-active", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "active"] + }, + "label-blue-bgColor-rest": { + "value": "#d1f0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-rest", + "attributes": {}, + "path": ["label", "blue", "bgColor", "rest"] + }, + "label-blue-bgColor-hover": { + "value": "#ade1ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-hover", + "attributes": {}, + "path": ["label", "blue", "bgColor", "hover"] + }, + "label-blue-bgColor-active": { + "value": "#75c8ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-active", + "attributes": {}, + "path": ["label", "blue", "bgColor", "active"] + }, + "label-blue-fgColor-rest": { + "value": "#005fcc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-rest", + "attributes": {}, + "path": ["label", "blue", "fgColor", "rest"] + }, + "label-blue-fgColor-hover": { + "value": "#004db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-hover", + "attributes": {}, + "path": ["label", "blue", "fgColor", "hover"] + }, + "label-blue-fgColor-active": { + "value": "#003d99", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-active", + "attributes": {}, + "path": ["label", "blue", "fgColor", "active"] + }, + "label-plum-bgColor-rest": { + "value": "#f8e5ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-rest", + "attributes": {}, + "path": ["label", "plum", "bgColor", "rest"] + }, + "label-plum-bgColor-hover": { + "value": "#f0cdfe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-hover", + "attributes": {}, + "path": ["label", "plum", "bgColor", "hover"] + }, + "label-plum-bgColor-active": { + "value": "#e2a7fb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-active", + "attributes": {}, + "path": ["label", "plum", "bgColor", "active"] + }, + "label-plum-fgColor-rest": { + "value": "#961edc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-rest", + "attributes": {}, + "path": ["label", "plum", "fgColor", "rest"] + }, + "label-plum-fgColor-hover": { + "value": "#7d1eb8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-hover", + "attributes": {}, + "path": ["label", "plum", "fgColor", "hover"] + }, + "label-plum-fgColor-active": { + "value": "#651d96", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-active", + "attributes": {}, + "path": ["label", "plum", "fgColor", "active"] + }, + "label-pink-bgColor-rest": { + "value": "#ffe5f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-rest", + "attributes": {}, + "path": ["label", "pink", "bgColor", "rest"] + }, + "label-pink-bgColor-hover": { + "value": "#fdc9e2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-hover", + "attributes": {}, + "path": ["label", "pink", "bgColor", "hover"] + }, + "label-pink-bgColor-active": { + "value": "#f8a5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-active", + "attributes": {}, + "path": ["label", "pink", "bgColor", "active"] + }, + "label-pink-fgColor-rest": { + "value": "#b12f79", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-rest", + "attributes": {}, + "path": ["label", "pink", "fgColor", "rest"] + }, + "label-pink-fgColor-hover": { + "value": "#8e2e66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-hover", + "attributes": {}, + "path": ["label", "pink", "fgColor", "hover"] + }, + "label-pink-fgColor-active": { + "value": "#6e2b53", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-active", + "attributes": {}, + "path": ["label", "pink", "fgColor", "active"] + }, + "label-coral-bgColor-rest": { + "value": "#ffe5db", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-rest", + "attributes": {}, + "path": ["label", "coral", "bgColor", "rest"] + }, + "label-coral-bgColor-hover": { + "value": "#fecebe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-hover", + "attributes": {}, + "path": ["label", "coral", "bgColor", "hover"] + }, + "label-coral-bgColor-active": { + "value": "#fcab92", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-active", + "attributes": {}, + "path": ["label", "coral", "bgColor", "active"] + }, + "label-coral-fgColor-rest": { + "value": "#ba2e12", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-rest", + "attributes": {}, + "path": ["label", "coral", "fgColor", "rest"] + }, + "label-coral-fgColor-hover": { + "value": "#9b2712", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-hover", + "attributes": {}, + "path": ["label", "coral", "fgColor", "hover"] + }, + "label-coral-fgColor-active": { + "value": "#7e2011", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-active", + "attributes": {}, + "path": ["label", "coral", "fgColor", "active"] + }, + "fgColor-default": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + } + }, + "name": "fgColor-default", + "attributes": {}, + "path": ["fgColor", "default"] + }, + "fgColor-muted": { + "value": "#0e1116", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": null, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": null + }, + "name": "fgColor-muted", + "attributes": {}, + "path": ["fgColor", "muted"] + }, + "fgColor-onEmphasis": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + } + }, + "name": "fgColor-onEmphasis", + "attributes": {}, + "path": ["fgColor", "onEmphasis"] + }, + "fgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-white", + "attributes": {}, + "path": ["fgColor", "white"] + }, + "fgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-black", + "attributes": {}, + "path": ["fgColor", "black"] + }, + "fgColor-disabled": { + "value": "#66707b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-disabled", + "attributes": {}, + "path": ["fgColor", "disabled"] + }, + "fgColor-link": { + "value": "#023b95", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{fgColor.accent.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-link", + "attributes": {}, + "path": ["fgColor", "link", "@"] + }, + "fgColor-neutral": { + "value": "#66707b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-neutral", + "attributes": {}, + "path": ["fgColor", "neutral", "@"] + }, + "fgColor-accent": { + "value": "#023b95", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-accent", + "attributes": {}, + "path": ["fgColor", "accent", "@"] + }, + "fgColor-success": { + "value": "#08856c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{prov.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + } + }, + "name": "fgColor-success", + "attributes": {}, + "path": ["fgColor", "success", "@"] + }, + "fgColor-attention": { + "value": "#744500", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + } + }, + "name": "fgColor-attention", + "attributes": {}, + "path": ["fgColor", "attention", "@"] + }, + "fgColor-severe": { + "value": "#873800", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + } + }, + "name": "fgColor-severe", + "attributes": {}, + "path": ["fgColor", "severe", "@"] + }, + "fgColor-danger": { + "value": "#8a071e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "mix": { + "color": "#d5232c", + "weight": 0.05 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.red.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "mix": { + "color": "{base.color.red.4}", + "weight": 0.05 + } + }, + "name": "fgColor-danger", + "attributes": {}, + "path": ["fgColor", "danger", "@"] + }, + "fgColor-open": { + "value": "#08856c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{fgColor.success.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + } + }, + "name": "fgColor-open", + "attributes": {}, + "path": ["fgColor", "open", "@"] + }, + "fgColor-closed": { + "value": "#8a071e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{fgColor.danger.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + } + }, + "name": "fgColor-closed", + "attributes": {}, + "path": ["fgColor", "closed", "@"] + }, + "fgColor-done": { + "value": "#622cbc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + } + }, + "name": "fgColor-done", + "attributes": {}, + "path": ["fgColor", "done", "@"] + }, + "fgColor-upsell": { + "value": "#622cbc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + } + }, + "name": "fgColor-upsell", + "attributes": {}, + "path": ["fgColor", "upsell", "@"] + }, + "fgColor-sponsors": { + "value": "#971368", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + } + }, + "name": "fgColor-sponsors", + "attributes": {}, + "path": ["fgColor", "sponsors", "@"] + }, + "bgColor-default": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + } + }, + "name": "bgColor-default", + "attributes": {}, + "path": ["bgColor", "default"] + }, + "bgColor-muted": { + "value": "#e7ecf0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + } + }, + "name": "bgColor-muted", + "attributes": {}, + "path": ["bgColor", "muted"] + }, + "bgColor-inset": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + } + }, + "name": "bgColor-inset", + "attributes": {}, + "path": ["bgColor", "inset"] + }, + "bgColor-emphasis": { + "value": "#0e1116", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + } + }, + "name": "bgColor-emphasis", + "attributes": {}, + "path": ["bgColor", "emphasis"] + }, + "bgColor-inverse": { + "value": "#0e1116", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-inverse", + "attributes": {}, + "path": ["bgColor", "inverse"] + }, + "bgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-white", + "attributes": {}, + "path": ["bgColor", "white"] + }, + "bgColor-black": { + "value": "#010409", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-black", + "attributes": {}, + "path": ["bgColor", "black"] + }, + "bgColor-disabled": { + "value": "#ced5dcb3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 + }, + "name": "bgColor-disabled", + "attributes": {}, + "path": ["bgColor", "disabled"] + }, + "bgColor-transparent": { + "value": "#ffffff00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + } + }, + "name": "bgColor-transparent", + "attributes": {}, + "path": ["bgColor", "transparent"] + }, + "bgColor-neutral-muted": { + "value": "#e7ecf0", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 1 + }, + "name": "bgColor-neutral-muted", + "attributes": {}, + "path": ["bgColor", "neutral", "muted"] + }, + "bgColor-neutral-emphasis": { + "value": "#66707b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-neutral-emphasis", + "attributes": {}, + "path": ["bgColor", "neutral", "emphasis"] + }, + "bgColor-accent-muted": { + "value": "#dff7ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + } + }, + "name": "bgColor-accent-muted", + "attributes": {}, + "path": ["bgColor", "accent", "muted"] + }, + "bgColor-accent-emphasis": { + "value": "#0349b4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + } + }, + "name": "bgColor-accent-emphasis", + "attributes": {}, + "path": ["bgColor", "accent", "emphasis"] + }, + "bgColor-success-muted": { + "value": "#f3f8f6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{prov.color.green.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + } + }, + "name": "bgColor-success-muted", + "attributes": {}, + "path": ["bgColor", "success", "muted"] + }, + "bgColor-success-emphasis": { + "value": "#055d20", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "mix": null, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "mix": null + }, + "name": "bgColor-success-emphasis", + "attributes": {}, + "path": ["bgColor", "success", "emphasis"] + }, + "bgColor-attention-muted": { + "value": "#fcf7be", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + } + }, + "name": "bgColor-attention-muted", + "attributes": {}, + "path": ["bgColor", "attention", "muted"] + }, + "bgColor-attention-emphasis": { + "value": "#744500", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + } + }, + "name": "bgColor-attention-emphasis", + "attributes": {}, + "path": ["bgColor", "attention", "emphasis"] + }, + "bgColor-severe-muted": { + "value": "#fff2d5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + } + }, + "name": "bgColor-severe-muted", + "attributes": {}, + "path": ["bgColor", "severe", "muted"] + }, + "bgColor-severe-emphasis": { + "value": "#873800", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + } + }, + "name": "bgColor-severe-emphasis", + "attributes": {}, + "path": ["bgColor", "severe", "emphasis"] + }, + "bgColor-danger-muted": { + "value": "#fff0ee", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + } + }, + "name": "bgColor-danger-muted", + "attributes": {}, + "path": ["bgColor", "danger", "muted"] + }, + "bgColor-danger-emphasis": { + "value": "#a0111f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + } + }, + "name": "bgColor-danger-emphasis", + "attributes": {}, + "path": ["bgColor", "danger", "emphasis"] + }, + "bgColor-open-muted": { + "value": "#f3f8f6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + } + }, + "name": "bgColor-open-muted", + "attributes": {}, + "path": ["bgColor", "open", "muted"] + }, + "bgColor-open-emphasis": { + "value": "#055d20", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-open-emphasis", + "attributes": {}, + "path": ["bgColor", "open", "emphasis"] + }, + "bgColor-closed-muted": { + "value": "#fff0ee", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + } + }, + "name": "bgColor-closed-muted", + "attributes": {}, + "path": ["bgColor", "closed", "muted"] + }, + "bgColor-closed-emphasis": { + "value": "#a0111f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + } + }, + "name": "bgColor-closed-emphasis", + "attributes": {}, + "path": ["bgColor", "closed", "emphasis"] + }, + "bgColor-done-muted": { + "value": "#faf0fe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + } + }, + "name": "bgColor-done-muted", + "attributes": {}, + "path": ["bgColor", "done", "muted"] + }, + "bgColor-done-emphasis": { + "value": "#622cbc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + } + }, + "name": "bgColor-done-emphasis", + "attributes": {}, + "path": ["bgColor", "done", "emphasis"] + }, + "bgColor-upsell-muted": { + "value": "#faf0fe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + } + }, + "name": "bgColor-upsell-muted", + "attributes": {}, + "path": ["bgColor", "upsell", "muted"] + }, + "bgColor-upsell-emphasis": { + "value": "#622cbc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + } + }, + "name": "bgColor-upsell-emphasis", + "attributes": {}, + "path": ["bgColor", "upsell", "emphasis"] + }, + "bgColor-sponsors-muted": { + "value": "#feeff7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + } + }, + "name": "bgColor-sponsors-muted", + "attributes": {}, + "path": ["bgColor", "sponsors", "muted"] + }, + "bgColor-sponsors-emphasis": { + "value": "#971368", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + } + }, + "name": "bgColor-sponsors-emphasis", + "attributes": {}, + "path": ["bgColor", "sponsors", "emphasis"] + }, + "borderColor-default": { + "value": "#20252c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + } + }, + "name": "borderColor-default", + "attributes": {}, + "path": ["borderColor", "default"] + }, + "borderColor-muted": { + "value": "#88929d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-muted", + "attributes": {}, + "path": ["borderColor", "muted"] + }, + "borderColor-emphasis": { + "value": "#66707b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-emphasis", + "attributes": {}, + "path": ["borderColor", "emphasis"] + }, + "borderColor-disabled": { + "value": "#ced5dcb3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{bgColor.disabled}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-disabled", + "attributes": {}, + "path": ["borderColor", "disabled"] + }, + "borderColor-transparent": { + "value": "#ffffff00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-transparent", + "attributes": {}, + "path": ["borderColor", "transparent"] + }, + "borderColor-neutral-muted": { + "value": "#88929d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 1 + }, + "name": "borderColor-neutral-muted", + "attributes": {}, + "path": ["borderColor", "neutral", "muted"] + }, + "borderColor-neutral-emphasis": { + "value": "#66707b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-neutral-emphasis", + "attributes": {}, + "path": ["borderColor", "neutral", "emphasis"] + }, + "borderColor-accent-muted": { + "value": "#368cf9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-accent-muted", + "attributes": {}, + "path": ["borderColor", "accent", "muted"] + }, + "borderColor-accent-emphasis": { + "value": "#0349b4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + } + }, + "name": "borderColor-accent-emphasis", + "attributes": {}, + "path": ["borderColor", "accent", "emphasis"] + }, + "borderColor-success-muted": { + "value": "#26a148", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.green.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-success-muted", + "attributes": {}, + "path": ["borderColor", "success", "muted"] + }, + "borderColor-success-emphasis": { + "value": "#055d20", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + } + }, + "name": "borderColor-success-emphasis", + "attributes": {}, + "path": ["borderColor", "success", "emphasis"] + }, + "borderColor-attention-muted": { + "value": "#b58407", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-attention-muted", + "attributes": {}, + "path": ["borderColor", "attention", "muted"] + }, + "borderColor-attention-emphasis": { + "value": "#744500", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + } + }, + "name": "borderColor-attention-emphasis", + "attributes": {}, + "path": ["borderColor", "attention", "emphasis"] + }, + "borderColor-severe-muted": { + "value": "#dc6d1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-severe-muted", + "attributes": {}, + "path": ["borderColor", "severe", "muted"] + }, + "borderColor-severe-emphasis": { + "value": "#873800", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + } + }, + "name": "borderColor-severe-emphasis", + "attributes": {}, + "path": ["borderColor", "severe", "emphasis"] + }, + "borderColor-danger-muted": { + "value": "#ee5a5d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-danger-muted", + "attributes": {}, + "path": ["borderColor", "danger", "muted"] + }, + "borderColor-danger-emphasis": { + "value": "#a0111f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + } + }, + "name": "borderColor-danger-emphasis", + "attributes": {}, + "path": ["borderColor", "danger", "emphasis"] + }, + "borderColor-open-muted": { + "value": "#26a148", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + } + }, + "name": "borderColor-open-muted", + "attributes": {}, + "path": ["borderColor", "open", "muted"] + }, + "borderColor-open-emphasis": { + "value": "#055d20", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + } + }, + "name": "borderColor-open-emphasis", + "attributes": {}, + "path": ["borderColor", "open", "emphasis"] + }, + "borderColor-closed-muted": { + "value": "#ee5a5d66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-closed-muted", + "attributes": {}, + "path": ["borderColor", "closed", "muted"] + }, + "borderColor-closed-emphasis": { + "value": "#a0111f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + } + }, + "name": "borderColor-closed-emphasis", + "attributes": {}, + "path": ["borderColor", "closed", "emphasis"] + }, + "borderColor-done-muted": { + "value": "#a371f7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-done-muted", + "attributes": {}, + "path": ["borderColor", "done", "muted"] + }, + "borderColor-done-emphasis": { + "value": "#622cbc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis)" + } + } + } + }, + "name": "borderColor-done-emphasis", + "attributes": {}, + "path": ["borderColor", "done", "emphasis"] + }, + "borderColor-upsell-muted": { + "value": "#a371f766", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-upsell-muted", + "attributes": {}, + "path": ["borderColor", "upsell", "muted"] + }, + "borderColor-upsell-emphasis": { + "value": "#622cbc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis)" + } + } + } + }, + "name": "borderColor-upsell-emphasis", + "attributes": {}, + "path": ["borderColor", "upsell", "emphasis"] + }, + "borderColor-sponsors-muted": { + "value": "#ed4baf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 1, + "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 1 + }, + "name": "borderColor-sponsors-muted", + "attributes": {}, + "path": ["borderColor", "sponsors", "muted"] + }, + "borderColor-sponsors-emphasis": { + "value": "#971368", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + } + }, + "name": "borderColor-sponsors-emphasis", + "attributes": {}, + "path": ["borderColor", "sponsors", "emphasis"] + }, + "color-ansi-black": { + "value": "#0e1116", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-black", + "attributes": {}, + "path": ["color", "ansi", "black"] + }, + "color-ansi-black-bright": { + "value": "#4b535d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-black-bright", + "attributes": {}, + "path": ["color", "ansi", "black-bright"] + }, + "color-ansi-white": { + "value": "#66707b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-white", + "attributes": {}, + "path": ["color", "ansi", "white"] + }, + "color-ansi-white-bright": { + "value": "#88929d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-white-bright", + "attributes": {}, + "path": ["color", "ansi", "white-bright"] + }, + "color-ansi-gray": { + "value": "#66707b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-gray", + "attributes": {}, + "path": ["color", "ansi", "gray"] + }, + "color-ansi-red": { + "value": "#a0111f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-red", + "attributes": {}, + "path": ["color", "ansi", "red"] + }, + "color-ansi-red-bright": { + "value": "#86061d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-red-bright", + "attributes": {}, + "path": ["color", "ansi", "red-bright"] + }, + "color-ansi-green": { + "value": "#024c1a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.green.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-green", + "attributes": {}, + "path": ["color", "ansi", "green"] + }, + "color-ansi-green-bright": { + "value": "#055d20", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-green-bright", + "attributes": {}, + "path": ["color", "ansi", "green-bright"] + }, + "color-ansi-yellow": { + "value": "#3f2200", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow", + "attributes": {}, + "path": ["color", "ansi", "yellow"] + }, + "color-ansi-yellow-bright": { + "value": "#4e2c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow-bright", + "attributes": {}, + "path": ["color", "ansi", "yellow-bright"] + }, + "color-ansi-blue": { + "value": "#0349b4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue", + "attributes": {}, + "path": ["color", "ansi", "blue"] + }, + "color-ansi-blue-bright": { + "value": "#1168e3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue-bright", + "attributes": {}, + "path": ["color", "ansi", "blue-bright"] + }, + "color-ansi-magenta": { + "value": "#622cbc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta", + "attributes": {}, + "path": ["color", "ansi", "magenta"] + }, + "color-ansi-magenta-bright": { + "value": "#844ae7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { "value": "{base.color.purple.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta-bright", + "attributes": {}, + "path": ["color", "ansi", "magenta-bright"] + }, + "color-ansi-cyan": { + "value": "#1b7c83", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "#1b7c83", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan", + "attributes": {}, + "path": ["color", "ansi", "cyan"] + }, + "color-ansi-cyan-bright": { + "value": "#3192aa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "#3192aa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan-bright", + "attributes": {}, + "path": ["color", "ansi", "cyan-bright"] + }, + "color-prettylights-syntax-comment": { + "value": "#4b535d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-comment", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "comment"] + }, + "color-prettylights-syntax-constant": { + "value": "#023b95", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-4", + "name": "color-prettylights-syntax-constant", "attributes": {}, - "path": ["color", "scale", "purple", "4"] + "path": ["color", "prettylights", "syntax", "constant"] }, - "color-scale-purple-5": { - "value": "#622cbc", + "color-prettylights-syntax-constant-other-reference-link": { + "value": "#032563", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-5", + "name": "color-prettylights-syntax-constant-other-reference-link", "attributes": {}, - "path": ["color", "scale", "purple", "5"] + "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] }, - "color-scale-purple-6": { + "color-prettylights-syntax-entity": { "value": "#512598", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { "value": "{base.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-6", + "name": "color-prettylights-syntax-entity", "attributes": {}, - "path": ["color", "scale", "purple", "6"] + "path": ["color", "prettylights", "syntax", "entity"] }, - "color-scale-purple-7": { - "value": "#411d7b", + "color-prettylights-syntax-storage-modifier-import": { + "value": "#0e1116", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.7}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-7", + "name": "color-prettylights-syntax-storage-modifier-import", "attributes": {}, - "path": ["color", "scale", "purple", "7"] + "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] }, - "color-scale-purple-8": { - "value": "#341763", + "color-prettylights-syntax-entity-tag": { + "value": "#023b95", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.8}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-8", + "name": "color-prettylights-syntax-entity-tag", "attributes": {}, - "path": ["color", "scale", "purple", "8"] + "path": ["color", "prettylights", "syntax", "entity-tag"] }, - "color-scale-purple-9": { - "value": "#260f49", + "color-prettylights-syntax-keyword": { + "value": "#a0111f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.9}", + "value": "{base.color.red.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-9", + "name": "color-prettylights-syntax-keyword", "attributes": {}, - "path": ["color", "scale", "purple", "9"] + "path": ["color", "prettylights", "syntax", "keyword"] }, - "color-scale-pink-0": { - "value": "#feeff7", + "color-prettylights-syntax-string": { + "value": "#032563", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", + "value": "{base.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-string", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "string"] + }, + "color-prettylights-syntax-variable": { + "value": "#702c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-variable", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "variable"] + }, + "color-prettylights-syntax-brackethighlighter-unmatched": { + "value": "#6e011a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + }, + "color-prettylights-syntax-brackethighlighter-angle": { + "value": "#4b535d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-0", + "name": "color-prettylights-syntax-brackethighlighter-angle", "attributes": {}, - "path": ["color", "scale", "pink", "0"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] }, - "color-scale-pink-1": { - "value": "#ffbde0", + "color-prettylights-syntax-invalid-illegal-text": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.1}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-1", + "name": "color-prettylights-syntax-invalid-illegal-text", "attributes": {}, - "path": ["color", "scale", "pink", "1"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] }, - "color-scale-pink-2": { - "value": "#fc87ca", + "color-prettylights-syntax-invalid-illegal-bg": { + "value": "#6e011a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.2}", + "value": "{base.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-2", + "name": "color-prettylights-syntax-invalid-illegal-bg", "attributes": {}, - "path": ["color", "scale", "pink", "2"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] }, - "color-scale-pink-3": { - "value": "#ed4baf", + "color-prettylights-syntax-carriage-return-text": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-3", + "name": "color-prettylights-syntax-carriage-return-text", "attributes": {}, - "path": ["color", "scale", "pink", "3"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] }, - "color-scale-pink-4": { - "value": "#c9248e", + "color-prettylights-syntax-carriage-return-bg": { + "value": "#a0111f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.red.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-4", + "name": "color-prettylights-syntax-carriage-return-bg", "attributes": {}, - "path": ["color", "scale", "pink", "4"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] }, - "color-scale-pink-5": { - "value": "#971368", + "color-prettylights-syntax-string-regexp": { + "value": "#024c1a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-5", + "name": "color-prettylights-syntax-string-regexp", "attributes": {}, - "path": ["color", "scale", "pink", "5"] + "path": ["color", "prettylights", "syntax", "string-regexp"] }, - "color-scale-pink-6": { - "value": "#7d0c57", + "color-prettylights-syntax-markup-list": { + "value": "#2e1800", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.6}", + "value": "{base.color.yellow.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-6", + "name": "color-prettylights-syntax-markup-list", "attributes": {}, - "path": ["color", "scale", "pink", "6"] + "path": ["color", "prettylights", "syntax", "markup", "list"] }, - "color-scale-pink-7": { - "value": "#660847", + "color-prettylights-syntax-markup-heading": { + "value": "#023b95", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-7", + "name": "color-prettylights-syntax-markup-heading", "attributes": {}, - "path": ["color", "scale", "pink", "7"] + "path": ["color", "prettylights", "syntax", "markup", "heading"] }, - "color-scale-pink-8": { - "value": "#53043a", + "color-prettylights-syntax-markup-italic": { + "value": "#0e1116", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.8}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-8", + "name": "color-prettylights-syntax-markup-italic", "attributes": {}, - "path": ["color", "scale", "pink", "8"] + "path": ["color", "prettylights", "syntax", "markup", "italic"] }, - "color-scale-pink-9": { - "value": "#3e022b", + "color-prettylights-syntax-markup-bold": { + "value": "#0e1116", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.9}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-9", + "name": "color-prettylights-syntax-markup-bold", "attributes": {}, - "path": ["color", "scale", "pink", "9"] + "path": ["color", "prettylights", "syntax", "markup", "bold"] }, - "color-scale-coral-0": { - "value": "#fff0ed", + "color-prettylights-syntax-markup-deleted-text": { + "value": "#6e011a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.0}", + "value": "{base.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-0", + "name": "color-prettylights-syntax-markup-deleted-text", "attributes": {}, - "path": ["color", "scale", "coral", "0"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] }, - "color-scale-coral-1": { - "value": "#ffc2b6", + "color-prettylights-syntax-markup-deleted-bg": { + "value": "#fff0ee", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.1}", + "value": "{base.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-1", + "name": "color-prettylights-syntax-markup-deleted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "1"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] }, - "color-scale-coral-2": { - "value": "#ff8f7e", + "color-prettylights-syntax-markup-inserted-text": { + "value": "#024c1a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.2}", + "value": "{base.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-2", + "name": "color-prettylights-syntax-markup-inserted-text", "attributes": {}, - "path": ["color", "scale", "coral", "2"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] }, - "color-scale-coral-3": { - "value": "#cd3425", + "color-prettylights-syntax-markup-inserted-bg": { + "value": "#d2fedb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-3", + "name": "color-prettylights-syntax-markup-inserted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "3"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] }, - "color-scale-coral-4": { - "value": "#ef5b48", + "color-prettylights-syntax-markup-changed-text": { + "value": "#702c00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.4}", + "value": "{base.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-4", + "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, - "path": ["color", "scale", "coral", "4"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] }, - "color-scale-coral-5": { - "value": "#9f1710", + "color-prettylights-syntax-markup-changed-bg": { + "value": "#ffc67b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.5}", + "value": "{base.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-5", + "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, - "path": ["color", "scale", "coral", "5"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] }, - "color-scale-coral-6": { - "value": "#870706", + "color-prettylights-syntax-markup-ignored-text": { + "value": "#e7ecf0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-6", + "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, - "path": ["color", "scale", "coral", "6"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] }, - "color-scale-coral-7": { - "value": "#6f0107", + "color-prettylights-syntax-markup-ignored-bg": { + "value": "#023b95", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-7", + "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, - "path": ["color", "scale", "coral", "7"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] }, - "color-scale-coral-8": { - "value": "#5b0002", + "color-prettylights-syntax-meta-diff-range": { + "value": "#622cbc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.8}", + "value": "{base.color.purple.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-8", + "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, - "path": ["color", "scale", "coral", "8"] + "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] }, - "color-scale-coral-9": { - "value": "#430200", + "color-prettylights-syntax-sublimelinter-gutter-mark": { + "value": "#88929d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.9}", + "value": "{base.color.neutral.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-9", + "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, - "path": ["color", "scale", "coral", "9"] + "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] }, "shadow-inset": { "value": "inset 0px 1px 0px 0px #0104090a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { @@ -10626,7 +16488,14 @@ "spread": "0px", "inset": true }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-inset", "attributes": {}, @@ -10635,6 +16504,13 @@ "shadow-resting-xsmall": { "value": "0px 1px 0px 0px #0104091a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { @@ -10647,39 +16523,51 @@ "spread": "0px", "inset": false }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"] }, "shadow-resting-small": { - "value": "0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914", + "value": "0px 1px 0px 0px #0104090a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { "color": "{base.color.black}", - "alpha": 0.06, + "alpha": 0.04, "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": false - }, - { - "color": "{base.color.black}", - "alpha": 0.08, - "offsetX": "0px", - "offsetY": "1px", - "blur": "3px", - "spread": "0px", - "inset": false } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-small", "attributes": {}, @@ -10688,12 +16576,19 @@ "shadow-resting-medium": { "value": "0px 3px 6px 0px #343b431f", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.12, "offsetX": "0px", "offsetY": "3px", @@ -10701,21 +16596,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"] }, "shadow-floating-small": { - "value": "0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f", + "value": "0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0.5, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.04, "offsetX": "0px", "offsetY": "6px", @@ -10723,7 +16640,7 @@ "spread": "-3px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.12, "offsetX": "0px", "offsetY": "6px", @@ -10731,21 +16648,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"] }, "shadow-floating-medium": { - "value": "0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314", + "value": "0px 0px 0px 1px #88929d, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "8px", @@ -10753,7 +16692,7 @@ "spread": "-4px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "4px", @@ -10761,7 +16700,7 @@ "spread": "-4px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "24px", @@ -10769,7 +16708,7 @@ "spread": "-12px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "48px", @@ -10777,21 +16716,43 @@ "spread": "-24px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"] }, "shadow-floating-large": { - "value": "0px 40px 80px 0px #343b433d", + "value": "0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.24, "offsetX": "0px", "offsetY": "40px", @@ -10799,21 +16760,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"] }, "shadow-floating-xlarge": { - "value": "0px 56px 112px 0px #343b4352", + "value": "0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.32, "offsetX": "0px", "offsetY": "56px", @@ -10821,10 +16804,47 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"] + }, + "shadow-floating-legacy": { + "value": "0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f", + "$type": "shadow", + "filePath": "src/tokens/functional/shadow/light.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.neutral.7}", + "alpha": 0.04, + "offsetX": "0px", + "offsetY": "6px", + "blur": "12px", + "spread": "-3px" + }, + { + "color": "{base.color.neutral.7}", + "alpha": 0.12, + "offsetX": "0px", + "offsetY": "6px", + "blur": "18px", + "spread": "0px" + } + ], + "$type": "shadow" + }, + "name": "shadow-floating-legacy", + "attributes": {}, + "path": ["shadow", "floating", "legacy"] } } diff --git a/dist/docs/functional/themes/light-tritanopia.json b/dist/docs/functional/themes/light-tritanopia.json index 2ab8c280b..384f417a4 100644 --- a/dist/docs/functional/themes/light-tritanopia.json +++ b/dist/docs/functional/themes/light-tritanopia.json @@ -779,7 +779,7 @@ "filePath": "src/tokens/functional/color/light/app-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1071,7 +1071,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1100,7 +1100,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1129,7 +1129,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1158,7 +1158,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1173,1415 +1173,1313 @@ "attributes": {}, "path": ["headerSearch", "borderColor"] }, - "avatar-bgColor": { - "value": "#ffffff", + "data-blue-color": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatar-bgColor", + "name": "data-blue-color", "attributes": {}, - "path": ["avatar", "bgColor"] + "path": ["data", "blue", "color", "@"] }, - "avatar-borderColor": { - "value": "#d0d7de", + "data-blue-color-muted": { + "value": "#d1f0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "avatar-borderColor", - "attributes": {}, - "path": ["avatar", "borderColor"] - }, - "avatar-shadow": { - "value": "0px 0px 0px 2px #ffffffcc", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.white}", - "alpha": 0.8, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "2px" - } - ], - "$type": "shadow" - }, - "name": "avatar-shadow", + "name": "data-blue-color-muted", "attributes": {}, - "path": ["avatar", "shadow"] + "path": ["data", "blue", "color", "muted"] }, - "avatarStack-fade-bgColor-default": { - "value": "#afb8c1", + "data-auburn-color": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-default", + "name": "data-auburn-color", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "default"] + "path": ["data", "auburn", "color", "@"] }, - "avatarStack-fade-bgColor-muted": { - "value": "#d0d7de", + "data-auburn-color-muted": { + "value": "#f2e9e9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-muted", + "name": "data-auburn-color-muted", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "muted"] + "path": ["data", "auburn", "color", "muted"] }, - "control-bgColor-rest": { - "value": "#f6f8fa", + "data-orange-color": { + "value": "#eb670f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-rest", + "name": "data-orange-color", "attributes": {}, - "path": ["control", "bgColor", "rest"] + "path": ["data", "orange", "color", "@"] }, - "control-bgColor-hover": { - "value": "#eef1f4", + "data-orange-color-muted": { + "value": "#ffe7d1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "mix": { - "color": "#d0d7de", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.2}", - "weight": 0.2 } }, - "name": "control-bgColor-hover", + "name": "data-orange-color-muted", "attributes": {}, - "path": ["control", "bgColor", "hover"] + "path": ["data", "orange", "color", "muted"] }, - "control-bgColor-active": { - "value": "#e7ebef", + "data-yellow-color": { + "value": "#b88700", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "mix": { - "color": "#d0d7de", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.2}", - "weight": 0.4 } }, - "name": "control-bgColor-active", + "name": "data-yellow-color", "attributes": {}, - "path": ["control", "bgColor", "active"] + "path": ["data", "yellow", "color", "@"] }, - "control-bgColor-disabled": { - "value": "#f6f8fa", + "data-yellow-color-muted": { + "value": "#ffec9e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-disabled", + "name": "data-yellow-color-muted", "attributes": {}, - "path": ["control", "bgColor", "disabled"] + "path": ["data", "yellow", "color", "muted"] }, - "control-bgColor-selected": { - "value": "#f6f8fa", + "data-green-color": { + "value": "#30a147", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-selected", + "name": "data-green-color", "attributes": {}, - "path": ["control", "bgColor", "selected"] + "path": ["data", "green", "color", "@"] }, - "control-fgColor-rest": { - "value": "#24292f", + "data-green-color-muted": { + "value": "#caf7ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-rest", + "name": "data-green-color-muted", "attributes": {}, - "path": ["control", "fgColor", "rest"] + "path": ["data", "green", "color", "muted"] }, - "control-fgColor-placeholder": { - "value": "#6e7781", + "data-teal-color": { + "value": "#179b9b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-placeholder", + "name": "data-teal-color", "attributes": {}, - "path": ["control", "fgColor", "placeholder"] + "path": ["data", "teal", "color", "@"] }, - "control-fgColor-disabled": { - "value": "#8c959f", + "data-teal-color-muted": { + "value": "#c7f5ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-disabled", + "name": "data-teal-color-muted", "attributes": {}, - "path": ["control", "fgColor", "disabled"] + "path": ["data", "teal", "color", "muted"] }, - "control-borderColor-rest": { - "value": "#d0d7de", + "data-purple-color": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-rest", + "name": "data-purple-color", "attributes": {}, - "path": ["control", "borderColor", "rest"] + "path": ["data", "purple", "color", "@"] }, - "control-borderColor-emphasis": { - "value": "#868f99", + "data-purple-color-muted": { + "value": "#f1e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "mix": { - "color": "#6e7781", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-borderColor-emphasis", + "name": "data-purple-color-muted", "attributes": {}, - "path": ["control", "borderColor", "emphasis"] + "path": ["data", "purple", "color", "muted"] }, - "control-borderColor-disabled": { - "value": "#f6f8fa", + "data-pink-color": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-disabled", + "name": "data-pink-color", "attributes": {}, - "path": ["control", "borderColor", "disabled"] + "path": ["data", "pink", "color", "@"] }, - "control-borderColor-selected": { - "value": "#f6f8fa", + "data-pink-color-muted": { + "value": "#ffe5f1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-selected", + "name": "data-pink-color-muted", "attributes": {}, - "path": ["control", "borderColor", "selected"] + "path": ["data", "pink", "color", "muted"] }, - "control-borderColor-success": { - "value": "#218bff", + "data-red-color": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-success", + "name": "data-red-color", "attributes": {}, - "path": ["control", "borderColor", "success"] + "path": ["data", "red", "color", "@"] }, - "control-borderColor-danger": { - "value": "#cf222e", + "data-red-color-muted": { + "value": "#ffe2e0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.danger.emphasis}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-danger", + "name": "data-red-color-muted", "attributes": {}, - "path": ["control", "borderColor", "danger"] + "path": ["data", "red", "color", "muted"] }, - "control-borderColor-warning": { - "value": "#bf8700", + "data-gray-color": { + "value": "#808fa3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.attention.emphasis}", + "value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-warning", + "name": "data-gray-color", "attributes": {}, - "path": ["control", "borderColor", "warning"] + "path": ["data", "gray", "color", "@"] }, - "control-iconColor-rest": { - "value": "#636c76", + "data-gray-color-muted": { + "value": "#e8ecf2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-iconColor-rest", + "name": "data-gray-color-muted", "attributes": {}, - "path": ["control", "iconColor", "rest"] + "path": ["data", "gray", "color", "muted"] }, - "control-transparent-bgColor-rest": { - "value": "#ffffff00", + "display-blue-bgColor-muted": { + "value": "#d1f0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-transparent-bgColor-rest", + "name": "display-blue-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "rest"] + "path": ["display", "blue", "bgColor", "muted"] }, - "control-transparent-bgColor-hover": { - "value": "#d0d7de33", + "display-blue-bgColor-emphasis": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-hover", + "name": "display-blue-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "hover"] + "path": ["display", "blue", "bgColor", "emphasis"] }, - "control-transparent-bgColor-active": { - "value": "#d0d7de66", + "display-blue-fgColor": { + "value": "#005fcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-transparent-bgColor-active", + "name": "display-blue-fgColor", "attributes": {}, - "path": ["control", "transparent", "bgColor", "active"] + "path": ["display", "blue", "fgColor"] }, - "control-transparent-bgColor-disabled": { - "value": "#ffffff00", + "display-blue-borderColor-muted": { + "value": "#ade1ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-transparent-bgColor-disabled", + "name": "display-blue-borderColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "disabled"] + "path": ["display", "blue", "borderColor", "muted"] }, - "control-transparent-bgColor-selected": { - "value": "#d0d7de33", + "display-blue-borderColor-emphasis": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-selected", + "name": "display-blue-borderColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "selected"] + "path": ["display", "blue", "borderColor", "emphasis"] }, - "control-transparent-borderColor-rest": { - "value": "#ffffff00", + "display-green-bgColor-muted": { + "value": "#caf7ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-rest", + "name": "display-green-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "borderColor", "rest"] + "path": ["display", "green", "bgColor", "muted"] }, - "control-transparent-borderColor-hover": { - "value": "#ffffff00", + "display-green-bgColor-emphasis": { + "value": "#2c8141", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-hover", + "name": "display-green-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "borderColor", "hover"] + "path": ["display", "green", "bgColor", "emphasis"] }, - "control-transparent-borderColor-active": { - "value": "#ffffff00", + "display-green-fgColor": { + "value": "#2b6e3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-transparent-borderColor-active", + "name": "display-green-fgColor", "attributes": {}, - "path": ["control", "transparent", "borderColor", "active"] + "path": ["display", "green", "fgColor"] }, - "control-danger-fgColor-rest": { - "value": "#d1242f", + "display-green-borderColor-muted": { + "value": "#9ceda0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-rest", + "name": "display-green-borderColor-muted", "attributes": {}, - "path": ["control", "danger", "fgColor", "rest"] + "path": ["display", "green", "borderColor", "muted"] }, - "control-danger-fgColor-hover": { - "value": "#d1242f", + "display-green-borderColor-emphasis": { + "value": "#2c8141", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-hover", + "name": "display-green-borderColor-emphasis", "attributes": {}, - "path": ["control", "danger", "fgColor", "hover"] + "path": ["display", "green", "borderColor", "emphasis"] }, - "control-danger-bgColor-hover": { - "value": "#ffebe9", + "display-orange-bgColor-muted": { + "value": "#ffe7d1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-danger-bgColor-hover", + "name": "display-orange-bgColor-muted", "attributes": {}, - "path": ["control", "danger", "bgColor", "hover"] + "path": ["display", "orange", "bgColor", "muted"] }, - "control-danger-bgColor-active": { - "value": "#ffebe966", + "display-orange-bgColor-emphasis": { + "value": "#b8500f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-danger-bgColor-active", + "name": "display-orange-bgColor-emphasis", "attributes": {}, - "path": ["control", "danger", "bgColor", "active"] + "path": ["display", "orange", "bgColor", "emphasis"] }, - "control-checked-bgColor-rest": { - "value": "#0969da", + "display-orange-fgColor": { + "value": "#a24610", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-checked-bgColor-rest", + "name": "display-orange-fgColor", "attributes": {}, - "path": ["control", "checked", "bgColor", "rest"] + "path": ["display", "orange", "fgColor"] }, - "control-checked-bgColor-hover": { - "value": "#0860ca", + "display-orange-borderColor-muted": { + "value": "#fecfaa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.2 } }, - "name": "control-checked-bgColor-hover", + "name": "display-orange-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "hover"] + "path": ["display", "orange", "borderColor", "muted"] }, - "control-checked-bgColor-active": { - "value": "#0757ba", + "display-orange-borderColor-emphasis": { + "value": "#b8500f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "control-checked-bgColor-active", + "name": "display-orange-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "bgColor", "active"] + "path": ["display", "orange", "borderColor", "emphasis"] }, - "control-checked-bgColor-disabled": { - "value": "#8c959f", + "display-purple-bgColor-muted": { + "value": "#f1e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-checked-bgColor-disabled", + "name": "display-purple-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "disabled"] + "path": ["display", "purple", "bgColor", "muted"] }, - "control-checked-fgColor-rest": { - "value": "#ffffff", + "display-purple-bgColor-emphasis": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-fgColor-rest", + "name": "display-purple-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "fgColor", "rest"] + "path": ["display", "purple", "bgColor", "emphasis"] }, - "control-checked-fgColor-disabled": { - "value": "#ffffff", + "display-purple-fgColor": { + "value": "#783ae4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "control-checked-fgColor-disabled", + "name": "display-purple-fgColor", "attributes": {}, - "path": ["control", "checked", "fgColor", "disabled"] + "path": ["display", "purple", "fgColor"] }, - "control-checked-borderColor-rest": { - "value": "#0969da", + "display-purple-borderColor-muted": { + "value": "#e6d2fe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "control-checked-borderColor-rest", + "name": "display-purple-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "rest"] + "path": ["display", "purple", "borderColor", "muted"] }, - "control-checked-borderColor-hover": { - "value": "#0860ca", + "display-purple-borderColor-emphasis": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.2 } }, - "name": "control-checked-borderColor-hover", + "name": "display-purple-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "hover"] + "path": ["display", "purple", "borderColor", "emphasis"] }, - "control-checked-borderColor-active": { - "value": "#0757ba", + "display-plum-bgColor-muted": { + "value": "#f8e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "control-checked-borderColor-active", + "name": "display-plum-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "active"] + "path": ["display", "plum", "bgColor", "muted"] }, - "control-checked-borderColor-disabled": { - "value": "#8c959f", + "display-plum-bgColor-emphasis": { + "value": "#a830e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-borderColor-disabled", + "name": "display-plum-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "disabled"] + "path": ["display", "plum", "bgColor", "emphasis"] }, - "controlTrack-bgColor-rest": { - "value": "#eaeef2", + "display-plum-fgColor": { + "value": "#961edc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlTrack-bgColor-rest", + "name": "display-plum-fgColor", "attributes": {}, - "path": ["controlTrack", "bgColor", "rest"] + "path": ["display", "plum", "fgColor"] }, - "controlTrack-bgColor-hover": { - "value": "#dee3e8", + "display-plum-borderColor-muted": { + "value": "#f0cdfe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#afb8c1", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.3}", - "weight": 0.2 } }, - "name": "controlTrack-bgColor-hover", + "name": "display-plum-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "hover"] + "path": ["display", "plum", "borderColor", "muted"] }, - "controlTrack-bgColor-active": { - "value": "#d2d8de", + "display-plum-borderColor-emphasis": { + "value": "#a830e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#afb8c1", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.3}", - "weight": 0.4 } }, - "name": "controlTrack-bgColor-active", + "name": "display-plum-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "bgColor", "active"] + "path": ["display", "plum", "borderColor", "emphasis"] }, - "controlTrack-bgColor-disabled": { - "value": "#8c959f", + "display-red-bgColor-muted": { + "value": "#ffe2e0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2591,10 +2489,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2605,41 +2503,41 @@ } } }, - "name": "controlTrack-bgColor-disabled", + "name": "display-red-bgColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "disabled"] + "path": ["display", "red", "bgColor", "muted"] }, - "controlTrack-fgColor-rest": { - "value": "#636c76", + "display-red-bgColor-emphasis": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "controlTrack-fgColor-rest", + "name": "display-red-bgColor-emphasis", "attributes": {}, - "path": ["controlTrack", "fgColor", "rest"] + "path": ["display", "red", "bgColor", "emphasis"] }, - "controlTrack-fgColor-disabled": { - "value": "#ffffff", + "display-red-fgColor": { + "value": "#c50d28", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2649,10 +2547,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2663,12 +2561,12 @@ } } }, - "name": "controlTrack-fgColor-disabled", + "name": "display-red-fgColor", "attributes": {}, - "path": ["controlTrack", "fgColor", "disabled"] + "path": ["display", "red", "fgColor"] }, - "controlTrack-borderColor-rest": { - "value": "#ffffff00", + "display-red-borderColor-muted": { + "value": "#fecdcd", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2678,10 +2576,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2692,12 +2590,12 @@ } } }, - "name": "controlTrack-borderColor-rest", + "name": "display-red-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "borderColor", "rest"] + "path": ["display", "red", "borderColor", "muted"] }, - "controlTrack-borderColor-disabled": { - "value": "#8c959f", + "display-red-borderColor-emphasis": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2707,10 +2605,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2721,12 +2619,12 @@ } } }, - "name": "controlTrack-borderColor-disabled", + "name": "display-red-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "borderColor", "disabled"] + "path": ["display", "red", "borderColor", "emphasis"] }, - "controlKnob-bgColor-rest": { - "value": "#ffffff", + "display-coral-bgColor-muted": { + "value": "#ffe5db", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2736,10 +2634,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.coral.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2750,12 +2648,12 @@ } } }, - "name": "controlKnob-bgColor-rest", + "name": "display-coral-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "bgColor", "rest"] + "path": ["display", "coral", "bgColor", "muted"] }, - "controlKnob-bgColor-disabled": { - "value": "#f6f8fa", + "display-coral-bgColor-emphasis": { + "value": "#d43511", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2765,10 +2663,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2779,41 +2677,41 @@ } } }, - "name": "controlKnob-bgColor-disabled", + "name": "display-coral-bgColor-emphasis", "attributes": {}, - "path": ["controlKnob", "bgColor", "disabled"] + "path": ["display", "coral", "bgColor", "emphasis"] }, - "controlKnob-bgColor-checked": { - "value": "#ffffff", + "display-coral-fgColor": { + "value": "#ba2e12", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.coral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlKnob-bgColor-checked", + "name": "display-coral-fgColor", "attributes": {}, - "path": ["controlKnob", "bgColor", "checked"] + "path": ["display", "coral", "fgColor"] }, - "controlKnob-borderColor-rest": { - "value": "#868f99", + "display-coral-borderColor-muted": { + "value": "#fecebe", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2823,10 +2721,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.emphasis}", + "value": "{base.display.color.coral.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2837,12 +2735,12 @@ } } }, - "name": "controlKnob-borderColor-rest", + "name": "display-coral-borderColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "rest"] + "path": ["display", "coral", "borderColor", "muted"] }, - "controlKnob-borderColor-disabled": { - "value": "#f6f8fa", + "display-coral-borderColor-emphasis": { + "value": "#d43511", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2852,10 +2750,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2866,70 +2764,70 @@ } } }, - "name": "controlKnob-borderColor-disabled", + "name": "display-coral-borderColor-emphasis", "attributes": {}, - "path": ["controlKnob", "borderColor", "disabled"] + "path": ["display", "coral", "borderColor", "emphasis"] }, - "controlKnob-borderColor-checked": { - "value": "#0969da", + "display-yellow-bgColor-muted": { + "value": "#ffec9e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.checked.bgColor.rest}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "controlKnob-borderColor-checked", + "name": "display-yellow-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "checked"] + "path": ["display", "yellow", "bgColor", "muted"] }, - "counter-borderColor": { - "value": "#ffffff00", + "display-yellow-bgColor-emphasis": { + "value": "#946a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "counter-borderColor", + "name": "display-yellow-bgColor-emphasis", "attributes": {}, - "path": ["counter", "borderColor"] + "path": ["display", "yellow", "bgColor", "emphasis"] }, - "button-default-fgColor-rest": { - "value": "#24292f", + "display-yellow-fgColor": { + "value": "#805900", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2939,10 +2837,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.rest}", + "value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2953,70 +2851,70 @@ } } }, - "name": "button-default-fgColor-rest", + "name": "display-yellow-fgColor", "attributes": {}, - "path": ["button", "default", "fgColor", "rest"] + "path": ["display", "yellow", "fgColor"] }, - "button-default-bgColor-rest": { - "value": "#f6f8fa", + "display-yellow-borderColor-muted": { + "value": "#ffd642", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-rest", + "name": "display-yellow-borderColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "rest"] + "path": ["display", "yellow", "borderColor", "muted"] }, - "button-default-bgColor-hover": { - "value": "#eef1f4", + "display-yellow-borderColor-emphasis": { + "value": "#946a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.hover}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-hover", + "name": "display-yellow-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "hover"] + "path": ["display", "yellow", "borderColor", "emphasis"] }, - "button-default-bgColor-active": { - "value": "#e7ebef", + "display-gray-bgColor-muted": { + "value": "#e8ecf2", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3026,10 +2924,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3040,12 +2938,12 @@ } } }, - "name": "button-default-bgColor-active", + "name": "display-gray-bgColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "active"] + "path": ["display", "gray", "bgColor", "muted"] }, - "button-default-bgColor-selected": { - "value": "#e7ebef", + "display-gray-bgColor-emphasis": { + "value": "#647182", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3055,10 +2953,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3069,54 +2967,41 @@ } } }, - "name": "button-default-bgColor-selected", - "attributes": {}, - "path": ["button", "default", "bgColor", "selected"] - }, - "button-default-bgColor-disabled": { - "value": "#f6f8fa", - "$type": "color", - "filePath": "src/tokens/functional/color/light/patterns-light.json5", - "isSource": true, - "original": { - "value": "{control.bgColor.disabled}", - "$type": "color" - }, - "name": "button-default-bgColor-disabled", + "name": "display-gray-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "disabled"] + "path": ["display", "gray", "bgColor", "emphasis"] }, - "button-default-borderColor-rest": { - "value": "#d0d7de", + "display-gray-fgColor": { + "value": "#5c6570", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-default-borderColor-rest", + "name": "display-gray-fgColor", "attributes": {}, - "path": ["button", "default", "borderColor", "rest"] + "path": ["display", "gray", "fgColor"] }, - "button-default-borderColor-hover": { - "value": "#d0d7de", + "display-gray-borderColor-muted": { + "value": "#d2dae4", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3126,10 +3011,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3140,12 +3025,12 @@ } } }, - "name": "button-default-borderColor-hover", + "name": "display-gray-borderColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "hover"] + "path": ["display", "gray", "borderColor", "muted"] }, - "button-default-borderColor-active": { - "value": "#d0d7de", + "display-gray-borderColor-emphasis": { + "value": "#647182", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3155,10 +3040,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3169,93 +3054,70 @@ } } }, - "name": "button-default-borderColor-active", + "name": "display-gray-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "borderColor", "active"] + "path": ["display", "gray", "borderColor", "emphasis"] }, - "button-default-borderColor-disabled": { - "value": "#f6f8fa", + "display-auburn-bgColor-muted": { + "value": "#f2e9e9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-disabled", - "attributes": {}, - "path": ["button", "default", "borderColor", "disabled"] - }, - "button-default-shadow-resting": { - "value": "0px 1px 0px 0px #1f23280a", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.black}", - "alpha": 0.04, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-default-shadow-resting", + "name": "display-auburn-bgColor-muted", "attributes": {}, - "path": ["button", "default", "shadow", "resting"] + "path": ["display", "auburn", "bgColor", "muted"] }, - "button-primary-fgColor-rest": { - "value": "#ffffff", + "display-auburn-bgColor-emphasis": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-fgColor-rest", + "name": "display-auburn-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "fgColor", "rest"] + "path": ["display", "auburn", "bgColor", "emphasis"] }, - "button-primary-fgColor-disabled": { - "value": "#ffffffcc", + "display-auburn-fgColor": { + "value": "#8a5551", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3265,11 +3127,10 @@ "scopes": ["fgColor"] } }, - "alpha": 0.8, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3278,75 +3139,72 @@ "group": "component (internal)", "scopes": ["fgColor"] } - }, - "alpha": 0.8 + } }, - "name": "button-primary-fgColor-disabled", + "name": "display-auburn-fgColor", "attributes": {}, - "path": ["button", "primary", "fgColor", "disabled"] + "path": ["display", "auburn", "fgColor"] }, - "button-primary-iconColor-rest": { - "value": "#ffffffcc", + "display-auburn-borderColor-muted": { + "value": "#e6d6d5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.8, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.8 + } }, - "name": "button-primary-iconColor-rest", + "name": "display-auburn-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "iconColor", "rest"] + "path": ["display", "auburn", "borderColor", "muted"] }, - "button-primary-bgColor-rest": { - "value": "#0f72e3", + "display-auburn-borderColor-emphasis": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-primary-bgColor-rest", + "name": "display-auburn-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "rest"] + "path": ["display", "auburn", "borderColor", "emphasis"] }, - "button-primary-bgColor-hover": { - "value": "#0d6bd8", + "display-brown-bgColor-muted": { + "value": "#eeeae2", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3356,14 +3214,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#0550ae", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3372,18 +3226,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.6}", - "weight": 0.2 } }, - "name": "button-primary-bgColor-hover", + "name": "display-brown-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "hover"] + "path": ["display", "brown", "bgColor", "muted"] }, - "button-primary-bgColor-active": { - "value": "#0b64ce", + "display-brown-bgColor-emphasis": { + "value": "#856d4c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3393,14 +3243,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#0550ae", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3409,55 +3255,43 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.6}", - "weight": 0.4 } }, - "name": "button-primary-bgColor-active", + "name": "display-brown-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "active"] + "path": ["display", "brown", "bgColor", "emphasis"] }, - "button-primary-bgColor-disabled": { - "value": "#92caff", + "display-brown-fgColor": { + "value": "#755f43", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "mix": { - "color": "#ddf4ff", - "weight": 0.6 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.blue.0}", - "weight": 0.6 } }, - "name": "button-primary-bgColor-disabled", + "name": "display-brown-fgColor", "attributes": {}, - "path": ["button", "primary", "bgColor", "disabled"] + "path": ["display", "brown", "fgColor"] }, - "button-primary-borderColor-rest": { - "value": "#1f232826", + "display-brown-borderColor-muted": { + "value": "#dfd7c8", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3467,11 +3301,10 @@ "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3480,15 +3313,14 @@ "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-primary-borderColor-rest", + "name": "display-brown-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "rest"] + "path": ["display", "brown", "borderColor", "muted"] }, - "button-primary-borderColor-hover": { - "value": "#1f232826", + "display-brown-borderColor-emphasis": { + "value": "#856d4c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3498,10 +3330,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3512,93 +3344,70 @@ } } }, - "name": "button-primary-borderColor-hover", + "name": "display-brown-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "hover"] + "path": ["display", "brown", "borderColor", "emphasis"] }, - "button-primary-borderColor-active": { - "value": "#1f232826", + "display-lemon-bgColor-muted": { + "value": "#f7eea1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-active", + "name": "display-lemon-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "active"] + "path": ["display", "lemon", "bgColor", "muted"] }, - "button-primary-borderColor-disabled": { - "value": "#92caff", + "display-lemon-bgColor-emphasis": { + "value": "#866e04", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.bgColor.disabled}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-disabled", - "attributes": {}, - "path": ["button", "primary", "borderColor", "disabled"] - }, - "button-primary-shadow-selected": { - "value": "inset 0px 1px 0px 0px #0021554d", - "$type": "shadow", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.blue.9}", - "alpha": 0.3, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-primary-shadow-selected", + "name": "display-lemon-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "shadow", "selected"] + "path": ["display", "lemon", "bgColor", "emphasis"] }, - "button-invisible-fgColor-rest": { - "value": "#0969da", + "display-lemon-fgColor": { + "value": "#786002", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3608,10 +3417,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3622,128 +3431,128 @@ } } }, - "name": "button-invisible-fgColor-rest", + "name": "display-lemon-fgColor", "attributes": {}, - "path": ["button", "invisible", "fgColor", "rest"] + "path": ["display", "lemon", "fgColor"] }, - "button-invisible-fgColor-hover": { - "value": "#0969da", + "display-lemon-borderColor-muted": { + "value": "#f0db3d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-hover", + "name": "display-lemon-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "hover"] + "path": ["display", "lemon", "borderColor", "muted"] }, - "button-invisible-fgColor-disabled": { - "value": "#8c959f", + "display-lemon-borderColor-emphasis": { + "value": "#866e04", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-disabled", + "name": "display-lemon-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "fgColor", "disabled"] + "path": ["display", "lemon", "borderColor", "emphasis"] }, - "button-invisible-iconColor-rest": { - "value": "#636c76", + "display-olive-bgColor-muted": { + "value": "#f0f0ad", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-rest", + "name": "display-olive-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "iconColor", "rest"] + "path": ["display", "olive", "bgColor", "muted"] }, - "button-invisible-iconColor-hover": { - "value": "#636c76", + "display-olive-bgColor-emphasis": { + "value": "#64762d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-hover", + "name": "display-olive-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "iconColor", "hover"] + "path": ["display", "olive", "bgColor", "emphasis"] }, - "button-invisible-iconColor-disabled": { - "value": "#8c959f", + "display-olive-fgColor": { + "value": "#56682c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3753,10 +3562,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3767,70 +3576,70 @@ } } }, - "name": "button-invisible-iconColor-disabled", + "name": "display-olive-fgColor", "attributes": {}, - "path": ["button", "invisible", "iconColor", "disabled"] + "path": ["display", "olive", "fgColor"] }, - "button-invisible-bgColor-rest": { - "value": "#ffffff00", + "display-olive-borderColor-muted": { + "value": "#dbe170", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.rest}", + "value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-rest", + "name": "display-olive-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "rest"] + "path": ["display", "olive", "borderColor", "muted"] }, - "button-invisible-bgColor-hover": { - "value": "#d0d7de33", + "display-olive-borderColor-emphasis": { + "value": "#64762d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.hover}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-hover", + "name": "display-olive-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "hover"] + "path": ["display", "olive", "borderColor", "emphasis"] }, - "button-invisible-bgColor-active": { - "value": "#d0d7de66", + "display-lime-bgColor-muted": { + "value": "#e3f2b5", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3840,10 +3649,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.active}", + "value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3854,12 +3663,12 @@ } } }, - "name": "button-invisible-bgColor-active", + "name": "display-lime-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "active"] + "path": ["display", "lime", "bgColor", "muted"] }, - "button-invisible-bgColor-disabled": { - "value": "#ffffff00", + "display-lime-bgColor-emphasis": { + "value": "#527a29", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3869,10 +3678,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.disabled}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3883,41 +3692,41 @@ } } }, - "name": "button-invisible-bgColor-disabled", + "name": "display-lime-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "disabled"] + "path": ["display", "lime", "bgColor", "emphasis"] }, - "button-invisible-borderColor-rest": { - "value": "#ffffff00", + "display-lime-fgColor": { + "value": "#476c28", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.rest}", + "value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-invisible-borderColor-rest", + "name": "display-lime-fgColor", "attributes": {}, - "path": ["button", "invisible", "borderColor", "rest"] + "path": ["display", "lime", "fgColor"] }, - "button-invisible-borderColor-hover": { - "value": "#ffffff00", + "display-lime-borderColor-muted": { + "value": "#c7e580", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3927,10 +3736,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.hover}", + "value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3941,12 +3750,12 @@ } } }, - "name": "button-invisible-borderColor-hover", + "name": "display-lime-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "hover"] + "path": ["display", "lime", "borderColor", "muted"] }, - "button-invisible-borderColor-disabled": { - "value": "#f6f8fa", + "display-lime-borderColor-emphasis": { + "value": "#527a29", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3956,10 +3765,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3970,70 +3779,70 @@ } } }, - "name": "button-invisible-borderColor-disabled", + "name": "display-lime-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "borderColor", "disabled"] + "path": ["display", "lime", "borderColor", "emphasis"] }, - "button-outline-fgColor-rest": { - "value": "#0969da", + "display-pine-bgColor-muted": { + "value": "#bff8db", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-rest", + "name": "display-pine-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "rest"] + "path": ["display", "pine", "bgColor", "muted"] }, - "button-outline-fgColor-hover": { - "value": "#ffffff", + "display-pine-bgColor-emphasis": { + "value": "#167e53", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-hover", + "name": "display-pine-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "hover"] + "path": ["display", "pine", "bgColor", "emphasis"] }, - "button-outline-fgColor-active": { - "value": "#ffffff", + "display-pine-fgColor": { + "value": "#156f4b", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4043,10 +3852,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4057,72 +3866,70 @@ } } }, - "name": "button-outline-fgColor-active", + "name": "display-pine-fgColor", "attributes": {}, - "path": ["button", "outline", "fgColor", "active"] + "path": ["display", "pine", "fgColor"] }, - "button-outline-fgColor-disabled": { - "value": "#0969da80", + "display-pine-borderColor-muted": { + "value": "#80efb9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-outline-fgColor-disabled", + "name": "display-pine-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "disabled"] + "path": ["display", "pine", "borderColor", "muted"] }, - "button-outline-bgColor-rest": { - "value": "#f6f8fa", + "display-pine-borderColor-emphasis": { + "value": "#167e53", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-bgColor-rest", + "name": "display-pine-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "rest"] + "path": ["display", "pine", "borderColor", "emphasis"] }, - "button-outline-bgColor-hover": { - "value": "#0969da", + "display-teal-bgColor-muted": { + "value": "#c7f5ef", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4132,10 +3939,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4146,12 +3953,12 @@ } } }, - "name": "button-outline-bgColor-hover", + "name": "display-teal-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "hover"] + "path": ["display", "teal", "bgColor", "muted"] }, - "button-outline-bgColor-active": { - "value": "#0757ba", + "display-teal-bgColor-emphasis": { + "value": "#127e81", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4161,14 +3968,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4177,47 +3980,43 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "button-outline-bgColor-active", + "name": "display-teal-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "active"] + "path": ["display", "teal", "bgColor", "emphasis"] }, - "button-outline-bgColor-disabled": { - "value": "#f6f8fa", + "display-teal-fgColor": { + "value": "#106e75", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-outline-bgColor-disabled", + "name": "display-teal-fgColor", "attributes": {}, - "path": ["button", "outline", "bgColor", "disabled"] + "path": ["display", "teal", "fgColor"] }, - "button-outline-borderColor-hover": { - "value": "#1f232826", + "display-teal-borderColor-muted": { + "value": "#89ebe1", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4227,11 +4026,10 @@ "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4240,15 +4038,14 @@ "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-outline-borderColor-hover", + "name": "display-teal-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "borderColor", "hover"] + "path": ["display", "teal", "borderColor", "muted"] }, - "button-outline-borderColor-active": { - "value": "#1f232826", + "display-teal-borderColor-emphasis": { + "value": "#127e81", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4258,10 +4055,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.outline.borderColor.hover}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4272,93 +4069,70 @@ } } }, - "name": "button-outline-borderColor-active", - "attributes": {}, - "path": ["button", "outline", "borderColor", "active"] - }, - "button-outline-shadow-selected": { - "value": "inset 0px 1px 0px 0px #00215533", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.blue.9}", - "alpha": 0.2, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-outline-shadow-selected", + "name": "display-teal-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "shadow", "selected"] + "path": ["display", "teal", "borderColor", "emphasis"] }, - "button-danger-fgColor-rest": { - "value": "#d1242f", + "display-cyan-bgColor-muted": { + "value": "#bdf4ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-rest", + "name": "display-cyan-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "rest"] + "path": ["display", "cyan", "bgColor", "muted"] }, - "button-danger-fgColor-hover": { - "value": "#ffffff", + "display-cyan-bgColor-emphasis": { + "value": "#007b94", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-hover", + "name": "display-cyan-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "hover"] + "path": ["display", "cyan", "bgColor", "emphasis"] }, - "button-danger-fgColor-active": { - "value": "#ffffff", + "display-cyan-fgColor": { + "value": "#006a80", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4368,10 +4142,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4382,101 +4156,99 @@ } } }, - "name": "button-danger-fgColor-active", + "name": "display-cyan-fgColor", "attributes": {}, - "path": ["button", "danger", "fgColor", "active"] + "path": ["display", "cyan", "fgColor"] }, - "button-danger-fgColor-disabled": { - "value": "#d1242f80", + "display-cyan-borderColor-muted": { + "value": "#7ae9ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-danger-fgColor-disabled", + "name": "display-cyan-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "disabled"] + "path": ["display", "cyan", "borderColor", "muted"] }, - "button-danger-iconColor-rest": { - "value": "#d1242f", + "display-cyan-borderColor-emphasis": { + "value": "#007b94", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-iconColor-rest", + "name": "display-cyan-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "iconColor", "rest"] + "path": ["display", "cyan", "borderColor", "emphasis"] }, - "button-danger-iconColor-hover": { - "value": "#ffffff", + "display-indigo-bgColor-muted": { + "value": "#e5e9ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-hover", + "name": "display-indigo-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "iconColor", "hover"] + "path": ["display", "indigo", "bgColor", "muted"] }, - "button-danger-bgColor-rest": { - "value": "#f6f8fa", + "display-indigo-bgColor-emphasis": { + "value": "#5a61e7", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4486,10 +4258,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4500,277 +4272,244 @@ } } }, - "name": "button-danger-bgColor-rest", + "name": "display-indigo-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "rest"] + "path": ["display", "indigo", "bgColor", "emphasis"] }, - "button-danger-bgColor-hover": { - "value": "#a40e26", + "display-indigo-fgColor": { + "value": "#494edf", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-bgColor-hover", + "name": "display-indigo-fgColor", "attributes": {}, - "path": ["button", "danger", "bgColor", "hover"] + "path": ["display", "indigo", "fgColor"] }, - "button-danger-bgColor-active": { - "value": "#8b0820", + "display-indigo-borderColor-muted": { + "value": "#d2d7fe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#660018", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.red.8}", - "weight": 0.4 } }, - "name": "button-danger-bgColor-active", + "name": "display-indigo-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "active"] + "path": ["display", "indigo", "borderColor", "muted"] }, - "button-danger-bgColor-disabled": { - "value": "#f6f8fa", + "display-indigo-borderColor-emphasis": { + "value": "#5a61e7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-disabled", + "name": "display-indigo-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "disabled"] + "path": ["display", "indigo", "borderColor", "emphasis"] }, - "button-danger-borderColor-rest": { - "value": "#d0d7de", + "display-pink-bgColor-muted": { + "value": "#ffe5f1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-borderColor-rest", + "name": "display-pink-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "borderColor", "rest"] + "path": ["display", "pink", "bgColor", "muted"] }, - "button-danger-borderColor-hover": { - "value": "#1f232826", + "display-pink-bgColor-emphasis": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-danger-borderColor-hover", + "name": "display-pink-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "borderColor", "hover"] + "path": ["display", "pink", "bgColor", "emphasis"] }, - "button-danger-borderColor-active": { - "value": "#1f232826", + "display-pink-fgColor": { + "value": "#b12f79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.danger.borderColor.hover}", + "value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-borderColor-active", - "attributes": {}, - "path": ["button", "danger", "borderColor", "active"] - }, - "button-danger-shadow-selected": { - "value": "inset 0px 1px 0px 0px #4c001433", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.red.9}", - "alpha": 0.2, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-danger-shadow-selected", + "name": "display-pink-fgColor", "attributes": {}, - "path": ["button", "danger", "shadow", "selected"] + "path": ["display", "pink", "fgColor"] }, - "button-inactive-fgColor-rest": { - "value": "#57606a", + "display-pink-borderColor-muted": { + "value": "#fdc9e2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-fgColor-rest", + "name": "display-pink-borderColor-muted", "attributes": {}, - "path": ["button", "inactive", "fgColor", "rest"] + "path": ["display", "pink", "borderColor", "muted"] }, - "button-inactive-bgColor-rest": { - "value": "#eaeef2", + "display-pink-borderColor-emphasis": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-bgColor-rest", + "name": "display-pink-borderColor-emphasis", "attributes": {}, - "path": ["button", "inactive", "bgColor", "rest"] + "path": ["display", "pink", "borderColor", "emphasis"] }, - "buttonCounter-default-bgColor-rest": { - "value": "#afb8c133", + "avatar-bgColor": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4783,7 +4522,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.neutral.muted}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4794,72 +4533,79 @@ } } }, - "name": "buttonCounter-default-bgColor-rest", + "name": "avatar-bgColor", "attributes": {}, - "path": ["buttonCounter", "default", "bgColor", "rest"] + "path": ["avatar", "bgColor"] }, - "buttonCounter-invisible-bgColor-rest": { - "value": "#afb8c133", + "avatar-borderColor": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, + "alpha": 0.15, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.neutral.muted}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "buttonCounter-invisible-bgColor-rest", + "name": "avatar-borderColor", "attributes": {}, - "path": ["buttonCounter", "invisible", "bgColor", "rest"] + "path": ["avatar", "borderColor"] }, - "buttonCounter-primary-bgColor-rest": { - "value": "#002d1133", - "$type": "color", + "avatar-shadow": { + "value": "0px 0px 0px 2px #ffffffcc", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component shadow" } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", - "$type": "color", + "value": [ + { + "color": "{base.color.white}", + "alpha": 0.8, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "2px" + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component shadow" } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-primary-bgColor-rest", + "name": "avatar-shadow", "attributes": {}, - "path": ["buttonCounter", "primary", "bgColor", "rest"] + "path": ["avatar", "shadow"] }, - "buttonCounter-outline-bgColor-rest": { - "value": "#0969da1a", + "avatarStack-fade-bgColor-default": { + "value": "#afb8c1", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4869,11 +4615,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.1, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4882,15 +4627,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "buttonCounter-outline-bgColor-rest", + "name": "avatarStack-fade-bgColor-default", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "default"] }, - "buttonCounter-outline-bgColor-hover": { - "value": "#ffffff33", + "avatarStack-fade-bgColor-muted": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4900,11 +4644,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4913,5697 +4656,11816 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-hover", + "name": "avatarStack-fade-bgColor-muted", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "hover"] + "path": ["avatarStack", "fade", "bgColor", "muted"] }, - "buttonCounter-outline-bgColor-disabled": { - "value": "#0969da0d", + "control-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-outline-bgColor-disabled", + "name": "control-bgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "disabled"] + "path": ["control", "bgColor", "rest"] }, - "buttonCounter-outline-fgColor-rest": { - "value": "#0550ae", + "control-bgColor-hover": { + "value": "#eef1f4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "mix": { + "color": "#d0d7de", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.2}", + "weight": 0.2 } }, - "name": "buttonCounter-outline-fgColor-rest", + "name": "control-bgColor-hover", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "rest"] + "path": ["control", "bgColor", "hover"] }, - "buttonCounter-outline-fgColor-hover": { - "value": "#ffffff", + "control-bgColor-active": { + "value": "#e7ebef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "mix": { + "color": "#d0d7de", + "weight": 0.4 + }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.2}", + "weight": 0.4 } }, - "name": "buttonCounter-outline-fgColor-hover", + "name": "control-bgColor-active", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "hover"] + "path": ["control", "bgColor", "active"] }, - "buttonCounter-outline-fgColor-disabled": { - "value": "#0969da80", + "control-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-outline-fgColor-disabled", + "name": "control-bgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "disabled"] + "path": ["control", "bgColor", "disabled"] }, - "buttonCounter-danger-bgColor-hover": { - "value": "#ffffff33", + "control-bgColor-selected": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-hover", + "name": "control-bgColor-selected", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "hover"] + "path": ["control", "bgColor", "selected"] }, - "buttonCounter-danger-bgColor-disabled": { - "value": "#cf222e0d", + "control-fgColor-rest": { + "value": "#24292f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-danger-bgColor-disabled", + "name": "control-fgColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "disabled"] + "path": ["control", "fgColor", "rest"] }, - "buttonCounter-danger-bgColor-rest": { - "value": "#cf222e1a", + "control-fgColor-placeholder": { + "value": "#6e7781", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.1, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "buttonCounter-danger-bgColor-rest", + "name": "control-fgColor-placeholder", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "rest"] + "path": ["control", "fgColor", "placeholder"] }, - "buttonCounter-danger-fgColor-rest": { - "value": "#c21c2c", + "control-fgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } }, - "mix": { - "color": "#a40e26", - "weight": 0.3 - }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.red.6}", - "weight": 0.3 } }, - "name": "buttonCounter-danger-fgColor-rest", + "name": "control-fgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "rest"] + "path": ["control", "fgColor", "disabled"] }, - "buttonCounter-danger-fgColor-hover": { - "value": "#ffffff", + "control-borderColor-rest": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "buttonCounter-danger-fgColor-hover", + "name": "control-borderColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "hover"] + "path": ["control", "borderColor", "rest"] }, - "buttonCounter-danger-fgColor-disabled": { - "value": "#d1242f80", + "control-borderColor-emphasis": { + "value": "#868f99", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5, + "mix": { + "color": "#6e7781", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 + } }, - "name": "buttonCounter-danger-fgColor-disabled", + "name": "control-borderColor-emphasis", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "disabled"] + "path": ["control", "borderColor", "emphasis"] }, - "focus-outlineColor": { - "value": "#0969da", + "control-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.accent.emphasis}", + "value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "focus-outlineColor", - "attributes": {}, - "path": ["focus", "outlineColor"] - }, - "focus-outline": { - "value": "#0969da solid 2px", - "$type": "border", - "filePath": "src/tokens/functional/border/light.json5", - "isSource": true, - "original": { - "value": { - "color": "{focus.outlineColor}", - "style": "solid", - "width": "2px" - }, - "$type": "border" - }, - "name": "focus-outline", + "name": "control-borderColor-disabled", "attributes": {}, - "path": ["focus", "outline"] + "path": ["control", "borderColor", "disabled"] }, - "menu-bgColor-active": { - "value": "#ffffff00", + "control-borderColor-selected": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "menu-bgColor-active", + "name": "control-borderColor-selected", "attributes": {}, - "path": ["menu", "bgColor", "active"] + "path": ["control", "borderColor", "selected"] }, - "overlay-bgColor": { - "value": "#ffffff", + "control-borderColor-success": { + "value": "#218bff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "overlay-bgColor", + "name": "control-borderColor-success", "attributes": {}, - "path": ["overlay", "bgColor"] + "path": ["control", "borderColor", "success"] }, - "overlay-backdrop-bgColor": { - "value": "#8c959f33", + "control-borderColor-danger": { + "value": "#cf222e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "overlay-backdrop-bgColor", + "name": "control-borderColor-danger", "attributes": {}, - "path": ["overlay", "backdrop", "bgColor"] + "path": ["control", "borderColor", "danger"] }, - "selectMenu-borderColor": { - "value": "#ffffff00", + "control-borderColor-warning": { + "value": "#bf8700", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "selectMenu-borderColor", + "name": "control-borderColor-warning", "attributes": {}, - "path": ["selectMenu", "borderColor"] + "path": ["control", "borderColor", "warning"] }, - "selectMenu-bgColor-active": { - "value": "#b6e3ff", + "control-iconColor-rest": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "selectMenu-bgColor-active", + "name": "control-iconColor-rest", "attributes": {}, - "path": ["selectMenu", "bgColor", "active"] + "path": ["control", "iconColor", "rest"] }, - "sideNav-bgColor-selected": { - "value": "#ffffff", + "control-transparent-bgColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "sideNav-bgColor-selected", + "name": "control-transparent-bgColor-rest", "attributes": {}, - "path": ["sideNav", "bgColor", "selected"] + "path": ["control", "transparent", "bgColor", "rest"] }, - "skeletonLoader-bgColor": { - "value": "#f6f8fa", - "$type": "color", - "filePath": "src/tokens/functional/color/light/patterns-light.json5", - "isSource": true, - "original": { - "value": "{bgColor.muted}", - "$type": "color" - }, - "name": "skeletonLoader-bgColor", - "attributes": {}, - "path": ["skeletonLoader", "bgColor"] - }, - "timelineBadge-bgColor": { - "value": "#eaeef2", + "control-transparent-bgColor-hover": { + "value": "#d0d7de33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "timelineBadge-bgColor", + "name": "control-transparent-bgColor-hover", "attributes": {}, - "path": ["timelineBadge", "bgColor"] + "path": ["control", "transparent", "bgColor", "hover"] }, - "treeViewItem-leadingVisual-iconColor-rest": { - "value": "#54aeff", + "control-transparent-bgColor-active": { + "value": "#d0d7de66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.4, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "treeViewItem-leadingVisual-iconColor-rest", + "name": "control-transparent-bgColor-active", "attributes": {}, - "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] + "path": ["control", "transparent", "bgColor", "active"] }, - "underlineNav-borderColor-active": { - "value": "#fd8c73", + "control-transparent-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "underlineNav-borderColor-active", + "name": "control-transparent-bgColor-disabled", "attributes": {}, - "path": ["underlineNav", "borderColor", "active"] + "path": ["control", "transparent", "bgColor", "disabled"] }, - "underlineNav-borderColor-hover": { - "value": "#afb8c133", + "control-transparent-bgColor-selected": { + "value": "#d0d7de33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.neutral.muted}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "underlineNav-borderColor-hover", + "name": "control-transparent-bgColor-selected", "attributes": {}, - "path": ["underlineNav", "borderColor", "hover"] + "path": ["control", "transparent", "bgColor", "selected"] }, - "underlineNav-iconColor-rest": { - "value": "#636c76", + "control-transparent-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "underlineNav-iconColor-rest", + "name": "control-transparent-borderColor-rest", "attributes": {}, - "path": ["underlineNav", "iconColor", "rest"] + "path": ["control", "transparent", "borderColor", "rest"] }, - "fgColor-default": { - "value": "#1f2328", + "control-transparent-borderColor-hover": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-default", + "name": "control-transparent-borderColor-hover", "attributes": {}, - "path": ["fgColor", "default"] + "path": ["control", "transparent", "borderColor", "hover"] }, - "fgColor-muted": { - "value": "#636c76", + "control-transparent-borderColor-active": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#6e7781", - "weight": 0.5 - }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.5 } }, - "name": "fgColor-muted", + "name": "control-transparent-borderColor-active", "attributes": {}, - "path": ["fgColor", "muted"] + "path": ["control", "transparent", "borderColor", "active"] }, - "fgColor-onEmphasis": { - "value": "#ffffff", + "control-danger-fgColor-rest": { + "value": "#d1242f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-onEmphasis", + "name": "control-danger-fgColor-rest", "attributes": {}, - "path": ["fgColor", "onEmphasis"] + "path": ["control", "danger", "fgColor", "rest"] }, - "fgColor-disabled": { - "value": "#8c959f", + "control-danger-fgColor-hover": { + "value": "#d1242f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component", "scopes": ["fgColor"] } } }, - "name": "fgColor-disabled", + "name": "control-danger-fgColor-hover", "attributes": {}, - "path": ["fgColor", "disabled"] + "path": ["control", "danger", "fgColor", "hover"] }, - "fgColor-link": { - "value": "#0969da", + "control-danger-bgColor-hover": { + "value": "#ffebe9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-link", + "name": "control-danger-bgColor-hover", "attributes": {}, - "path": ["fgColor", "link", "@"] + "path": ["control", "danger", "bgColor", "hover"] }, - "fgColor-neutral": { - "value": "#6e7781", + "control-danger-bgColor-active": { + "value": "#ffebe966", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "fgColor-neutral", + "name": "control-danger-bgColor-active", "attributes": {}, - "path": ["fgColor", "neutral", "@"] + "path": ["control", "danger", "bgColor", "active"] }, - "fgColor-accent": { + "control-checked-bgColor-rest": { "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-accent", + "name": "control-checked-bgColor-rest", "attributes": {}, - "path": ["fgColor", "accent", "@"] + "path": ["control", "checked", "bgColor", "rest"] }, - "fgColor-success": { - "value": "#0969da", + "control-checked-bgColor-hover": { + "value": "#0860ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "mix": { + "color": "#033d8b", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.2 } }, - "name": "fgColor-success", + "name": "control-checked-bgColor-hover", "attributes": {}, - "path": ["fgColor", "success", "@"] + "path": ["control", "checked", "bgColor", "hover"] }, - "fgColor-attention": { - "value": "#9a6700", + "control-checked-bgColor-active": { + "value": "#0757ba", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "fgColor-attention", + "name": "control-checked-bgColor-active", "attributes": {}, - "path": ["fgColor", "attention", "@"] + "path": ["control", "checked", "bgColor", "active"] }, - "fgColor-severe": { - "value": "#cf222e", + "control-checked-bgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-severe", + "name": "control-checked-bgColor-disabled", "attributes": {}, - "path": ["fgColor", "severe", "@"] + "path": ["control", "checked", "bgColor", "disabled"] }, - "fgColor-danger": { - "value": "#d1242f", + "control-checked-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#fa4549", - "weight": 0.05 - }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.red.4}", - "weight": 0.05 } }, - "name": "fgColor-danger", + "name": "control-checked-fgColor-rest", "attributes": {}, - "path": ["fgColor", "danger", "@"] + "path": ["control", "checked", "fgColor", "rest"] }, - "fgColor-open": { - "value": "#cf222e", + "control-checked-fgColor-disabled": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-open", + "name": "control-checked-fgColor-disabled", "attributes": {}, - "path": ["fgColor", "open", "@"] + "path": ["control", "checked", "fgColor", "disabled"] }, - "fgColor-closed": { - "value": "#6e7781", + "control-checked-borderColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-closed", + "name": "control-checked-borderColor-rest", "attributes": {}, - "path": ["fgColor", "closed", "@"] + "path": ["control", "checked", "borderColor", "rest"] }, - "fgColor-done": { - "value": "#8250df", + "control-checked-borderColor-hover": { + "value": "#0860ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.2 } }, - "name": "fgColor-done", + "name": "control-checked-borderColor-hover", "attributes": {}, - "path": ["fgColor", "done", "@"] + "path": ["control", "checked", "borderColor", "hover"] }, - "fgColor-sponsors": { - "value": "#bf3989", + "control-checked-borderColor-active": { + "value": "#0757ba", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component", + "scopes": ["borderColor"] } - } - }, - "name": "fgColor-sponsors", + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 + } + }, + "name": "control-checked-borderColor-active", "attributes": {}, - "path": ["fgColor", "sponsors", "@"] + "path": ["control", "checked", "borderColor", "active"] }, - "bgColor-default": { - "value": "#ffffff", + "control-checked-borderColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "bgColor-default", + "name": "control-checked-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "default"] + "path": ["control", "checked", "borderColor", "disabled"] }, - "bgColor-muted": { - "value": "#f6f8fa", + "controlTrack-bgColor-rest": { + "value": "#eaeef2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-muted", + "name": "controlTrack-bgColor-rest", "attributes": {}, - "path": ["bgColor", "muted"] + "path": ["controlTrack", "bgColor", "rest"] }, - "bgColor-inset": { - "value": "#f6f8fa", + "controlTrack-bgColor-hover": { + "value": "#dee3e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#afb8c1", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.2 } }, - "name": "bgColor-inset", + "name": "controlTrack-bgColor-hover", "attributes": {}, - "path": ["bgColor", "inset"] + "path": ["controlTrack", "bgColor", "hover"] }, - "bgColor-emphasis": { - "value": "#24292f", + "controlTrack-bgColor-active": { + "value": "#d2d8de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#afb8c1", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.4 } }, - "name": "bgColor-emphasis", + "name": "controlTrack-bgColor-active", "attributes": {}, - "path": ["bgColor", "emphasis"] + "path": ["controlTrack", "bgColor", "active"] }, - "bgColor-inverse": { - "value": "#24292f", + "controlTrack-bgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "bgColor-inverse", + "name": "controlTrack-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "inverse"] + "path": ["controlTrack", "bgColor", "disabled"] }, - "bgColor-disabled": { - "value": "#f6f8fa", + "controlTrack-fgColor-rest": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-disabled", + "name": "controlTrack-fgColor-rest", "attributes": {}, - "path": ["bgColor", "disabled"] + "path": ["controlTrack", "fgColor", "rest"] }, - "bgColor-transparent": { - "value": "#ffffff00", + "controlTrack-fgColor-disabled": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-transparent", + "name": "controlTrack-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "transparent"] + "path": ["controlTrack", "fgColor", "disabled"] }, - "bgColor-neutral-muted": { - "value": "#afb8c133", + "controlTrack-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "bgColor-neutral-muted", + "name": "controlTrack-borderColor-rest", "attributes": {}, - "path": ["bgColor", "neutral", "muted"] + "path": ["controlTrack", "borderColor", "rest"] }, - "bgColor-neutral-emphasis": { - "value": "#6e7781", + "controlTrack-borderColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-neutral-emphasis", + "name": "controlTrack-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "neutral", "emphasis"] + "path": ["controlTrack", "borderColor", "disabled"] }, - "bgColor-accent-muted": { - "value": "#ddf4ff", + "controlKnob-bgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-accent-muted", + "name": "controlKnob-bgColor-rest", "attributes": {}, - "path": ["bgColor", "accent", "muted"] + "path": ["controlKnob", "bgColor", "rest"] }, - "bgColor-accent-emphasis": { - "value": "#0969da", + "controlKnob-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-accent-emphasis", + "name": "controlKnob-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "accent", "emphasis"] + "path": ["controlKnob", "bgColor", "disabled"] }, - "bgColor-success-muted": { - "value": "#ddf4ff", + "controlKnob-bgColor-checked": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-success-muted", + "name": "controlKnob-bgColor-checked", "attributes": {}, - "path": ["bgColor", "success", "muted"] + "path": ["controlKnob", "bgColor", "checked"] }, - "bgColor-success-emphasis": { - "value": "#0f72e3", + "controlKnob-borderColor-rest": { + "value": "#868f99", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#0969da", - "weight": 0.75 - }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{control.borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.5}", - "weight": 0.75 } }, - "name": "bgColor-success-emphasis", + "name": "controlKnob-borderColor-rest", "attributes": {}, - "path": ["bgColor", "success", "emphasis"] + "path": ["controlKnob", "borderColor", "rest"] }, - "bgColor-attention-muted": { - "value": "#fff8c5", + "controlKnob-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-attention-muted", + "name": "controlKnob-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "attention", "muted"] + "path": ["controlKnob", "borderColor", "disabled"] }, - "bgColor-attention-emphasis": { - "value": "#9a6700", + "controlKnob-borderColor-checked": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-attention-emphasis", + "name": "controlKnob-borderColor-checked", "attributes": {}, - "path": ["bgColor", "attention", "emphasis"] + "path": ["controlKnob", "borderColor", "checked"] }, - "bgColor-severe-muted": { - "value": "#ffebe9", + "counter-borderColor": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-severe-muted", + "name": "counter-borderColor", "attributes": {}, - "path": ["bgColor", "severe", "muted"] + "path": ["counter", "borderColor"] }, - "bgColor-severe-emphasis": { - "value": "#cf222e", + "button-default-fgColor-rest": { + "value": "#24292f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-severe-emphasis", + "name": "button-default-fgColor-rest", "attributes": {}, - "path": ["bgColor", "severe", "emphasis"] + "path": ["button", "default", "fgColor", "rest"] }, - "bgColor-danger-muted": { - "value": "#ffebe9", + "button-default-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-muted", + "name": "button-default-bgColor-rest", "attributes": {}, - "path": ["bgColor", "danger", "muted"] + "path": ["button", "default", "bgColor", "rest"] }, - "bgColor-danger-emphasis": { - "value": "#cf222e", + "button-default-bgColor-hover": { + "value": "#eef1f4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-emphasis", + "name": "button-default-bgColor-hover", "attributes": {}, - "path": ["bgColor", "danger", "emphasis"] + "path": ["button", "default", "bgColor", "hover"] }, - "bgColor-open-muted": { - "value": "#ffebe9", + "button-default-bgColor-active": { + "value": "#e7ebef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-open-muted", + "name": "button-default-bgColor-active", "attributes": {}, - "path": ["bgColor", "open", "muted"] + "path": ["button", "default", "bgColor", "active"] }, - "bgColor-open-emphasis": { - "value": "#cf222e", + "button-default-bgColor-selected": { + "value": "#e7ebef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-open-emphasis", + "name": "button-default-bgColor-selected", "attributes": {}, - "path": ["bgColor", "open", "emphasis"] + "path": ["button", "default", "bgColor", "selected"] }, - "bgColor-closed-muted": { - "value": "#f6f8fa", + "button-default-bgColor-disabled": { + "value": "#eaeef2b3", + "$type": "color", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{control.bgColor.disabled}", + "$type": "color" + }, + "name": "button-default-bgColor-disabled", + "attributes": {}, + "path": ["button", "default", "bgColor", "disabled"] + }, + "button-default-borderColor-rest": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-muted", + "name": "button-default-borderColor-rest", "attributes": {}, - "path": ["bgColor", "closed", "muted"] + "path": ["button", "default", "borderColor", "rest"] }, - "bgColor-closed-emphasis": { - "value": "#6e7781", + "button-default-borderColor-hover": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-emphasis", + "name": "button-default-borderColor-hover", "attributes": {}, - "path": ["bgColor", "closed", "emphasis"] + "path": ["button", "default", "borderColor", "hover"] }, - "bgColor-done-muted": { - "value": "#fbefff", + "button-default-borderColor-active": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-done-muted", + "name": "button-default-borderColor-active", "attributes": {}, - "path": ["bgColor", "done", "muted"] + "path": ["button", "default", "borderColor", "active"] }, - "bgColor-done-emphasis": { - "value": "#8250df", + "button-default-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-done-emphasis", + "name": "button-default-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "done", "emphasis"] + "path": ["button", "default", "borderColor", "disabled"] }, - "bgColor-sponsors-muted": { - "value": "#ffeff7", - "$type": "color", + "button-default-shadow-resting": { + "value": "0px 1px 0px 0px #1f23280a", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", - "$type": "color", + "value": [ + { + "color": "{base.color.black}", + "alpha": 0.04, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component shadow" } } }, - "name": "bgColor-sponsors-muted", + "name": "button-default-shadow-resting", "attributes": {}, - "path": ["bgColor", "sponsors", "muted"] + "path": ["button", "default", "shadow", "resting"] }, - "bgColor-sponsors-emphasis": { - "value": "#bf3989", + "button-primary-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-sponsors-emphasis", + "name": "button-primary-fgColor-rest", "attributes": {}, - "path": ["bgColor", "sponsors", "emphasis"] + "path": ["button", "primary", "fgColor", "rest"] }, - "borderColor-default": { - "value": "#d0d7de", + "button-primary-fgColor-disabled": { + "value": "#ffffffcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.8, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.8 }, - "name": "borderColor-default", + "name": "button-primary-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "default"] + "path": ["button", "primary", "fgColor", "disabled"] }, - "borderColor-muted": { - "value": "#d0d7de80", + "button-primary-iconColor-rest": { + "value": "#ffffffcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.8, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.5 + "alpha": 0.8 }, - "name": "borderColor-muted", + "name": "button-primary-iconColor-rest", "attributes": {}, - "path": ["borderColor", "muted"] + "path": ["button", "primary", "iconColor", "rest"] }, - "borderColor-emphasis": { - "value": "#6e7781", + "button-primary-bgColor-rest": { + "value": "#0f72e3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-emphasis", + "name": "button-primary-bgColor-rest", "attributes": {}, - "path": ["borderColor", "emphasis"] + "path": ["button", "primary", "bgColor", "rest"] }, - "borderColor-disabled": { - "value": "#f6f8fa", + "button-primary-bgColor-hover": { + "value": "#0d6bd8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#0550ae", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.6}", + "weight": 0.2 } }, - "name": "borderColor-disabled", + "name": "button-primary-bgColor-hover", "attributes": {}, - "path": ["borderColor", "disabled"] + "path": ["button", "primary", "bgColor", "hover"] }, - "borderColor-transparent": { - "value": "#ffffff00", + "button-primary-bgColor-active": { + "value": "#0b64ce", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#0550ae", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.6}", + "weight": 0.4 } }, - "name": "borderColor-transparent", + "name": "button-primary-bgColor-active", "attributes": {}, - "path": ["borderColor", "transparent"] + "path": ["button", "primary", "bgColor", "active"] }, - "borderColor-neutral-muted": { - "value": "#afb8c133", + "button-primary-bgColor-disabled": { + "value": "#92caff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#ddf4ff", + "weight": 0.6 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.2 + "mix": { + "color": "{base.color.blue.0}", + "weight": 0.6 + } }, - "name": "borderColor-neutral-muted", + "name": "button-primary-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "neutral", "muted"] + "path": ["button", "primary", "bgColor", "disabled"] }, - "borderColor-neutral-emphasis": { - "value": "#6e7781", + "button-primary-borderColor-rest": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "borderColor-neutral-emphasis", + "name": "button-primary-borderColor-rest", "attributes": {}, - "path": ["borderColor", "neutral", "emphasis"] + "path": ["button", "primary", "borderColor", "rest"] }, - "borderColor-accent-muted": { - "value": "#54aeff66", + "button-primary-borderColor-hover": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-accent-muted", + "name": "button-primary-borderColor-hover", "attributes": {}, - "path": ["borderColor", "accent", "muted"] + "path": ["button", "primary", "borderColor", "hover"] }, - "borderColor-accent-emphasis": { - "value": "#0969da", + "button-primary-borderColor-active": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-accent-emphasis", + "name": "button-primary-borderColor-active", "attributes": {}, - "path": ["borderColor", "accent", "emphasis"] + "path": ["button", "primary", "borderColor", "active"] }, - "borderColor-success-muted": { - "value": "#54aeff66", + "button-primary-borderColor-disabled": { + "value": "#92caff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{button.primary.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-success-muted", + "name": "button-primary-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "success", "muted"] + "path": ["button", "primary", "borderColor", "disabled"] }, - "borderColor-success-emphasis": { - "value": "#218bff", - "$type": "color", + "button-primary-shadow-selected": { + "value": "inset 0px 1px 0px 0px #0021554d", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component shadow" } }, "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", - "$type": "color", + "value": [ + { + "color": "{base.color.blue.9}", + "alpha": 0.3, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component shadow" } } }, - "name": "borderColor-success-emphasis", + "name": "button-primary-shadow-selected", "attributes": {}, - "path": ["borderColor", "success", "emphasis"] + "path": ["button", "primary", "shadow", "selected"] }, - "borderColor-attention-muted": { - "value": "#d4a72c66", + "button-invisible-fgColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } - } + "group": "component (internal)", + "scopes": ["fgColor"] + } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-attention-muted", + "name": "button-invisible-fgColor-rest", "attributes": {}, - "path": ["borderColor", "attention", "muted"] + "path": ["button", "invisible", "fgColor", "rest"] }, - "borderColor-attention-emphasis": { - "value": "#bf8700", + "button-invisible-fgColor-hover": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-attention-emphasis", + "name": "button-invisible-fgColor-hover", "attributes": {}, - "path": ["borderColor", "attention", "emphasis"] + "path": ["button", "invisible", "fgColor", "hover"] }, - "borderColor-severe-muted": { - "value": "#ff818266", + "button-invisible-fgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-severe-muted", + "name": "button-invisible-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "severe", "muted"] + "path": ["button", "invisible", "fgColor", "disabled"] }, - "borderColor-severe-emphasis": { - "value": "#cf222e", + "button-invisible-iconColor-rest": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-severe-emphasis", + "name": "button-invisible-iconColor-rest", "attributes": {}, - "path": ["borderColor", "severe", "emphasis"] + "path": ["button", "invisible", "iconColor", "rest"] }, - "borderColor-danger-muted": { - "value": "#ff818266", + "button-invisible-iconColor-hover": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-danger-muted", + "name": "button-invisible-iconColor-hover", "attributes": {}, - "path": ["borderColor", "danger", "muted"] + "path": ["button", "invisible", "iconColor", "hover"] }, - "borderColor-danger-emphasis": { - "value": "#cf222e", + "button-invisible-iconColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-danger-emphasis", + "name": "button-invisible-iconColor-disabled", "attributes": {}, - "path": ["borderColor", "danger", "emphasis"] + "path": ["button", "invisible", "iconColor", "disabled"] }, - "borderColor-open-muted": { - "value": "#ff818266", + "button-invisible-bgColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, - "alpha": 0.4, "original": { - "value": "{base.color.red.3}", + "value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-open-muted", + "name": "button-invisible-bgColor-rest", "attributes": {}, - "path": ["borderColor", "open", "muted"] + "path": ["button", "invisible", "bgColor", "rest"] }, - "borderColor-open-emphasis": { - "value": "#cf222e", + "button-invisible-bgColor-hover": { + "value": "#d0d7de33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-emphasis", + "name": "button-invisible-bgColor-hover", "attributes": {}, - "path": ["borderColor", "open", "emphasis"] + "path": ["button", "invisible", "bgColor", "hover"] }, - "borderColor-closed-muted": { - "value": "#afb8c166", + "button-invisible-bgColor-active": { + "value": "#d0d7de66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{control.transparent.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-closed-muted", + "name": "button-invisible-bgColor-active", "attributes": {}, - "path": ["borderColor", "closed", "muted"] + "path": ["button", "invisible", "bgColor", "active"] }, - "borderColor-closed-emphasis": { - "value": "#6e7781", + "button-invisible-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{control.transparent.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-closed-emphasis", + "name": "button-invisible-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "closed", "emphasis"] + "path": ["button", "invisible", "bgColor", "disabled"] }, - "borderColor-done-muted": { - "value": "#c297ff66", + "button-invisible-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-done-muted", + "name": "button-invisible-borderColor-rest", "attributes": {}, - "path": ["borderColor", "done", "muted"] + "path": ["button", "invisible", "borderColor", "rest"] }, - "borderColor-done-emphasis": { - "value": "#8250df", + "button-invisible-borderColor-hover": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-done-emphasis", + "name": "button-invisible-borderColor-hover", "attributes": {}, - "path": ["borderColor", "done", "emphasis"] + "path": ["button", "invisible", "borderColor", "hover"] }, - "borderColor-sponsors-muted": { - "value": "#ff80c866", + "button-invisible-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-sponsors-muted", + "name": "button-invisible-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "sponsors", "muted"] + "path": ["button", "invisible", "borderColor", "disabled"] }, - "borderColor-sponsors-emphasis": { - "value": "#bf3989", + "button-outline-fgColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-sponsors-emphasis", + "name": "button-outline-fgColor-rest", "attributes": {}, - "path": ["borderColor", "sponsors", "emphasis"] + "path": ["button", "outline", "fgColor", "rest"] }, - "color-ansi-black": { - "value": "#24292f", + "button-outline-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black", + "name": "button-outline-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "black"] + "path": ["button", "outline", "fgColor", "hover"] }, - "color-ansi-black-bright": { - "value": "#57606a", + "button-outline-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black-bright", + "name": "button-outline-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "black-bright"] + "path": ["button", "outline", "fgColor", "active"] }, - "color-ansi-white": { - "value": "#6e7781", + "button-outline-fgColor-disabled": { + "value": "#0969da80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-white", + "name": "button-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "white"] + "path": ["button", "outline", "fgColor", "disabled"] }, - "color-ansi-white-bright": { - "value": "#8c959f", + "button-outline-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white-bright", + "name": "button-outline-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "white-bright"] + "path": ["button", "outline", "bgColor", "rest"] }, - "color-ansi-gray": { - "value": "#6e7781", + "button-outline-bgColor-hover": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-gray", + "name": "button-outline-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "gray"] + "path": ["button", "outline", "bgColor", "hover"] }, - "color-ansi-red": { - "value": "#cf222e", + "button-outline-bgColor-active": { + "value": "#0757ba", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "color-ansi-red", + "name": "button-outline-bgColor-active", "attributes": {}, - "path": ["color", "ansi", "red"] + "path": ["button", "outline", "bgColor", "active"] }, - "color-ansi-red-bright": { - "value": "#a40e26", + "button-outline-bgColor-disabled": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-red-bright", + "name": "button-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "red-bright"] + "path": ["button", "outline", "bgColor", "disabled"] }, - "color-ansi-green": { - "value": "#0550ae", + "button-outline-borderColor-hover": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-ansi-green", + "name": "button-outline-borderColor-hover", "attributes": {}, - "path": ["color", "ansi", "green"] + "path": ["button", "outline", "borderColor", "hover"] }, - "color-ansi-green-bright": { - "value": "#0969da", + "button-outline-borderColor-active": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-ansi-green-bright", + "name": "button-outline-borderColor-active", "attributes": {}, - "path": ["color", "ansi", "green-bright"] + "path": ["button", "outline", "borderColor", "active"] }, - "color-ansi-yellow": { - "value": "#4d2d00", - "$type": "color", + "button-outline-shadow-selected": { + "value": "inset 0px 1px 0px 0px #00215533", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", - "$type": "color", + "value": [ + { + "color": "{base.color.blue.9}", + "alpha": 0.2, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } } }, - "name": "color-ansi-yellow", + "name": "button-outline-shadow-selected", "attributes": {}, - "path": ["color", "ansi", "yellow"] + "path": ["button", "outline", "shadow", "selected"] }, - "color-ansi-yellow-bright": { - "value": "#633c01", + "button-danger-fgColor-rest": { + "value": "#d1242f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow-bright", + "name": "button-danger-fgColor-rest", "attributes": {}, - "path": ["color", "ansi", "yellow-bright"] + "path": ["button", "danger", "fgColor", "rest"] }, - "color-ansi-blue": { - "value": "#0969da", + "button-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue", + "name": "button-danger-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "blue"] + "path": ["button", "danger", "fgColor", "hover"] }, - "color-ansi-blue-bright": { - "value": "#218bff", + "button-danger-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue-bright", + "name": "button-danger-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "blue-bright"] + "path": ["button", "danger", "fgColor", "active"] }, - "color-ansi-magenta": { - "value": "#8250df", + "button-danger-fgColor-disabled": { + "value": "#d1242f80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-magenta", + "name": "button-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "magenta"] + "path": ["button", "danger", "fgColor", "disabled"] }, - "color-ansi-magenta-bright": { - "value": "#a475f9", + "button-danger-iconColor-rest": { + "value": "#d1242f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta-bright", + "name": "button-danger-iconColor-rest", "attributes": {}, - "path": ["color", "ansi", "magenta-bright"] + "path": ["button", "danger", "iconColor", "rest"] }, - "color-ansi-cyan": { - "value": "#1b7c83", + "button-danger-iconColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "#1b7c83", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-cyan", + "name": "button-danger-iconColor-hover", "attributes": {}, - "path": ["color", "ansi", "cyan"] + "path": ["button", "danger", "iconColor", "hover"] }, - "color-ansi-cyan-bright": { - "value": "#3192aa", + "button-danger-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "#3192aa", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan-bright", + "name": "button-danger-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "cyan-bright"] + "path": ["button", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-comment": { - "value": "#57606a", + "button-danger-bgColor-hover": { + "value": "#a40e26", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-comment", + "name": "button-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "comment"] + "path": ["button", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-constant": { - "value": "#0550ae", + "button-danger-bgColor-active": { + "value": "#8b0820", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#660018", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.red.8}", + "weight": 0.4 } }, - "name": "color-prettylights-syntax-constant", + "name": "button-danger-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant"] + "path": ["button", "danger", "bgColor", "active"] }, - "color-prettylights-syntax-constant-other-reference-link": { - "value": "#0a3069", + "button-danger-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-constant-other-reference-link", + "name": "button-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + "path": ["button", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-entity": { - "value": "#6639ba", + "button-danger-borderColor-rest": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-entity", + "name": "button-danger-borderColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity"] + "path": ["button", "danger", "borderColor", "rest"] }, - "color-prettylights-syntax-storage-modifier-import": { - "value": "#24292f", + "button-danger-borderColor-hover": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-prettylights-syntax-storage-modifier-import", + "name": "button-danger-borderColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + "path": ["button", "danger", "borderColor", "hover"] }, - "color-prettylights-syntax-entity-tag": { - "value": "#0550ae", + "button-danger-borderColor-active": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-entity-tag", + "name": "button-danger-borderColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity-tag"] + "path": ["button", "danger", "borderColor", "active"] }, - "color-prettylights-syntax-keyword": { - "value": "#cf222e", - "$type": "color", + "button-danger-shadow-selected": { + "value": "inset 0px 1px 0px 0px #4c001433", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", - "$type": "color", + "value": [ + { + "color": "{base.color.red.9}", + "alpha": 0.2, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } } }, - "name": "color-prettylights-syntax-keyword", + "name": "button-danger-shadow-selected", "attributes": {}, - "path": ["color", "prettylights", "syntax", "keyword"] + "path": ["button", "danger", "shadow", "selected"] }, - "color-prettylights-syntax-string": { - "value": "#0a3069", + "button-inactive-fgColor": { + "value": "#57606a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-string", + "name": "button-inactive-fgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string"] + "path": ["button", "inactive", "fgColor"] }, - "color-prettylights-syntax-variable": { - "value": "#a40e26", + "button-inactive-bgColor": { + "value": "#eaeef2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-variable", + "name": "button-inactive-bgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "variable"] + "path": ["button", "inactive", "bgColor"] }, - "color-prettylights-syntax-brackethighlighter-unmatched": { - "value": "#82071e", + "button-star-iconColor": { + "value": "#eac54f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "name": "button-star-iconColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + "path": ["button", "star", "iconColor"] }, - "color-prettylights-syntax-brackethighlighter-angle": { - "value": "#57606a", + "buttonCounter-default-bgColor-rest": { + "value": "#afb8c133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-angle", + "name": "buttonCounter-default-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + "path": ["buttonCounter", "default", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-text": { - "value": "#f6f8fa", + "buttonCounter-invisible-bgColor-rest": { + "value": "#afb8c133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-invalid-illegal-text", + "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + "path": ["buttonCounter", "invisible", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-bg": { - "value": "#82071e", + "buttonCounter-primary-bgColor-rest": { + "value": "#002d1133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-bg", + "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + "path": ["buttonCounter", "primary", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-text": { - "value": "#f6f8fa", + "buttonCounter-outline-bgColor-rest": { + "value": "#0969da1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-carriage-return-text", + "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + "path": ["buttonCounter", "outline", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-bg": { - "value": "#cf222e", + "buttonCounter-outline-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-carriage-return-bg", + "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "hover"] }, - "color-prettylights-syntax-string-regexp": { - "value": "#0550ae", + "buttonCounter-outline-bgColor-disabled": { + "value": "#0969da0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-string-regexp", + "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string-regexp"] + "path": ["buttonCounter", "outline", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-list": { - "value": "#3b2300", + "buttonCounter-outline-fgColor-rest": { + "value": "#0550ae", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-list", + "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "list"] + "path": ["buttonCounter", "outline", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-heading": { - "value": "#0550ae", + "buttonCounter-outline-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-heading", + "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "heading"] + "path": ["buttonCounter", "outline", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-italic": { - "value": "#24292f", + "buttonCounter-outline-fgColor-disabled": { + "value": "#0969da80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-italic", + "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "italic"] + "path": ["buttonCounter", "outline", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-bold": { - "value": "#24292f", + "buttonCounter-danger-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-bold", + "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "bold"] + "path": ["buttonCounter", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-deleted-text": { - "value": "#82071e", + "buttonCounter-danger-bgColor-disabled": { + "value": "#cf222e0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-markup-deleted-text", + "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + "path": ["buttonCounter", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-deleted-bg": { - "value": "#ffebe9", + "buttonCounter-danger-bgColor-rest": { + "value": "#cf222e1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-markup-deleted-bg", + "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + "path": ["buttonCounter", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-text": { - "value": "#0550ae", + "buttonCounter-danger-fgColor-rest": { + "value": "#c21c2c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "mix": { + "color": "#a40e26", + "weight": 0.3 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } + }, + "mix": { + "color": "{base.color.red.6}", + "weight": 0.3 } }, - "name": "color-prettylights-syntax-markup-inserted-text", + "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + "path": ["buttonCounter", "danger", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-bg": { - "value": "#ddf4ff", + "buttonCounter-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-inserted-bg", + "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-changed-text": { - "value": "#a40e26", + "buttonCounter-danger-fgColor-disabled": { + "value": "#d1242f80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-changed-text", + "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] + "path": ["buttonCounter", "danger", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-changed-bg": { - "value": "#ffcecb", + "reactionButton-selected-bgColor-rest": { + "value": "#ddf4ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.1}", + "value": "{base.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-markup-changed-bg", + "name": "reactionButton-selected-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] + "path": ["reactionButton", "selected", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-ignored-text": { - "value": "#eaeef2", + "reactionButton-selected-bgColor-hover": { + "value": "#caecff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#80ccff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{reactionButton.selected.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.2 } }, - "name": "color-prettylights-syntax-markup-ignored-text", + "name": "reactionButton-selected-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] + "path": ["reactionButton", "selected", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-ignored-bg": { - "value": "#0550ae", + "reactionButton-selected-fgColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{fgColor.link.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-bg", + "name": "reactionButton-selected-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] + "path": ["reactionButton", "selected", "fgColor", "rest"] }, - "color-prettylights-syntax-meta-diff-range": { - "value": "#8250df", + "reactionButton-selected-fgColor-hover": { + "value": "#0550ae", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-meta-diff-range", + "name": "reactionButton-selected-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] + "path": ["reactionButton", "selected", "fgColor", "hover"] }, - "color-prettylights-syntax-sublimelinter-gutter-mark": { - "value": "#8c959f", + "focus-outlineColor": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{borderColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-sublimelinter-gutter-mark", + "name": "focus-outlineColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] + "path": ["focus", "outlineColor"] }, - "color-scale-black": { - "value": "#1f2328", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "focus-outline": { + "value": "#0969da solid 2px", + "$type": "border", + "filePath": "src/tokens/functional/border/light.json5", "isSource": true, "original": { - "value": "{base.color.black}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": { + "color": "{focus.outlineColor}", + "style": "solid", + "width": "2px" + }, + "$type": "border" }, - "name": "color-scale-black", + "name": "focus-outline", "attributes": {}, - "path": ["color", "scale", "black"] + "path": ["focus", "outline"] }, - "color-scale-transparent": { + "menu-bgColor-active": { "value": "#ffffff00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { "value": "{base.color.transparent}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-transparent", + "name": "menu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "transparent"] + "path": ["menu", "bgColor", "active"] }, - "color-scale-white": { + "overlay-bgColor": { "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { "value": "{base.color.white}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-white", + "name": "overlay-bgColor", "attributes": {}, - "path": ["color", "scale", "white"] + "path": ["overlay", "bgColor"] }, - "color-scale-gray-0": { - "value": "#f6f8fa", + "overlay-borderColor": { + "value": "#d0d7de80", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)" + } + }, + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{borderColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)" + } + }, + "alpha": 0.5 }, - "name": "color-scale-gray-0", + "name": "overlay-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "0"] + "path": ["overlay", "borderColor"] }, - "color-scale-gray-1": { - "value": "#eaeef2", + "overlay-backdrop-bgColor": { + "value": "#8c959f33", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "color-scale-gray-1", + "name": "overlay-backdrop-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "1"] + "path": ["overlay", "backdrop", "bgColor"] }, - "color-scale-gray-2": { - "value": "#d0d7de", + "selectMenu-borderColor": { + "value": "#ffffff00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.transparent}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-2", + "name": "selectMenu-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "2"] + "path": ["selectMenu", "borderColor"] }, - "color-scale-gray-3": { - "value": "#afb8c1", + "selectMenu-bgColor-active": { + "value": "#b6e3ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-3", + "name": "selectMenu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "3"] + "path": ["selectMenu", "bgColor", "active"] }, - "color-scale-gray-4": { - "value": "#8c959f", + "sideNav-bgColor-selected": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.white}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-4", + "name": "sideNav-bgColor-selected", "attributes": {}, - "path": ["color", "scale", "gray", "4"] + "path": ["sideNav", "bgColor", "selected"] }, - "color-scale-gray-5": { - "value": "#6e7781", + "skeletonLoader-bgColor": { + "value": "#f6f8fa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": "{bgColor.muted}", + "$type": "color" }, - "name": "color-scale-gray-5", + "name": "skeletonLoader-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "5"] + "path": ["skeletonLoader", "bgColor"] }, - "color-scale-gray-6": { - "value": "#57606a", + "timelineBadge-bgColor": { + "value": "#eaeef2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-6", + "name": "timelineBadge-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "6"] + "path": ["timelineBadge", "bgColor"] }, - "color-scale-gray-7": { - "value": "#424a53", + "treeViewItem-leadingVisual-iconColor-rest": { + "value": "#54aeff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.blue.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-7", + "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "7"] + "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] }, - "color-scale-gray-8": { - "value": "#32383f", + "underlineNav-borderColor-active": { + "value": "#fd8c73", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.coral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-8", + "name": "underlineNav-borderColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "8"] + "path": ["underlineNav", "borderColor", "active"] }, - "color-scale-gray-9": { - "value": "#24292f", + "underlineNav-borderColor-hover": { + "value": "#afb8c133", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{borderColor.neutral.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-9", + "name": "underlineNav-borderColor-hover", "attributes": {}, - "path": ["color", "scale", "gray", "9"] + "path": ["underlineNav", "borderColor", "hover"] }, - "color-scale-blue-0": { - "value": "#ddf4ff", + "underlineNav-iconColor-rest": { + "value": "#636c76", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-0", + "name": "underlineNav-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "0"] + "path": ["underlineNav", "iconColor", "rest"] }, - "color-scale-blue-1": { - "value": "#b6e3ff", + "selection-bgColor": { + "value": "#0969da33", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{bgColor.accent.emphasis}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "color-scale-blue-1", + "name": "selection-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "1"] + "path": ["selection", "bgColor"] }, - "color-scale-blue-2": { - "value": "#80ccff", + "card-bgColor": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{bgColor.default}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-2", + "name": "card-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "2"] + "path": ["card", "bgColor"] }, - "color-scale-blue-3": { - "value": "#54aeff", + "label-green-bgColor-rest": { + "value": "#caf7ca", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.display.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-3", + "name": "label-green-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "3"] + "path": ["label", "green", "bgColor", "rest"] }, - "color-scale-blue-4": { - "value": "#218bff", + "label-green-bgColor-hover": { + "value": "#9ceda0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-4", + "name": "label-green-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "4"] + "path": ["label", "green", "bgColor", "hover"] }, - "color-scale-blue-5": { - "value": "#0969da", + "label-green-bgColor-active": { + "value": "#54d961", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-5", + "name": "label-green-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "5"] + "path": ["label", "green", "bgColor", "active"] }, - "color-scale-blue-6": { - "value": "#0550ae", + "label-green-fgColor-rest": { + "value": "#2b6e3f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-6", + "name": "label-green-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "6"] + "path": ["label", "green", "fgColor", "rest"] }, - "color-scale-blue-7": { - "value": "#033d8b", + "label-green-fgColor-hover": { + "value": "#285c3b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.green.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-7", + "name": "label-green-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "7"] + "path": ["label", "green", "fgColor", "hover"] }, - "color-scale-blue-8": { - "value": "#0a3069", + "label-green-fgColor-active": { + "value": "#254b34", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-8", + "name": "label-green-fgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "8"] + "path": ["label", "green", "fgColor", "active"] }, - "color-scale-blue-9": { - "value": "#002155", + "label-orange-bgColor-rest": { + "value": "#ffe7d1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-9", + "name": "label-orange-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "9"] + "path": ["label", "orange", "bgColor", "rest"] }, - "color-scale-green-0": { - "value": "#ddf4ff", + "label-orange-bgColor-hover": { + "value": "#fecfaa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.display.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-0", + "name": "label-orange-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "0"] + "path": ["label", "orange", "bgColor", "hover"] }, - "color-scale-green-1": { - "value": "#b6e3ff", + "label-orange-bgColor-active": { + "value": "#fbaf74", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{base.display.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-1", + "name": "label-orange-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "1"] + "path": ["label", "orange", "bgColor", "active"] }, - "color-scale-green-2": { - "value": "#80ccff", + "label-orange-fgColor-rest": { + "value": "#a24610", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{base.display.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-green-2", - "attributes": {}, - "path": ["color", "scale", "green", "2"] - }, - "color-scale-green-3": { - "value": "#54aeff", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", - "isSource": true, - "original": { - "value": "{base.color.blue.3}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-3", + "name": "label-orange-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "3"] + "path": ["label", "orange", "fgColor", "rest"] }, - "color-scale-green-4": { - "value": "#218bff", + "label-orange-fgColor-hover": { + "value": "#8d3c11", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-4", + "name": "label-orange-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "4"] + "path": ["label", "orange", "fgColor", "hover"] }, - "color-scale-green-5": { - "value": "#0969da", + "label-orange-fgColor-active": { + "value": "#70300f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-5", + "name": "label-orange-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "5"] + "path": ["label", "orange", "fgColor", "active"] }, - "color-scale-green-6": { - "value": "#0550ae", + "label-purple-bgColor-rest": { + "value": "#f1e5ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.purple.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-6", + "name": "label-purple-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "6"] + "path": ["label", "purple", "bgColor", "rest"] }, - "color-scale-green-7": { - "value": "#033d8b", + "label-purple-bgColor-hover": { + "value": "#e6d2fe", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.purple.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-7", + "name": "label-purple-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "7"] + "path": ["label", "purple", "bgColor", "hover"] }, - "color-scale-green-8": { - "value": "#0a3069", + "label-purple-bgColor-active": { + "value": "#d1b1fc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-8", + "name": "label-purple-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "8"] + "path": ["label", "purple", "bgColor", "active"] }, - "color-scale-green-9": { - "value": "#002155", + "label-purple-fgColor-rest": { + "value": "#783ae4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-9", + "name": "label-purple-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "9"] + "path": ["label", "purple", "fgColor", "rest"] }, - "color-scale-yellow-0": { - "value": "#fff8c5", + "label-purple-fgColor-hover": { + "value": "#6223d7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{base.display.color.purple.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-0", + "name": "label-purple-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "0"] + "path": ["label", "purple", "fgColor", "hover"] }, - "color-scale-yellow-1": { - "value": "#fae17d", + "label-purple-fgColor-active": { + "value": "#4f21ab", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.display.color.purple.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-1", + "name": "label-purple-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "1"] + "path": ["label", "purple", "fgColor", "active"] }, - "color-scale-yellow-2": { - "value": "#eac54f", + "label-red-bgColor-rest": { + "value": "#ffe2e0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.display.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-2", + "name": "label-red-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "2"] + "path": ["label", "red", "bgColor", "rest"] }, - "color-scale-yellow-3": { - "value": "#d4a72c", + "label-red-bgColor-hover": { + "value": "#fecdcd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.display.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-3", + "name": "label-red-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "3"] + "path": ["label", "red", "bgColor", "hover"] }, - "color-scale-yellow-4": { - "value": "#bf8700", + "label-red-bgColor-active": { + "value": "#fda5a7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.display.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-4", + "name": "label-red-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "4"] + "path": ["label", "red", "bgColor", "active"] }, - "color-scale-yellow-5": { - "value": "#9a6700", + "label-red-fgColor-rest": { + "value": "#c50d28", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{base.display.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-5", + "name": "label-red-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "5"] + "path": ["label", "red", "fgColor", "rest"] }, - "color-scale-yellow-6": { - "value": "#7d4e00", + "label-red-fgColor-hover": { + "value": "#a60c29", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.6}", + "value": "{base.display.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-yellow-6", - "attributes": {}, - "path": ["color", "scale", "yellow", "6"] - }, - "color-scale-yellow-7": { - "value": "#633c01", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.yellow.7}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-7", + "name": "label-red-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "7"] + "path": ["label", "red", "fgColor", "hover"] }, - "color-scale-yellow-8": { - "value": "#4d2d00", + "label-red-fgColor-active": { + "value": "#880c27", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", + "value": "{base.display.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-8", + "name": "label-red-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "8"] + "path": ["label", "red", "fgColor", "active"] }, - "color-scale-yellow-9": { - "value": "#3b2300", + "label-yellow-bgColor-rest": { + "value": "#ffec9e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.display.color.yellow.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-9", + "name": "label-yellow-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "9"] + "path": ["label", "yellow", "bgColor", "rest"] }, - "color-scale-orange-0": { - "value": "#ffebe9", + "label-yellow-bgColor-hover": { + "value": "#ffd642", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.display.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-0", + "name": "label-yellow-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "0"] + "path": ["label", "yellow", "bgColor", "hover"] }, - "color-scale-orange-1": { - "value": "#ffcecb", + "label-yellow-bgColor-active": { + "value": "#ebb400", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.1}", + "value": "{base.display.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-1", + "name": "label-yellow-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "1"] + "path": ["label", "yellow", "bgColor", "active"] }, - "color-scale-orange-2": { - "value": "#ffaba8", + "label-yellow-fgColor-rest": { + "value": "#805900", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.display.color.yellow.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-2", + "name": "label-yellow-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "2"] + "path": ["label", "yellow", "fgColor", "rest"] }, - "color-scale-orange-3": { - "value": "#ff8182", + "label-yellow-fgColor-hover": { + "value": "#704d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.display.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-3", + "name": "label-yellow-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "3"] + "path": ["label", "yellow", "fgColor", "hover"] }, - "color-scale-orange-4": { - "value": "#fa4549", + "label-yellow-fgColor-active": { + "value": "#5c3d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.display.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-4", + "name": "label-yellow-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "4"] + "path": ["label", "yellow", "fgColor", "active"] }, - "color-scale-orange-5": { - "value": "#cf222e", + "label-gray-bgColor-rest": { + "value": "#e8ecf2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.display.color.gray.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-5", + "name": "label-gray-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "5"] + "path": ["label", "gray", "bgColor", "rest"] }, - "color-scale-orange-6": { - "value": "#a40e26", + "label-gray-bgColor-hover": { + "value": "#d2dae4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.gray.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-6", + "name": "label-gray-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "6"] + "path": ["label", "gray", "bgColor", "hover"] }, - "color-scale-orange-7": { - "value": "#82071e", + "label-gray-bgColor-active": { + "value": "#b4c0cf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.display.color.gray.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-7", + "name": "label-gray-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "7"] + "path": ["label", "gray", "bgColor", "active"] }, - "color-scale-orange-8": { - "value": "#660018", + "label-gray-fgColor-rest": { + "value": "#5c6570", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{base.display.color.gray.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-8", + "name": "label-gray-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "8"] + "path": ["label", "gray", "fgColor", "rest"] }, - "color-scale-orange-9": { - "value": "#4c0014", + "label-gray-fgColor-hover": { + "value": "#4e535a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{base.display.color.gray.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-9", + "name": "label-gray-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "9"] + "path": ["label", "gray", "fgColor", "hover"] }, - "color-scale-red-0": { - "value": "#ffebe9", + "label-gray-fgColor-active": { + "value": "#424448", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.display.color.gray.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-red-0", - "attributes": {}, - "path": ["color", "scale", "red", "0"] - }, - "color-scale-red-1": { - "value": "#ffcecb", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.red.1}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-1", + "name": "label-gray-fgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "1"] + "path": ["label", "gray", "fgColor", "active"] }, - "color-scale-red-2": { - "value": "#ffaba8", + "label-auburn-bgColor-rest": { + "value": "#f2e9e9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.red.2}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } }, - "name": "color-scale-red-2", - "attributes": {}, - "path": ["color", "scale", "red", "2"] - }, - "color-scale-red-3": { - "value": "#ff8182", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.display.color.auburn.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-3", + "name": "label-auburn-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "3"] + "path": ["label", "auburn", "bgColor", "rest"] }, - "color-scale-red-4": { - "value": "#fa4549", + "label-auburn-bgColor-hover": { + "value": "#e6d6d5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.display.color.auburn.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-4", + "name": "label-auburn-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "4"] + "path": ["label", "auburn", "bgColor", "hover"] }, - "color-scale-red-5": { - "value": "#cf222e", + "label-auburn-bgColor-active": { + "value": "#d4b7b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.display.color.auburn.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-5", + "name": "label-auburn-bgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "5"] + "path": ["label", "auburn", "bgColor", "active"] }, - "color-scale-red-6": { - "value": "#a40e26", + "label-auburn-fgColor-rest": { + "value": "#8a5551", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.auburn.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-6", + "name": "label-auburn-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "6"] + "path": ["label", "auburn", "fgColor", "rest"] }, - "color-scale-red-7": { - "value": "#82071e", + "label-auburn-fgColor-hover": { + "value": "#744744", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.display.color.auburn.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-7", + "name": "label-auburn-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "7"] + "path": ["label", "auburn", "fgColor", "hover"] }, - "color-scale-red-8": { - "value": "#660018", + "label-auburn-fgColor-active": { + "value": "#5d3937", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "{base.display.color.auburn.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-red-8", + "name": "label-auburn-fgColor-active", "attributes": {}, - "path": ["color", "scale", "red", "8"] + "path": ["label", "auburn", "fgColor", "active"] }, - "color-scale-red-9": { - "value": "#4c0014", + "label-brown-bgColor-rest": { + "value": "#eeeae2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "{base.display.color.brown.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-9", + "name": "label-brown-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "9"] + "path": ["label", "brown", "bgColor", "rest"] }, - "color-scale-purple-0": { - "value": "#fbefff", + "label-brown-bgColor-hover": { + "value": "#dfd7c8", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{base.display.color.brown.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-0", + "name": "label-brown-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "0"] + "path": ["label", "brown", "bgColor", "hover"] }, - "color-scale-purple-1": { - "value": "#ecd8ff", + "label-brown-bgColor-active": { + "value": "#cbbda4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.1}", + "value": "{base.display.color.brown.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-1", + "name": "label-brown-bgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "1"] + "path": ["label", "brown", "bgColor", "active"] }, - "color-scale-purple-2": { - "value": "#d8b9ff", + "label-brown-fgColor-rest": { + "value": "#755f43", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.display.color.brown.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-2", + "name": "label-brown-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "2"] + "path": ["label", "brown", "fgColor", "rest"] }, - "color-scale-purple-3": { - "value": "#c297ff", + "label-brown-fgColor-hover": { + "value": "#64513a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{base.display.color.brown.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-3", + "name": "label-brown-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "purple", "3"] + "path": ["label", "brown", "fgColor", "hover"] }, - "color-scale-purple-4": { - "value": "#a475f9", + "label-brown-fgColor-active": { + "value": "#51412f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{base.display.color.brown.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-purple-4", + "name": "label-brown-fgColor-active", "attributes": {}, - "path": ["color", "scale", "purple", "4"] + "path": ["label", "brown", "fgColor", "active"] }, - "color-scale-purple-5": { - "value": "#8250df", + "label-lemon-bgColor-rest": { + "value": "#f7eea1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.display.color.lemon.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-purple-5", + "name": "label-lemon-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "purple", "5"] + "path": ["label", "lemon", "bgColor", "rest"] }, - "color-scale-purple-6": { - "value": "#6639ba", + "label-lemon-bgColor-hover": { + "value": "#f0db3d", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "hover"] + }, + "label-lemon-bgColor-active": { + "value": "#d8bd0e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-active", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "active"] + }, + "label-lemon-fgColor-rest": { + "value": "#786002", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "rest"] + }, + "label-lemon-fgColor-hover": { + "value": "#654f01", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "hover"] + }, + "label-lemon-fgColor-active": { + "value": "#523f00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-active", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "active"] + }, + "label-olive-bgColor-rest": { + "value": "#f0f0ad", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-rest", + "attributes": {}, + "path": ["label", "olive", "bgColor", "rest"] + }, + "label-olive-bgColor-hover": { + "value": "#dbe170", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-hover", + "attributes": {}, + "path": ["label", "olive", "bgColor", "hover"] + }, + "label-olive-bgColor-active": { + "value": "#b9c832", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-active", + "attributes": {}, + "path": ["label", "olive", "bgColor", "active"] + }, + "label-olive-fgColor-rest": { + "value": "#56682c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-rest", + "attributes": {}, + "path": ["label", "olive", "fgColor", "rest"] + }, + "label-olive-fgColor-hover": { + "value": "#495a2b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-hover", + "attributes": {}, + "path": ["label", "olive", "fgColor", "hover"] + }, + "label-olive-fgColor-active": { + "value": "#3b4927", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-active", + "attributes": {}, + "path": ["label", "olive", "fgColor", "active"] + }, + "label-lime-bgColor-rest": { + "value": "#e3f2b5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-rest", + "attributes": {}, + "path": ["label", "lime", "bgColor", "rest"] + }, + "label-lime-bgColor-hover": { + "value": "#c7e580", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-hover", + "attributes": {}, + "path": ["label", "lime", "bgColor", "hover"] + }, + "label-lime-bgColor-active": { + "value": "#9bd039", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-active", + "attributes": {}, + "path": ["label", "lime", "bgColor", "active"] + }, + "label-lime-fgColor-rest": { + "value": "#476c28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-rest", + "attributes": {}, + "path": ["label", "lime", "fgColor", "rest"] + }, + "label-lime-fgColor-hover": { + "value": "#3a5b25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-hover", + "attributes": {}, + "path": ["label", "lime", "fgColor", "hover"] + }, + "label-lime-fgColor-active": { + "value": "#2f4a21", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-active", + "attributes": {}, + "path": ["label", "lime", "fgColor", "active"] + }, + "label-pine-bgColor-rest": { + "value": "#bff8db", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-rest", + "attributes": {}, + "path": ["label", "pine", "bgColor", "rest"] + }, + "label-pine-bgColor-hover": { + "value": "#80efb9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-hover", + "attributes": {}, + "path": ["label", "pine", "bgColor", "hover"] + }, + "label-pine-bgColor-active": { + "value": "#1dd781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-active", + "attributes": {}, + "path": ["label", "pine", "bgColor", "active"] + }, + "label-pine-fgColor-rest": { + "value": "#156f4b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-rest", + "attributes": {}, + "path": ["label", "pine", "fgColor", "rest"] + }, + "label-pine-fgColor-hover": { + "value": "#135d41", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-hover", + "attributes": {}, + "path": ["label", "pine", "fgColor", "hover"] + }, + "label-pine-fgColor-active": { + "value": "#114b36", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-active", + "attributes": {}, + "path": ["label", "pine", "fgColor", "active"] + }, + "label-teal-bgColor-rest": { + "value": "#c7f5ef", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-rest", + "attributes": {}, + "path": ["label", "teal", "bgColor", "rest"] + }, + "label-teal-bgColor-hover": { + "value": "#89ebe1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-hover", + "attributes": {}, + "path": ["label", "teal", "bgColor", "hover"] + }, + "label-teal-bgColor-active": { + "value": "#22d3c7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-active", + "attributes": {}, + "path": ["label", "teal", "bgColor", "active"] + }, + "label-teal-fgColor-rest": { + "value": "#106e75", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-rest", + "attributes": {}, + "path": ["label", "teal", "fgColor", "rest"] + }, + "label-teal-fgColor-hover": { + "value": "#0d5b63", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-hover", + "attributes": {}, + "path": ["label", "teal", "fgColor", "hover"] + }, + "label-teal-fgColor-active": { + "value": "#0a4852", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-active", + "attributes": {}, + "path": ["label", "teal", "fgColor", "active"] + }, + "label-cyan-bgColor-rest": { + "value": "#bdf4ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "rest"] + }, + "label-cyan-bgColor-hover": { + "value": "#7ae9ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "hover"] + }, + "label-cyan-bgColor-active": { + "value": "#00d0fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-active", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "active"] + }, + "label-cyan-fgColor-rest": { + "value": "#006a80", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "rest"] + }, + "label-cyan-fgColor-hover": { + "value": "#00596b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "hover"] + }, + "label-cyan-fgColor-active": { + "value": "#004857", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-active", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "active"] + }, + "label-indigo-bgColor-rest": { + "value": "#e5e9ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "rest"] + }, + "label-indigo-bgColor-hover": { + "value": "#d2d7fe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "hover"] + }, + "label-indigo-bgColor-active": { + "value": "#b1b9fb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-active", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "active"] + }, + "label-indigo-fgColor-rest": { + "value": "#494edf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "rest"] + }, + "label-indigo-fgColor-hover": { + "value": "#393cd5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "hover"] + }, + "label-indigo-fgColor-active": { + "value": "#2d2db4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-active", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "active"] + }, + "label-blue-bgColor-rest": { + "value": "#d1f0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-rest", + "attributes": {}, + "path": ["label", "blue", "bgColor", "rest"] + }, + "label-blue-bgColor-hover": { + "value": "#ade1ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-hover", + "attributes": {}, + "path": ["label", "blue", "bgColor", "hover"] + }, + "label-blue-bgColor-active": { + "value": "#75c8ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-active", + "attributes": {}, + "path": ["label", "blue", "bgColor", "active"] + }, + "label-blue-fgColor-rest": { + "value": "#005fcc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-rest", + "attributes": {}, + "path": ["label", "blue", "fgColor", "rest"] + }, + "label-blue-fgColor-hover": { + "value": "#004db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-hover", + "attributes": {}, + "path": ["label", "blue", "fgColor", "hover"] + }, + "label-blue-fgColor-active": { + "value": "#003d99", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-active", + "attributes": {}, + "path": ["label", "blue", "fgColor", "active"] + }, + "label-plum-bgColor-rest": { + "value": "#f8e5ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-rest", + "attributes": {}, + "path": ["label", "plum", "bgColor", "rest"] + }, + "label-plum-bgColor-hover": { + "value": "#f0cdfe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-hover", + "attributes": {}, + "path": ["label", "plum", "bgColor", "hover"] + }, + "label-plum-bgColor-active": { + "value": "#e2a7fb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-active", + "attributes": {}, + "path": ["label", "plum", "bgColor", "active"] + }, + "label-plum-fgColor-rest": { + "value": "#961edc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-rest", + "attributes": {}, + "path": ["label", "plum", "fgColor", "rest"] + }, + "label-plum-fgColor-hover": { + "value": "#7d1eb8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-hover", + "attributes": {}, + "path": ["label", "plum", "fgColor", "hover"] + }, + "label-plum-fgColor-active": { + "value": "#651d96", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-active", + "attributes": {}, + "path": ["label", "plum", "fgColor", "active"] + }, + "label-pink-bgColor-rest": { + "value": "#ffe5f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-rest", + "attributes": {}, + "path": ["label", "pink", "bgColor", "rest"] + }, + "label-pink-bgColor-hover": { + "value": "#fdc9e2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-hover", + "attributes": {}, + "path": ["label", "pink", "bgColor", "hover"] + }, + "label-pink-bgColor-active": { + "value": "#f8a5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-active", + "attributes": {}, + "path": ["label", "pink", "bgColor", "active"] + }, + "label-pink-fgColor-rest": { + "value": "#b12f79", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-rest", + "attributes": {}, + "path": ["label", "pink", "fgColor", "rest"] + }, + "label-pink-fgColor-hover": { + "value": "#8e2e66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-hover", + "attributes": {}, + "path": ["label", "pink", "fgColor", "hover"] + }, + "label-pink-fgColor-active": { + "value": "#6e2b53", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-active", + "attributes": {}, + "path": ["label", "pink", "fgColor", "active"] + }, + "label-coral-bgColor-rest": { + "value": "#ffe5db", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-rest", + "attributes": {}, + "path": ["label", "coral", "bgColor", "rest"] + }, + "label-coral-bgColor-hover": { + "value": "#fecebe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-hover", + "attributes": {}, + "path": ["label", "coral", "bgColor", "hover"] + }, + "label-coral-bgColor-active": { + "value": "#fcab92", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-active", + "attributes": {}, + "path": ["label", "coral", "bgColor", "active"] + }, + "label-coral-fgColor-rest": { + "value": "#ba2e12", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-rest", + "attributes": {}, + "path": ["label", "coral", "fgColor", "rest"] + }, + "label-coral-fgColor-hover": { + "value": "#9b2712", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-hover", + "attributes": {}, + "path": ["label", "coral", "fgColor", "hover"] + }, + "label-coral-fgColor-active": { + "value": "#7e2011", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-active", + "attributes": {}, + "path": ["label", "coral", "fgColor", "active"] + }, + "fgColor-default": { + "value": "#1f2328", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + } + }, + "name": "fgColor-default", + "attributes": {}, + "path": ["fgColor", "default"] + }, + "fgColor-muted": { + "value": "#636c76", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "#6e7781", + "weight": 0.5 + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.5 + } + }, + "name": "fgColor-muted", + "attributes": {}, + "path": ["fgColor", "muted"] + }, + "fgColor-onEmphasis": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + } + }, + "name": "fgColor-onEmphasis", + "attributes": {}, + "path": ["fgColor", "onEmphasis"] + }, + "fgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-white", + "attributes": {}, + "path": ["fgColor", "white"] + }, + "fgColor-black": { + "value": "#1f2328", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-black", + "attributes": {}, + "path": ["fgColor", "black"] + }, + "fgColor-disabled": { + "value": "#8c959f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-disabled", + "attributes": {}, + "path": ["fgColor", "disabled"] + }, + "fgColor-link": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{fgColor.accent.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-link", + "attributes": {}, + "path": ["fgColor", "link", "@"] + }, + "fgColor-neutral": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-neutral", + "attributes": {}, + "path": ["fgColor", "neutral", "@"] + }, + "fgColor-accent": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-accent", + "attributes": {}, + "path": ["fgColor", "accent", "@"] + }, + "fgColor-success": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + } + }, + "name": "fgColor-success", + "attributes": {}, + "path": ["fgColor", "success", "@"] + }, + "fgColor-attention": { + "value": "#9a6700", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + } + }, + "name": "fgColor-attention", + "attributes": {}, + "path": ["fgColor", "attention", "@"] + }, + "fgColor-severe": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + } + }, + "name": "fgColor-severe", + "attributes": {}, + "path": ["fgColor", "severe", "@"] + }, + "fgColor-danger": { + "value": "#d1242f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "mix": { + "color": "#fa4549", + "weight": 0.05 + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "mix": { + "color": "{base.color.red.4}", + "weight": 0.05 + } + }, + "name": "fgColor-danger", + "attributes": {}, + "path": ["fgColor", "danger", "@"] + }, + "fgColor-open": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + } + }, + "name": "fgColor-open", + "attributes": {}, + "path": ["fgColor", "open", "@"] + }, + "fgColor-closed": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + } + }, + "name": "fgColor-closed", + "attributes": {}, + "path": ["fgColor", "closed", "@"] + }, + "fgColor-done": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + } + }, + "name": "fgColor-done", + "attributes": {}, + "path": ["fgColor", "done", "@"] + }, + "fgColor-upsell": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + } + }, + "name": "fgColor-upsell", + "attributes": {}, + "path": ["fgColor", "upsell", "@"] + }, + "fgColor-sponsors": { + "value": "#bf3989", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + } + }, + "name": "fgColor-sponsors", + "attributes": {}, + "path": ["fgColor", "sponsors", "@"] + }, + "bgColor-default": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + } + }, + "name": "bgColor-default", + "attributes": {}, + "path": ["bgColor", "default"] + }, + "bgColor-muted": { + "value": "#f6f8fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + } + }, + "name": "bgColor-muted", + "attributes": {}, + "path": ["bgColor", "muted"] + }, + "bgColor-inset": { + "value": "#f6f8fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + } + }, + "name": "bgColor-inset", + "attributes": {}, + "path": ["bgColor", "inset"] + }, + "bgColor-emphasis": { + "value": "#24292f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + } + }, + "name": "bgColor-emphasis", + "attributes": {}, + "path": ["bgColor", "emphasis"] + }, + "bgColor-inverse": { + "value": "#24292f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-inverse", + "attributes": {}, + "path": ["bgColor", "inverse"] + }, + "bgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-white", + "attributes": {}, + "path": ["bgColor", "white"] + }, + "bgColor-black": { + "value": "#1f2328", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-black", + "attributes": {}, + "path": ["bgColor", "black"] + }, + "bgColor-disabled": { + "value": "#eaeef2b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 + }, + "name": "bgColor-disabled", + "attributes": {}, + "path": ["bgColor", "disabled"] + }, + "bgColor-transparent": { + "value": "#ffffff00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + } + }, + "name": "bgColor-transparent", + "attributes": {}, + "path": ["bgColor", "transparent"] + }, + "bgColor-neutral-muted": { + "value": "#afb8c133", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 + }, + "name": "bgColor-neutral-muted", + "attributes": {}, + "path": ["bgColor", "neutral", "muted"] + }, + "bgColor-neutral-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-neutral-emphasis", + "attributes": {}, + "path": ["bgColor", "neutral", "emphasis"] + }, + "bgColor-accent-muted": { + "value": "#ddf4ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + } + }, + "name": "bgColor-accent-muted", + "attributes": {}, + "path": ["bgColor", "accent", "muted"] + }, + "bgColor-accent-emphasis": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + } + }, + "name": "bgColor-accent-emphasis", + "attributes": {}, + "path": ["bgColor", "accent", "emphasis"] + }, + "bgColor-success-muted": { + "value": "#ddf4ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + } + }, + "name": "bgColor-success-muted", + "attributes": {}, + "path": ["bgColor", "success", "muted"] + }, + "bgColor-success-emphasis": { + "value": "#0f72e3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "mix": { + "color": "#0969da", + "weight": 0.75 + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "mix": { + "color": "{base.color.blue.5}", + "weight": 0.75 + } + }, + "name": "bgColor-success-emphasis", + "attributes": {}, + "path": ["bgColor", "success", "emphasis"] + }, + "bgColor-attention-muted": { + "value": "#fff8c5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + } + }, + "name": "bgColor-attention-muted", + "attributes": {}, + "path": ["bgColor", "attention", "muted"] + }, + "bgColor-attention-emphasis": { + "value": "#9a6700", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + } + }, + "name": "bgColor-attention-emphasis", + "attributes": {}, + "path": ["bgColor", "attention", "emphasis"] + }, + "bgColor-severe-muted": { + "value": "#ffebe9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + } + }, + "name": "bgColor-severe-muted", + "attributes": {}, + "path": ["bgColor", "severe", "muted"] + }, + "bgColor-severe-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + } + }, + "name": "bgColor-severe-emphasis", + "attributes": {}, + "path": ["bgColor", "severe", "emphasis"] + }, + "bgColor-danger-muted": { + "value": "#ffebe9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + } + }, + "name": "bgColor-danger-muted", + "attributes": {}, + "path": ["bgColor", "danger", "muted"] + }, + "bgColor-danger-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + } + }, + "name": "bgColor-danger-emphasis", + "attributes": {}, + "path": ["bgColor", "danger", "emphasis"] + }, + "bgColor-open-muted": { + "value": "#ffebe9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + } + }, + "name": "bgColor-open-muted", + "attributes": {}, + "path": ["bgColor", "open", "muted"] + }, + "bgColor-open-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-open-emphasis", + "attributes": {}, + "path": ["bgColor", "open", "emphasis"] + }, + "bgColor-closed-muted": { + "value": "#f6f8fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + } + }, + "name": "bgColor-closed-muted", + "attributes": {}, + "path": ["bgColor", "closed", "muted"] + }, + "bgColor-closed-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + } + }, + "name": "bgColor-closed-emphasis", + "attributes": {}, + "path": ["bgColor", "closed", "emphasis"] + }, + "bgColor-done-muted": { + "value": "#fbefff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + } + }, + "name": "bgColor-done-muted", + "attributes": {}, + "path": ["bgColor", "done", "muted"] + }, + "bgColor-done-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + } + }, + "name": "bgColor-done-emphasis", + "attributes": {}, + "path": ["bgColor", "done", "emphasis"] + }, + "bgColor-upsell-muted": { + "value": "#fbefff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + } + }, + "name": "bgColor-upsell-muted", + "attributes": {}, + "path": ["bgColor", "upsell", "muted"] + }, + "bgColor-upsell-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + } + }, + "name": "bgColor-upsell-emphasis", + "attributes": {}, + "path": ["bgColor", "upsell", "emphasis"] + }, + "bgColor-sponsors-muted": { + "value": "#ffeff7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + } + }, + "name": "bgColor-sponsors-muted", + "attributes": {}, + "path": ["bgColor", "sponsors", "muted"] + }, + "bgColor-sponsors-emphasis": { + "value": "#bf3989", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + } + }, + "name": "bgColor-sponsors-emphasis", + "attributes": {}, + "path": ["bgColor", "sponsors", "emphasis"] + }, + "borderColor-default": { + "value": "#d0d7de", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + } + }, + "name": "borderColor-default", + "attributes": {}, + "path": ["borderColor", "default"] + }, + "borderColor-muted": { + "value": "#d0d7deb3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{borderColor.default}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7 + }, + "name": "borderColor-muted", + "attributes": {}, + "path": ["borderColor", "muted"] + }, + "borderColor-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-emphasis", + "attributes": {}, + "path": ["borderColor", "emphasis"] + }, + "borderColor-disabled": { + "value": "#eaeef2b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{bgColor.disabled}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-disabled", + "attributes": {}, + "path": ["borderColor", "disabled"] + }, + "borderColor-transparent": { + "value": "#ffffff00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-transparent", + "attributes": {}, + "path": ["borderColor", "transparent"] + }, + "borderColor-neutral-muted": { + "value": "#afb8c133", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.2 + }, + "name": "borderColor-neutral-muted", + "attributes": {}, + "path": ["borderColor", "neutral", "muted"] + }, + "borderColor-neutral-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-neutral-emphasis", + "attributes": {}, + "path": ["borderColor", "neutral", "emphasis"] + }, + "borderColor-accent-muted": { + "value": "#54aeff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-accent-muted", + "attributes": {}, + "path": ["borderColor", "accent", "muted"] + }, + "borderColor-accent-emphasis": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + } + }, + "name": "borderColor-accent-emphasis", + "attributes": {}, + "path": ["borderColor", "accent", "emphasis"] + }, + "borderColor-success-muted": { + "value": "#54aeff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-success-muted", + "attributes": {}, + "path": ["borderColor", "success", "muted"] + }, + "borderColor-success-emphasis": { + "value": "#218bff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + } + }, + "name": "borderColor-success-emphasis", + "attributes": {}, + "path": ["borderColor", "success", "emphasis"] + }, + "borderColor-attention-muted": { + "value": "#d4a72c66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-attention-muted", + "attributes": {}, + "path": ["borderColor", "attention", "muted"] + }, + "borderColor-attention-emphasis": { + "value": "#bf8700", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + } + }, + "name": "borderColor-attention-emphasis", + "attributes": {}, + "path": ["borderColor", "attention", "emphasis"] + }, + "borderColor-severe-muted": { + "value": "#ff818266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-severe-muted", + "attributes": {}, + "path": ["borderColor", "severe", "muted"] + }, + "borderColor-severe-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + } + }, + "name": "borderColor-severe-emphasis", + "attributes": {}, + "path": ["borderColor", "severe", "emphasis"] + }, + "borderColor-danger-muted": { + "value": "#ff818266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-danger-muted", + "attributes": {}, + "path": ["borderColor", "danger", "muted"] + }, + "borderColor-danger-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + } + }, + "name": "borderColor-danger-emphasis", + "attributes": {}, + "path": ["borderColor", "danger", "emphasis"] + }, + "borderColor-open-muted": { + "value": "#ff818266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "alpha": 0.4, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-open-muted", + "attributes": {}, + "path": ["borderColor", "open", "muted"] + }, + "borderColor-open-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + } + }, + "name": "borderColor-open-emphasis", + "attributes": {}, + "path": ["borderColor", "open", "emphasis"] + }, + "borderColor-closed-muted": { + "value": "#afb8c166", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-closed-muted", + "attributes": {}, + "path": ["borderColor", "closed", "muted"] + }, + "borderColor-closed-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + } + }, + "name": "borderColor-closed-emphasis", + "attributes": {}, + "path": ["borderColor", "closed", "emphasis"] + }, + "borderColor-done-muted": { + "value": "#c297ff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-done-muted", + "attributes": {}, + "path": ["borderColor", "done", "muted"] + }, + "borderColor-done-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis)" + } + } + } + }, + "name": "borderColor-done-emphasis", + "attributes": {}, + "path": ["borderColor", "done", "emphasis"] + }, + "borderColor-upsell-muted": { + "value": "#c297ff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-upsell-muted", + "attributes": {}, + "path": ["borderColor", "upsell", "muted"] + }, + "borderColor-upsell-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis)" + } + } + } + }, + "name": "borderColor-upsell-emphasis", + "attributes": {}, + "path": ["borderColor", "upsell", "emphasis"] + }, + "borderColor-sponsors-muted": { + "value": "#ff80c866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-sponsors-muted", + "attributes": {}, + "path": ["borderColor", "sponsors", "muted"] + }, + "borderColor-sponsors-emphasis": { + "value": "#bf3989", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + } + }, + "name": "borderColor-sponsors-emphasis", + "attributes": {}, + "path": ["borderColor", "sponsors", "emphasis"] + }, + "color-ansi-black": { + "value": "#24292f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-black", + "attributes": {}, + "path": ["color", "ansi", "black"] + }, + "color-ansi-black-bright": { + "value": "#57606a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-black-bright", + "attributes": {}, + "path": ["color", "ansi", "black-bright"] + }, + "color-ansi-white": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-white", + "attributes": {}, + "path": ["color", "ansi", "white"] + }, + "color-ansi-white-bright": { + "value": "#8c959f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-white-bright", + "attributes": {}, + "path": ["color", "ansi", "white-bright"] + }, + "color-ansi-gray": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-gray", + "attributes": {}, + "path": ["color", "ansi", "gray"] + }, + "color-ansi-red": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-red", + "attributes": {}, + "path": ["color", "ansi", "red"] + }, + "color-ansi-red-bright": { + "value": "#a40e26", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-red-bright", + "attributes": {}, + "path": ["color", "ansi", "red-bright"] + }, + "color-ansi-green": { + "value": "#0550ae", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-green", + "attributes": {}, + "path": ["color", "ansi", "green"] + }, + "color-ansi-green-bright": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-green-bright", + "attributes": {}, + "path": ["color", "ansi", "green-bright"] + }, + "color-ansi-yellow": { + "value": "#4d2d00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow", + "attributes": {}, + "path": ["color", "ansi", "yellow"] + }, + "color-ansi-yellow-bright": { + "value": "#633c01", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-yellow-bright", + "attributes": {}, + "path": ["color", "ansi", "yellow-bright"] + }, + "color-ansi-blue": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue", + "attributes": {}, + "path": ["color", "ansi", "blue"] + }, + "color-ansi-blue-bright": { + "value": "#218bff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue-bright", + "attributes": {}, + "path": ["color", "ansi", "blue-bright"] + }, + "color-ansi-magenta": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta", + "attributes": {}, + "path": ["color", "ansi", "magenta"] + }, + "color-ansi-magenta-bright": { + "value": "#a475f9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta-bright", + "attributes": {}, + "path": ["color", "ansi", "magenta-bright"] + }, + "color-ansi-cyan": { + "value": "#1b7c83", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "#1b7c83", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan", + "attributes": {}, + "path": ["color", "ansi", "cyan"] + }, + "color-ansi-cyan-bright": { + "value": "#3192aa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "#3192aa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-cyan-bright", + "attributes": {}, + "path": ["color", "ansi", "cyan-bright"] + }, + "color-prettylights-syntax-comment": { + "value": "#57606a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-comment", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "comment"] + }, + "color-prettylights-syntax-constant": { + "value": "#0550ae", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-constant", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "constant"] + }, + "color-prettylights-syntax-constant-other-reference-link": { + "value": "#0a3069", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-constant-other-reference-link", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + }, + "color-prettylights-syntax-entity": { + "value": "#6639ba", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, "original": { "value": "{base.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-6", + "name": "color-prettylights-syntax-entity", "attributes": {}, - "path": ["color", "scale", "purple", "6"] + "path": ["color", "prettylights", "syntax", "entity"] }, - "color-scale-purple-7": { - "value": "#512a97", + "color-prettylights-syntax-storage-modifier-import": { + "value": "#24292f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.7}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-7", + "name": "color-prettylights-syntax-storage-modifier-import", "attributes": {}, - "path": ["color", "scale", "purple", "7"] + "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] }, - "color-scale-purple-8": { - "value": "#3e1f79", + "color-prettylights-syntax-entity-tag": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.8}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-8", + "name": "color-prettylights-syntax-entity-tag", "attributes": {}, - "path": ["color", "scale", "purple", "8"] + "path": ["color", "prettylights", "syntax", "entity-tag"] }, - "color-scale-purple-9": { - "value": "#2e1461", + "color-prettylights-syntax-keyword": { + "value": "#cf222e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.9}", + "value": "{base.color.red.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-9", + "name": "color-prettylights-syntax-keyword", "attributes": {}, - "path": ["color", "scale", "purple", "9"] + "path": ["color", "prettylights", "syntax", "keyword"] }, - "color-scale-pink-0": { - "value": "#ffeff7", + "color-prettylights-syntax-string": { + "value": "#0a3069", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", + "value": "{base.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-string", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "string"] + }, + "color-prettylights-syntax-variable": { + "value": "#a40e26", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", + "isSource": true, + "original": { + "value": "{base.color.red.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-variable", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "variable"] + }, + "color-prettylights-syntax-brackethighlighter-unmatched": { + "value": "#82071e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "attributes": {}, + "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + }, + "color-prettylights-syntax-brackethighlighter-angle": { + "value": "#57606a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-0", + "name": "color-prettylights-syntax-brackethighlighter-angle", "attributes": {}, - "path": ["color", "scale", "pink", "0"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] }, - "color-scale-pink-1": { - "value": "#ffd3eb", + "color-prettylights-syntax-invalid-illegal-text": { + "value": "#f6f8fa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.1}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-1", + "name": "color-prettylights-syntax-invalid-illegal-text", "attributes": {}, - "path": ["color", "scale", "pink", "1"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] }, - "color-scale-pink-2": { - "value": "#ffadda", + "color-prettylights-syntax-invalid-illegal-bg": { + "value": "#82071e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.2}", + "value": "{base.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-2", + "name": "color-prettylights-syntax-invalid-illegal-bg", "attributes": {}, - "path": ["color", "scale", "pink", "2"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] }, - "color-scale-pink-3": { - "value": "#ff80c8", + "color-prettylights-syntax-carriage-return-text": { + "value": "#f6f8fa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-3", + "name": "color-prettylights-syntax-carriage-return-text", "attributes": {}, - "path": ["color", "scale", "pink", "3"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] }, - "color-scale-pink-4": { - "value": "#e85aad", + "color-prettylights-syntax-carriage-return-bg": { + "value": "#cf222e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.red.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-4", + "name": "color-prettylights-syntax-carriage-return-bg", "attributes": {}, - "path": ["color", "scale", "pink", "4"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] }, - "color-scale-pink-5": { - "value": "#bf3989", + "color-prettylights-syntax-string-regexp": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-5", + "name": "color-prettylights-syntax-string-regexp", "attributes": {}, - "path": ["color", "scale", "pink", "5"] + "path": ["color", "prettylights", "syntax", "string-regexp"] }, - "color-scale-pink-6": { - "value": "#99286e", + "color-prettylights-syntax-markup-list": { + "value": "#3b2300", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.6}", + "value": "{base.color.yellow.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-6", + "name": "color-prettylights-syntax-markup-list", "attributes": {}, - "path": ["color", "scale", "pink", "6"] + "path": ["color", "prettylights", "syntax", "markup", "list"] }, - "color-scale-pink-7": { - "value": "#772057", + "color-prettylights-syntax-markup-heading": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-7", + "name": "color-prettylights-syntax-markup-heading", "attributes": {}, - "path": ["color", "scale", "pink", "7"] + "path": ["color", "prettylights", "syntax", "markup", "heading"] }, - "color-scale-pink-8": { - "value": "#611347", + "color-prettylights-syntax-markup-italic": { + "value": "#24292f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.8}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-8", + "name": "color-prettylights-syntax-markup-italic", "attributes": {}, - "path": ["color", "scale", "pink", "8"] + "path": ["color", "prettylights", "syntax", "markup", "italic"] }, - "color-scale-pink-9": { - "value": "#4d0336", + "color-prettylights-syntax-markup-bold": { + "value": "#24292f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.9}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-9", + "name": "color-prettylights-syntax-markup-bold", "attributes": {}, - "path": ["color", "scale", "pink", "9"] + "path": ["color", "prettylights", "syntax", "markup", "bold"] }, - "color-scale-coral-0": { - "value": "#fff0eb", + "color-prettylights-syntax-markup-deleted-text": { + "value": "#82071e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.0}", + "value": "{base.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-0", + "name": "color-prettylights-syntax-markup-deleted-text", "attributes": {}, - "path": ["color", "scale", "coral", "0"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] }, - "color-scale-coral-1": { - "value": "#ffd6cc", + "color-prettylights-syntax-markup-deleted-bg": { + "value": "#ffebe9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.1}", + "value": "{base.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-1", + "name": "color-prettylights-syntax-markup-deleted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "1"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] }, - "color-scale-coral-2": { - "value": "#ffb4a1", + "color-prettylights-syntax-markup-inserted-text": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.2}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-2", + "name": "color-prettylights-syntax-markup-inserted-text", "attributes": {}, - "path": ["color", "scale", "coral", "2"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] }, - "color-scale-coral-3": { - "value": "#fd8c73", + "color-prettylights-syntax-markup-inserted-bg": { + "value": "#ddf4ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.blue.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-3", + "name": "color-prettylights-syntax-markup-inserted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "3"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] }, - "color-scale-coral-4": { - "value": "#ec6547", + "color-prettylights-syntax-markup-changed-text": { + "value": "#a40e26", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.4}", + "value": "{base.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-4", + "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, - "path": ["color", "scale", "coral", "4"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] }, - "color-scale-coral-5": { - "value": "#c4432b", + "color-prettylights-syntax-markup-changed-bg": { + "value": "#ffcecb", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5", "isSource": true, "original": { - "value": "{base.color.coral.5}", + "value": "{base.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-5", + "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, - "path": ["color", "scale", "coral", "5"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] }, - "color-scale-coral-6": { - "value": "#9e2f1c", + "color-prettylights-syntax-markup-ignored-text": { + "value": "#eaeef2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-6", + "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, - "path": ["color", "scale", "coral", "6"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] }, - "color-scale-coral-7": { - "value": "#801f0f", + "color-prettylights-syntax-markup-ignored-bg": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-7", + "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, - "path": ["color", "scale", "coral", "7"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] }, - "color-scale-coral-8": { - "value": "#691105", + "color-prettylights-syntax-meta-diff-range": { + "value": "#8250df", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.8}", + "value": "{base.color.purple.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-8", + "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, - "path": ["color", "scale", "coral", "8"] + "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] }, - "color-scale-coral-9": { - "value": "#510901", + "color-prettylights-syntax-sublimelinter-gutter-mark": { + "value": "#8c959f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.9}", + "value": "{base.color.neutral.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-9", + "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, - "path": ["color", "scale", "coral", "9"] + "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] }, "shadow-inset": { "value": "inset 0px 1px 0px 0px #1f23280a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { @@ -10616,7 +16478,14 @@ "spread": "0px", "inset": true }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-inset", "attributes": {}, @@ -10625,6 +16494,13 @@ "shadow-resting-xsmall": { "value": "0px 1px 0px 0px #1f23281a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { @@ -10637,39 +16513,51 @@ "spread": "0px", "inset": false }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"] }, "shadow-resting-small": { - "value": "0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814", + "value": "0px 1px 0px 0px #1f23280a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { "color": "{base.color.black}", - "alpha": 0.06, + "alpha": 0.04, "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": false - }, - { - "color": "{base.color.black}", - "alpha": 0.08, - "offsetX": "0px", - "offsetY": "1px", - "blur": "3px", - "spread": "0px", - "inset": false } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-small", "attributes": {}, @@ -10678,12 +16566,19 @@ "shadow-resting-medium": { "value": "0px 3px 6px 0px #424a531f", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.12, "offsetX": "0px", "offsetY": "3px", @@ -10691,21 +16586,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"] }, "shadow-floating-small": { - "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f", + "value": "0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0.5, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.04, "offsetX": "0px", "offsetY": "6px", @@ -10713,7 +16630,7 @@ "spread": "-3px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.12, "offsetX": "0px", "offsetY": "6px", @@ -10721,21 +16638,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"] }, "shadow-floating-medium": { - "value": "0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314", + "value": "0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "8px", @@ -10743,7 +16682,7 @@ "spread": "-4px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "4px", @@ -10751,7 +16690,7 @@ "spread": "-4px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "24px", @@ -10759,7 +16698,7 @@ "spread": "-12px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "48px", @@ -10767,21 +16706,43 @@ "spread": "-24px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"] }, "shadow-floating-large": { - "value": "0px 40px 80px 0px #424a533d", + "value": "0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.24, "offsetX": "0px", "offsetY": "40px", @@ -10789,21 +16750,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"] }, "shadow-floating-xlarge": { - "value": "0px 56px 112px 0px #424a5352", + "value": "0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.32, "offsetX": "0px", "offsetY": "56px", @@ -10811,10 +16794,47 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"] + }, + "shadow-floating-legacy": { + "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f", + "$type": "shadow", + "filePath": "src/tokens/functional/shadow/light.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.neutral.7}", + "alpha": 0.04, + "offsetX": "0px", + "offsetY": "6px", + "blur": "12px", + "spread": "-3px" + }, + { + "color": "{base.color.neutral.7}", + "alpha": 0.12, + "offsetX": "0px", + "offsetY": "6px", + "blur": "18px", + "spread": "0px" + } + ], + "$type": "shadow" + }, + "name": "shadow-floating-legacy", + "attributes": {}, + "path": ["shadow", "floating", "legacy"] } } diff --git a/dist/docs/functional/themes/light.json b/dist/docs/functional/themes/light.json index dfee98d9b..3bfc4d9a9 100644 --- a/dist/docs/functional/themes/light.json +++ b/dist/docs/functional/themes/light.json @@ -779,7 +779,7 @@ "filePath": "src/tokens/functional/color/light/app-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1071,7 +1071,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1100,7 +1100,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1129,7 +1129,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1158,7 +1158,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -1173,1415 +1173,1313 @@ "attributes": {}, "path": ["headerSearch", "borderColor"] }, - "avatar-bgColor": { - "value": "#ffffff", + "data-blue-color": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatar-bgColor", + "name": "data-blue-color", "attributes": {}, - "path": ["avatar", "bgColor"] + "path": ["data", "blue", "color", "@"] }, - "avatar-borderColor": { - "value": "#d0d7de", + "data-blue-color-muted": { + "value": "#d1f0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "mode": "dark", + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "avatar-borderColor", - "attributes": {}, - "path": ["avatar", "borderColor"] - }, - "avatar-shadow": { - "value": "0px 0px 0px 2px #ffffffcc", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.white}", - "alpha": 0.8, - "offsetX": "0px", - "offsetY": "0px", - "blur": "0px", - "spread": "2px" - } - ], - "$type": "shadow" - }, - "name": "avatar-shadow", + "name": "data-blue-color-muted", "attributes": {}, - "path": ["avatar", "shadow"] + "path": ["data", "blue", "color", "muted"] }, - "avatarStack-fade-bgColor-default": { - "value": "#afb8c1", + "data-auburn-color": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-default", + "name": "data-auburn-color", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "default"] + "path": ["data", "auburn", "color", "@"] }, - "avatarStack-fade-bgColor-muted": { - "value": "#d0d7de", + "data-auburn-color-muted": { + "value": "#f2e9e9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", - "group": "component (internal)", + "mode": "dark", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "avatarStack-fade-bgColor-muted", + "name": "data-auburn-color-muted", "attributes": {}, - "path": ["avatarStack", "fade", "bgColor", "muted"] + "path": ["data", "auburn", "color", "muted"] }, - "control-bgColor-rest": { - "value": "#f6f8fa", + "data-orange-color": { + "value": "#eb670f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-rest", + "name": "data-orange-color", "attributes": {}, - "path": ["control", "bgColor", "rest"] + "path": ["data", "orange", "color", "@"] }, - "control-bgColor-hover": { - "value": "#eef1f4", + "data-orange-color-muted": { + "value": "#ffe7d1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "mix": { - "color": "#d0d7de", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.2}", - "weight": 0.2 } }, - "name": "control-bgColor-hover", + "name": "data-orange-color-muted", "attributes": {}, - "path": ["control", "bgColor", "hover"] + "path": ["data", "orange", "color", "muted"] }, - "control-bgColor-active": { - "value": "#e7ebef", + "data-yellow-color": { + "value": "#b88700", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "mix": { - "color": "#d0d7de", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.2}", - "weight": 0.4 } }, - "name": "control-bgColor-active", + "name": "data-yellow-color", "attributes": {}, - "path": ["control", "bgColor", "active"] + "path": ["data", "yellow", "color", "@"] }, - "control-bgColor-disabled": { - "value": "#f6f8fa", + "data-yellow-color-muted": { + "value": "#ffec9e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-disabled", + "name": "data-yellow-color-muted", "attributes": {}, - "path": ["control", "bgColor", "disabled"] + "path": ["data", "yellow", "color", "muted"] }, - "control-bgColor-selected": { - "value": "#f6f8fa", + "data-green-color": { + "value": "#30a147", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", "scopes": ["bgColor"] } } }, - "name": "control-bgColor-selected", + "name": "data-green-color", "attributes": {}, - "path": ["control", "bgColor", "selected"] + "path": ["data", "green", "color", "@"] }, - "control-fgColor-rest": { - "value": "#24292f", + "data-green-color-muted": { + "value": "#caf7ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-rest", + "name": "data-green-color-muted", "attributes": {}, - "path": ["control", "fgColor", "rest"] + "path": ["data", "green", "color", "muted"] }, - "control-fgColor-placeholder": { - "value": "#6e7781", + "data-teal-color": { + "value": "#179b9b", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-placeholder", + "name": "data-teal-color", "attributes": {}, - "path": ["control", "fgColor", "placeholder"] + "path": ["data", "teal", "color", "@"] }, - "control-fgColor-disabled": { - "value": "#8c959f", + "data-teal-color-muted": { + "value": "#c7f5ef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-fgColor-disabled", + "name": "data-teal-color-muted", "attributes": {}, - "path": ["control", "fgColor", "disabled"] + "path": ["data", "teal", "color", "muted"] }, - "control-borderColor-rest": { - "value": "#d0d7de", + "data-purple-color": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-rest", + "name": "data-purple-color", "attributes": {}, - "path": ["control", "borderColor", "rest"] + "path": ["data", "purple", "color", "@"] }, - "control-borderColor-emphasis": { - "value": "#868f99", + "data-purple-color-muted": { + "value": "#f1e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "mix": { - "color": "#6e7781", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.2 } }, - "name": "control-borderColor-emphasis", + "name": "data-purple-color-muted", "attributes": {}, - "path": ["control", "borderColor", "emphasis"] + "path": ["data", "purple", "color", "muted"] }, - "control-borderColor-disabled": { - "value": "#f6f8fa", + "data-pink-color": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.disabled}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-disabled", + "name": "data-pink-color", "attributes": {}, - "path": ["control", "borderColor", "disabled"] + "path": ["data", "pink", "color", "@"] }, - "control-borderColor-selected": { - "value": "#f6f8fa", + "data-pink-color-muted": { + "value": "#ffe5f1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-selected", + "name": "data-pink-color-muted", "attributes": {}, - "path": ["control", "borderColor", "selected"] + "path": ["data", "pink", "color", "muted"] }, - "control-borderColor-success": { - "value": "#1a7f37", + "data-red-color": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-success", + "name": "data-red-color", "attributes": {}, - "path": ["control", "borderColor", "success"] + "path": ["data", "red", "color", "@"] }, - "control-borderColor-danger": { - "value": "#cf222e", + "data-red-color-muted": { + "value": "#ffe2e0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.danger.emphasis}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-danger", + "name": "data-red-color-muted", "attributes": {}, - "path": ["control", "borderColor", "danger"] + "path": ["data", "red", "color", "muted"] }, - "control-borderColor-warning": { - "value": "#bf8700", + "data-gray-color": { + "value": "#808fa3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{borderColor.attention.emphasis}", + "value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "control-borderColor-warning", + "name": "data-gray-color", "attributes": {}, - "path": ["control", "borderColor", "warning"] + "path": ["data", "gray", "color", "@"] }, - "control-iconColor-rest": { - "value": "#636c76", + "data-gray-color-muted": { + "value": "#e8ecf2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/data-vis-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", - "mode": "light", + "mode": "dark", "group": "component", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "control-iconColor-rest", + "name": "data-gray-color-muted", "attributes": {}, - "path": ["control", "iconColor", "rest"] + "path": ["data", "gray", "color", "muted"] }, - "control-transparent-bgColor-rest": { - "value": "#ffffff00", + "display-blue-bgColor-muted": { + "value": "#d1f0ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-transparent-bgColor-rest", + "name": "display-blue-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "rest"] + "path": ["display", "blue", "bgColor", "muted"] }, - "control-transparent-bgColor-hover": { - "value": "#d0d7de33", + "display-blue-bgColor-emphasis": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-hover", + "name": "display-blue-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "hover"] + "path": ["display", "blue", "bgColor", "emphasis"] }, - "control-transparent-bgColor-active": { - "value": "#d0d7de66", + "display-blue-fgColor": { + "value": "#005fcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-transparent-bgColor-active", + "name": "display-blue-fgColor", "attributes": {}, - "path": ["control", "transparent", "bgColor", "active"] + "path": ["display", "blue", "fgColor"] }, - "control-transparent-bgColor-disabled": { - "value": "#ffffff00", + "display-blue-borderColor-muted": { + "value": "#ade1ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-transparent-bgColor-disabled", + "name": "display-blue-borderColor-muted", "attributes": {}, - "path": ["control", "transparent", "bgColor", "disabled"] + "path": ["display", "blue", "borderColor", "muted"] }, - "control-transparent-bgColor-selected": { - "value": "#d0d7de33", + "display-blue-borderColor-emphasis": { + "value": "#006edb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "control-transparent-bgColor-selected", + "name": "display-blue-borderColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "bgColor", "selected"] + "path": ["display", "blue", "borderColor", "emphasis"] }, - "control-transparent-borderColor-rest": { - "value": "#ffffff00", + "display-green-bgColor-muted": { + "value": "#caf7ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-rest", + "name": "display-green-bgColor-muted", "attributes": {}, - "path": ["control", "transparent", "borderColor", "rest"] + "path": ["display", "green", "bgColor", "muted"] }, - "control-transparent-borderColor-hover": { - "value": "#ffffff00", + "display-green-bgColor-emphasis": { + "value": "#2c8141", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-transparent-borderColor-hover", + "name": "display-green-bgColor-emphasis", "attributes": {}, - "path": ["control", "transparent", "borderColor", "hover"] + "path": ["display", "green", "bgColor", "emphasis"] }, - "control-transparent-borderColor-active": { - "value": "#ffffff00", + "display-green-fgColor": { + "value": "#2b6e3f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-transparent-borderColor-active", + "name": "display-green-fgColor", "attributes": {}, - "path": ["control", "transparent", "borderColor", "active"] + "path": ["display", "green", "fgColor"] }, - "control-danger-fgColor-rest": { - "value": "#d1242f", + "display-green-borderColor-muted": { + "value": "#9ceda0", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-rest", + "name": "display-green-borderColor-muted", "attributes": {}, - "path": ["control", "danger", "fgColor", "rest"] + "path": ["display", "green", "borderColor", "muted"] }, - "control-danger-fgColor-hover": { - "value": "#d1242f", + "display-green-borderColor-emphasis": { + "value": "#2c8141", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "control-danger-fgColor-hover", + "name": "display-green-borderColor-emphasis", "attributes": {}, - "path": ["control", "danger", "fgColor", "hover"] + "path": ["display", "green", "borderColor", "emphasis"] }, - "control-danger-bgColor-hover": { - "value": "#ffebe9", + "display-orange-bgColor-muted": { + "value": "#ffe7d1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-danger-bgColor-hover", + "name": "display-orange-bgColor-muted", "attributes": {}, - "path": ["control", "danger", "bgColor", "hover"] + "path": ["display", "orange", "bgColor", "muted"] }, - "control-danger-bgColor-active": { - "value": "#ffebe966", + "display-orange-bgColor-emphasis": { + "value": "#b8500f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.muted}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "control-danger-bgColor-active", + "name": "display-orange-bgColor-emphasis", "attributes": {}, - "path": ["control", "danger", "bgColor", "active"] + "path": ["display", "orange", "bgColor", "emphasis"] }, - "control-checked-bgColor-rest": { - "value": "#0969da", + "display-orange-fgColor": { + "value": "#a24610", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "control-checked-bgColor-rest", + "name": "display-orange-fgColor", "attributes": {}, - "path": ["control", "checked", "bgColor", "rest"] + "path": ["display", "orange", "fgColor"] }, - "control-checked-bgColor-hover": { - "value": "#0860ca", + "display-orange-borderColor-muted": { + "value": "#fecfaa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.2 } }, - "name": "control-checked-bgColor-hover", + "name": "display-orange-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "hover"] + "path": ["display", "orange", "borderColor", "muted"] }, - "control-checked-bgColor-active": { - "value": "#0757ba", + "display-orange-borderColor-emphasis": { + "value": "#b8500f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "control-checked-bgColor-active", + "name": "display-orange-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "bgColor", "active"] + "path": ["display", "orange", "borderColor", "emphasis"] }, - "control-checked-bgColor-disabled": { - "value": "#8c959f", + "display-purple-bgColor-muted": { + "value": "#f1e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "control-checked-bgColor-disabled", + "name": "display-purple-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "bgColor", "disabled"] + "path": ["display", "purple", "bgColor", "muted"] }, - "control-checked-fgColor-rest": { - "value": "#ffffff", + "display-purple-bgColor-emphasis": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["fgColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-fgColor-rest", + "name": "display-purple-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "fgColor", "rest"] + "path": ["display", "purple", "bgColor", "emphasis"] }, - "control-checked-fgColor-disabled": { - "value": "#ffffff", + "display-purple-fgColor": { + "value": "#783ae4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["fgColor"] } } }, - "name": "control-checked-fgColor-disabled", + "name": "display-purple-fgColor", "attributes": {}, - "path": ["control", "checked", "fgColor", "disabled"] + "path": ["display", "purple", "fgColor"] }, - "control-checked-borderColor-rest": { - "value": "#0969da", + "display-purple-borderColor-muted": { + "value": "#e6d2fe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } } }, - "name": "control-checked-borderColor-rest", + "name": "display-purple-borderColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "rest"] + "path": ["display", "purple", "borderColor", "muted"] }, - "control-checked-borderColor-hover": { - "value": "#0860ca", + "display-purple-borderColor-emphasis": { + "value": "#894ceb", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.2 } }, - "name": "control-checked-borderColor-hover", + "name": "display-purple-borderColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "hover"] + "path": ["display", "purple", "borderColor", "emphasis"] }, - "control-checked-borderColor-active": { - "value": "#0757ba", + "display-plum-bgColor-muted": { + "value": "#f8e5ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "control-checked-borderColor-active", + "name": "display-plum-bgColor-muted", "attributes": {}, - "path": ["control", "checked", "borderColor", "active"] + "path": ["display", "plum", "bgColor", "muted"] }, - "control-checked-borderColor-disabled": { - "value": "#8c959f", + "display-plum-bgColor-emphasis": { + "value": "#a830e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "control-checked-borderColor-disabled", + "name": "display-plum-bgColor-emphasis", "attributes": {}, - "path": ["control", "checked", "borderColor", "disabled"] + "path": ["display", "plum", "bgColor", "emphasis"] }, - "controlTrack-bgColor-rest": { - "value": "#eaeef2", + "display-plum-fgColor": { + "value": "#961edc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlTrack-bgColor-rest", + "name": "display-plum-fgColor", "attributes": {}, - "path": ["controlTrack", "bgColor", "rest"] + "path": ["display", "plum", "fgColor"] }, - "controlTrack-bgColor-hover": { - "value": "#dee3e8", + "display-plum-borderColor-muted": { + "value": "#f0cdfe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#afb8c1", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.3}", - "weight": 0.2 } }, - "name": "controlTrack-bgColor-hover", + "name": "display-plum-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "hover"] + "path": ["display", "plum", "borderColor", "muted"] }, - "controlTrack-bgColor-active": { - "value": "#d2d8de", + "display-plum-borderColor-emphasis": { + "value": "#a830e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#afb8c1", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.3}", - "weight": 0.4 } }, - "name": "controlTrack-bgColor-active", + "name": "display-plum-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "bgColor", "active"] + "path": ["display", "plum", "borderColor", "emphasis"] }, - "controlTrack-bgColor-disabled": { - "value": "#8c959f", + "display-red-bgColor-muted": { + "value": "#ffe2e0", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2591,10 +2489,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2605,41 +2503,41 @@ } } }, - "name": "controlTrack-bgColor-disabled", + "name": "display-red-bgColor-muted", "attributes": {}, - "path": ["controlTrack", "bgColor", "disabled"] + "path": ["display", "red", "bgColor", "muted"] }, - "controlTrack-fgColor-rest": { - "value": "#636c76", + "display-red-bgColor-emphasis": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "controlTrack-fgColor-rest", + "name": "display-red-bgColor-emphasis", "attributes": {}, - "path": ["controlTrack", "fgColor", "rest"] + "path": ["display", "red", "bgColor", "emphasis"] }, - "controlTrack-fgColor-disabled": { - "value": "#ffffff", + "display-red-fgColor": { + "value": "#c50d28", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2649,10 +2547,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.onEmphasis}", + "value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2663,12 +2561,12 @@ } } }, - "name": "controlTrack-fgColor-disabled", + "name": "display-red-fgColor", "attributes": {}, - "path": ["controlTrack", "fgColor", "disabled"] + "path": ["display", "red", "fgColor"] }, - "controlTrack-borderColor-rest": { - "value": "#ffffff00", + "display-red-borderColor-muted": { + "value": "#fecdcd", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2678,10 +2576,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2692,12 +2590,12 @@ } } }, - "name": "controlTrack-borderColor-rest", + "name": "display-red-borderColor-muted", "attributes": {}, - "path": ["controlTrack", "borderColor", "rest"] + "path": ["display", "red", "borderColor", "muted"] }, - "controlTrack-borderColor-disabled": { - "value": "#8c959f", + "display-red-borderColor-emphasis": { + "value": "#df0c24", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2707,10 +2605,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.disabled}", + "value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2721,12 +2619,12 @@ } } }, - "name": "controlTrack-borderColor-disabled", + "name": "display-red-borderColor-emphasis", "attributes": {}, - "path": ["controlTrack", "borderColor", "disabled"] + "path": ["display", "red", "borderColor", "emphasis"] }, - "controlKnob-bgColor-rest": { - "value": "#ffffff", + "display-coral-bgColor-muted": { + "value": "#ffe5db", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2736,10 +2634,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.coral.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2750,12 +2648,12 @@ } } }, - "name": "controlKnob-bgColor-rest", + "name": "display-coral-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "bgColor", "rest"] + "path": ["display", "coral", "bgColor", "muted"] }, - "controlKnob-bgColor-disabled": { - "value": "#f6f8fa", + "display-coral-bgColor-emphasis": { + "value": "#d43511", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2765,10 +2663,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2779,41 +2677,41 @@ } } }, - "name": "controlKnob-bgColor-disabled", + "name": "display-coral-bgColor-emphasis", "attributes": {}, - "path": ["controlKnob", "bgColor", "disabled"] + "path": ["display", "coral", "bgColor", "emphasis"] }, - "controlKnob-bgColor-checked": { - "value": "#ffffff", + "display-coral-fgColor": { + "value": "#ba2e12", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.coral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "controlKnob-bgColor-checked", + "name": "display-coral-fgColor", "attributes": {}, - "path": ["controlKnob", "bgColor", "checked"] + "path": ["display", "coral", "fgColor"] }, - "controlKnob-borderColor-rest": { - "value": "#868f99", + "display-coral-borderColor-muted": { + "value": "#fecebe", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2823,10 +2721,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.emphasis}", + "value": "{base.display.color.coral.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2837,12 +2735,12 @@ } } }, - "name": "controlKnob-borderColor-rest", + "name": "display-coral-borderColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "rest"] + "path": ["display", "coral", "borderColor", "muted"] }, - "controlKnob-borderColor-disabled": { - "value": "#f6f8fa", + "display-coral-borderColor-emphasis": { + "value": "#d43511", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2852,10 +2750,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2866,70 +2764,70 @@ } } }, - "name": "controlKnob-borderColor-disabled", + "name": "display-coral-borderColor-emphasis", "attributes": {}, - "path": ["controlKnob", "borderColor", "disabled"] + "path": ["display", "coral", "borderColor", "emphasis"] }, - "controlKnob-borderColor-checked": { - "value": "#0969da", + "display-yellow-bgColor-muted": { + "value": "#ffec9e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.checked.bgColor.rest}", + "value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "controlKnob-borderColor-checked", + "name": "display-yellow-bgColor-muted", "attributes": {}, - "path": ["controlKnob", "borderColor", "checked"] + "path": ["display", "yellow", "bgColor", "muted"] }, - "counter-borderColor": { - "value": "#ffffff00", + "display-yellow-bgColor-emphasis": { + "value": "#946a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "counter-borderColor", + "name": "display-yellow-bgColor-emphasis", "attributes": {}, - "path": ["counter", "borderColor"] + "path": ["display", "yellow", "bgColor", "emphasis"] }, - "button-default-fgColor-rest": { - "value": "#24292f", + "display-yellow-fgColor": { + "value": "#805900", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2939,10 +2837,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.rest}", + "value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -2953,70 +2851,70 @@ } } }, - "name": "button-default-fgColor-rest", + "name": "display-yellow-fgColor", "attributes": {}, - "path": ["button", "default", "fgColor", "rest"] + "path": ["display", "yellow", "fgColor"] }, - "button-default-bgColor-rest": { - "value": "#f6f8fa", + "display-yellow-borderColor-muted": { + "value": "#ffd642", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-rest", + "name": "display-yellow-borderColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "rest"] + "path": ["display", "yellow", "borderColor", "muted"] }, - "button-default-bgColor-hover": { - "value": "#eef1f4", + "display-yellow-borderColor-emphasis": { + "value": "#946a00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.hover}", + "value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-default-bgColor-hover", + "name": "display-yellow-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "hover"] + "path": ["display", "yellow", "borderColor", "emphasis"] }, - "button-default-bgColor-active": { - "value": "#e7ebef", + "display-gray-bgColor-muted": { + "value": "#e8ecf2", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3026,10 +2924,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3040,12 +2938,12 @@ } } }, - "name": "button-default-bgColor-active", + "name": "display-gray-bgColor-muted", "attributes": {}, - "path": ["button", "default", "bgColor", "active"] + "path": ["display", "gray", "bgColor", "muted"] }, - "button-default-bgColor-selected": { - "value": "#e7ebef", + "display-gray-bgColor-emphasis": { + "value": "#647182", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3055,10 +2953,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.active}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3069,54 +2967,41 @@ } } }, - "name": "button-default-bgColor-selected", - "attributes": {}, - "path": ["button", "default", "bgColor", "selected"] - }, - "button-default-bgColor-disabled": { - "value": "#f6f8fa", - "$type": "color", - "filePath": "src/tokens/functional/color/light/patterns-light.json5", - "isSource": true, - "original": { - "value": "{control.bgColor.disabled}", - "$type": "color" - }, - "name": "button-default-bgColor-disabled", + "name": "display-gray-bgColor-emphasis", "attributes": {}, - "path": ["button", "default", "bgColor", "disabled"] + "path": ["display", "gray", "bgColor", "emphasis"] }, - "button-default-borderColor-rest": { - "value": "#d0d7de", + "display-gray-fgColor": { + "value": "#5c6570", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-default-borderColor-rest", + "name": "display-gray-fgColor", "attributes": {}, - "path": ["button", "default", "borderColor", "rest"] + "path": ["display", "gray", "fgColor"] }, - "button-default-borderColor-hover": { - "value": "#d0d7de", + "display-gray-borderColor-muted": { + "value": "#d2dae4", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3126,10 +3011,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3140,12 +3025,12 @@ } } }, - "name": "button-default-borderColor-hover", + "name": "display-gray-borderColor-muted", "attributes": {}, - "path": ["button", "default", "borderColor", "hover"] + "path": ["display", "gray", "borderColor", "muted"] }, - "button-default-borderColor-active": { - "value": "#d0d7de", + "display-gray-borderColor-emphasis": { + "value": "#647182", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3155,10 +3040,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3169,93 +3054,70 @@ } } }, - "name": "button-default-borderColor-active", + "name": "display-gray-borderColor-emphasis", "attributes": {}, - "path": ["button", "default", "borderColor", "active"] + "path": ["display", "gray", "borderColor", "emphasis"] }, - "button-default-borderColor-disabled": { - "value": "#f6f8fa", + "display-auburn-bgColor-muted": { + "value": "#f2e9e9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-default-borderColor-disabled", - "attributes": {}, - "path": ["button", "default", "borderColor", "disabled"] - }, - "button-default-shadow-resting": { - "value": "0px 1px 0px 0px #1f23280a", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.black}", - "alpha": 0.04, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": false - } - ], - "$type": "shadow" - }, - "name": "button-default-shadow-resting", + "name": "display-auburn-bgColor-muted", "attributes": {}, - "path": ["button", "default", "shadow", "resting"] + "path": ["display", "auburn", "bgColor", "muted"] }, - "button-primary-fgColor-rest": { - "value": "#ffffff", + "display-auburn-bgColor-emphasis": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-fgColor-rest", + "name": "display-auburn-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "fgColor", "rest"] + "path": ["display", "auburn", "bgColor", "emphasis"] }, - "button-primary-fgColor-disabled": { - "value": "#ffffffcc", + "display-auburn-fgColor": { + "value": "#8a5551", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3265,11 +3127,10 @@ "scopes": ["fgColor"] } }, - "alpha": 0.8, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3278,75 +3139,72 @@ "group": "component (internal)", "scopes": ["fgColor"] } - }, - "alpha": 0.8 + } }, - "name": "button-primary-fgColor-disabled", + "name": "display-auburn-fgColor", "attributes": {}, - "path": ["button", "primary", "fgColor", "disabled"] + "path": ["display", "auburn", "fgColor"] }, - "button-primary-iconColor-rest": { - "value": "#ffffffcc", + "display-auburn-borderColor-muted": { + "value": "#e6d6d5", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.8, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.8 + } }, - "name": "button-primary-iconColor-rest", + "name": "display-auburn-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "iconColor", "rest"] + "path": ["display", "auburn", "borderColor", "muted"] }, - "button-primary-bgColor-rest": { - "value": "#1f883d", + "display-auburn-borderColor-emphasis": { + "value": "#9d615c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-primary-bgColor-rest", + "name": "display-auburn-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "rest"] + "path": ["display", "auburn", "borderColor", "emphasis"] }, - "button-primary-bgColor-hover": { - "value": "#1c8139", + "display-brown-bgColor-muted": { + "value": "#eeeae2", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3356,14 +3214,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#116329", - "weight": 0.2 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3372,18 +3226,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.green.6}", - "weight": 0.2 } }, - "name": "button-primary-bgColor-hover", + "name": "display-brown-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "bgColor", "hover"] + "path": ["display", "brown", "bgColor", "muted"] }, - "button-primary-bgColor-active": { - "value": "#197935", + "display-brown-bgColor-emphasis": { + "value": "#856d4c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3393,14 +3243,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#116329", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3409,55 +3255,43 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.green.6}", - "weight": 0.4 } }, - "name": "button-primary-bgColor-active", + "name": "display-brown-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "bgColor", "active"] + "path": ["display", "brown", "bgColor", "emphasis"] }, - "button-primary-bgColor-disabled": { - "value": "#95d8a6", + "display-brown-fgColor": { + "value": "#755f43", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "mix": { - "color": "#dafbe1", - "weight": 0.6 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.green.0}", - "weight": 0.6 } }, - "name": "button-primary-bgColor-disabled", + "name": "display-brown-fgColor", "attributes": {}, - "path": ["button", "primary", "bgColor", "disabled"] + "path": ["display", "brown", "fgColor"] }, - "button-primary-borderColor-rest": { - "value": "#1f232826", + "display-brown-borderColor-muted": { + "value": "#dfd7c8", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3467,11 +3301,10 @@ "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3480,15 +3313,14 @@ "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-primary-borderColor-rest", + "name": "display-brown-borderColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "rest"] + "path": ["display", "brown", "borderColor", "muted"] }, - "button-primary-borderColor-hover": { - "value": "#1f232826", + "display-brown-borderColor-emphasis": { + "value": "#856d4c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3498,10 +3330,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3512,93 +3344,70 @@ } } }, - "name": "button-primary-borderColor-hover", + "name": "display-brown-borderColor-emphasis", "attributes": {}, - "path": ["button", "primary", "borderColor", "hover"] + "path": ["display", "brown", "borderColor", "emphasis"] }, - "button-primary-borderColor-active": { - "value": "#1f232826", + "display-lemon-bgColor-muted": { + "value": "#f7eea1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.borderColor.rest}", + "value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-active", + "name": "display-lemon-bgColor-muted", "attributes": {}, - "path": ["button", "primary", "borderColor", "active"] + "path": ["display", "lemon", "bgColor", "muted"] }, - "button-primary-borderColor-disabled": { - "value": "#95d8a6", + "display-lemon-bgColor-emphasis": { + "value": "#866e04", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.primary.bgColor.disabled}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-primary-borderColor-disabled", - "attributes": {}, - "path": ["button", "primary", "borderColor", "disabled"] - }, - "button-primary-shadow-selected": { - "value": "inset 0px 1px 0px 0px #002d114d", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.green.9}", - "alpha": 0.3, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-primary-shadow-selected", + "name": "display-lemon-bgColor-emphasis", "attributes": {}, - "path": ["button", "primary", "shadow", "selected"] + "path": ["display", "lemon", "bgColor", "emphasis"] }, - "button-invisible-fgColor-rest": { - "value": "#0969da", + "display-lemon-fgColor": { + "value": "#786002", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3608,10 +3417,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3622,128 +3431,128 @@ } } }, - "name": "button-invisible-fgColor-rest", + "name": "display-lemon-fgColor", "attributes": {}, - "path": ["button", "invisible", "fgColor", "rest"] + "path": ["display", "lemon", "fgColor"] }, - "button-invisible-fgColor-hover": { - "value": "#0969da", + "display-lemon-borderColor-muted": { + "value": "#f0db3d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-hover", + "name": "display-lemon-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "fgColor", "hover"] + "path": ["display", "lemon", "borderColor", "muted"] }, - "button-invisible-fgColor-disabled": { - "value": "#8c959f", + "display-lemon-borderColor-emphasis": { + "value": "#866e04", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-fgColor-disabled", + "name": "display-lemon-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "fgColor", "disabled"] + "path": ["display", "lemon", "borderColor", "emphasis"] }, - "button-invisible-iconColor-rest": { - "value": "#636c76", + "display-olive-bgColor-muted": { + "value": "#f0f0ad", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-rest", + "name": "display-olive-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "iconColor", "rest"] + "path": ["display", "olive", "bgColor", "muted"] }, - "button-invisible-iconColor-hover": { - "value": "#636c76", + "display-olive-bgColor-emphasis": { + "value": "#64762d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-invisible-iconColor-hover", + "name": "display-olive-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "iconColor", "hover"] + "path": ["display", "olive", "bgColor", "emphasis"] }, - "button-invisible-iconColor-disabled": { - "value": "#8c959f", + "display-olive-fgColor": { + "value": "#56682c", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3753,10 +3562,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.fgColor.disabled}", + "value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3767,70 +3576,70 @@ } } }, - "name": "button-invisible-iconColor-disabled", + "name": "display-olive-fgColor", "attributes": {}, - "path": ["button", "invisible", "iconColor", "disabled"] + "path": ["display", "olive", "fgColor"] }, - "button-invisible-bgColor-rest": { - "value": "#ffffff00", + "display-olive-borderColor-muted": { + "value": "#dbe170", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.rest}", + "value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-rest", + "name": "display-olive-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "rest"] + "path": ["display", "olive", "borderColor", "muted"] }, - "button-invisible-bgColor-hover": { - "value": "#d0d7de33", + "display-olive-borderColor-emphasis": { + "value": "#64762d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.hover}", + "value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-invisible-bgColor-hover", + "name": "display-olive-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "hover"] + "path": ["display", "olive", "borderColor", "emphasis"] }, - "button-invisible-bgColor-active": { - "value": "#d0d7de66", + "display-lime-bgColor-muted": { + "value": "#e3f2b5", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3840,10 +3649,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.active}", + "value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3854,12 +3663,12 @@ } } }, - "name": "button-invisible-bgColor-active", + "name": "display-lime-bgColor-muted", "attributes": {}, - "path": ["button", "invisible", "bgColor", "active"] + "path": ["display", "lime", "bgColor", "muted"] }, - "button-invisible-bgColor-disabled": { - "value": "#ffffff00", + "display-lime-bgColor-emphasis": { + "value": "#527a29", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3869,10 +3678,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.bgColor.disabled}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3883,41 +3692,41 @@ } } }, - "name": "button-invisible-bgColor-disabled", + "name": "display-lime-bgColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "bgColor", "disabled"] + "path": ["display", "lime", "bgColor", "emphasis"] }, - "button-invisible-borderColor-rest": { - "value": "#ffffff00", + "display-lime-fgColor": { + "value": "#476c28", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.rest}", + "value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-invisible-borderColor-rest", + "name": "display-lime-fgColor", "attributes": {}, - "path": ["button", "invisible", "borderColor", "rest"] + "path": ["display", "lime", "fgColor"] }, - "button-invisible-borderColor-hover": { - "value": "#ffffff00", + "display-lime-borderColor-muted": { + "value": "#c7e580", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3927,10 +3736,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.transparent.borderColor.hover}", + "value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3941,12 +3750,12 @@ } } }, - "name": "button-invisible-borderColor-hover", + "name": "display-lime-borderColor-muted", "attributes": {}, - "path": ["button", "invisible", "borderColor", "hover"] + "path": ["display", "lime", "borderColor", "muted"] }, - "button-invisible-borderColor-disabled": { - "value": "#f6f8fa", + "display-lime-borderColor-emphasis": { + "value": "#527a29", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3956,10 +3765,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.borderColor.disabled}", + "value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -3970,70 +3779,70 @@ } } }, - "name": "button-invisible-borderColor-disabled", + "name": "display-lime-borderColor-emphasis", "attributes": {}, - "path": ["button", "invisible", "borderColor", "disabled"] + "path": ["display", "lime", "borderColor", "emphasis"] }, - "button-outline-fgColor-rest": { - "value": "#0969da", + "display-pine-bgColor-muted": { + "value": "#bff8db", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-rest", + "name": "display-pine-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "rest"] + "path": ["display", "pine", "bgColor", "muted"] }, - "button-outline-fgColor-hover": { - "value": "#ffffff", + "display-pine-bgColor-emphasis": { + "value": "#167e53", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-outline-fgColor-hover", + "name": "display-pine-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "fgColor", "hover"] + "path": ["display", "pine", "bgColor", "emphasis"] }, - "button-outline-fgColor-active": { - "value": "#ffffff", + "display-pine-fgColor": { + "value": "#156f4b", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4043,10 +3852,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4057,72 +3866,70 @@ } } }, - "name": "button-outline-fgColor-active", + "name": "display-pine-fgColor", "attributes": {}, - "path": ["button", "outline", "fgColor", "active"] + "path": ["display", "pine", "fgColor"] }, - "button-outline-fgColor-disabled": { - "value": "#0969da80", + "display-pine-borderColor-muted": { + "value": "#80efb9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-outline-fgColor-disabled", + "name": "display-pine-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "fgColor", "disabled"] + "path": ["display", "pine", "borderColor", "muted"] }, - "button-outline-bgColor-rest": { - "value": "#f6f8fa", + "display-pine-borderColor-emphasis": { + "value": "#167e53", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-outline-bgColor-rest", + "name": "display-pine-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "rest"] + "path": ["display", "pine", "borderColor", "emphasis"] }, - "button-outline-bgColor-hover": { - "value": "#0969da", + "display-teal-bgColor-muted": { + "value": "#c7f5ef", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4132,10 +3939,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4146,12 +3953,12 @@ } } }, - "name": "button-outline-bgColor-hover", + "name": "display-teal-bgColor-muted", "attributes": {}, - "path": ["button", "outline", "bgColor", "hover"] + "path": ["display", "teal", "bgColor", "muted"] }, - "button-outline-bgColor-active": { - "value": "#0757ba", + "display-teal-bgColor-emphasis": { + "value": "#127e81", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4161,14 +3968,10 @@ "scopes": ["bgColor"] } }, - "mix": { - "color": "#033d8b", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4177,47 +3980,43 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "mix": { - "color": "{base.color.blue.7}", - "weight": 0.4 } }, - "name": "button-outline-bgColor-active", + "name": "display-teal-bgColor-emphasis", "attributes": {}, - "path": ["button", "outline", "bgColor", "active"] + "path": ["display", "teal", "bgColor", "emphasis"] }, - "button-outline-bgColor-disabled": { - "value": "#f6f8fa", + "display-teal-fgColor": { + "value": "#106e75", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-outline-bgColor-disabled", + "name": "display-teal-fgColor", "attributes": {}, - "path": ["button", "outline", "bgColor", "disabled"] + "path": ["display", "teal", "fgColor"] }, - "button-outline-borderColor-hover": { - "value": "#1f232826", + "display-teal-borderColor-muted": { + "value": "#89ebe1", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4227,11 +4026,10 @@ "scopes": ["borderColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4240,15 +4038,14 @@ "group": "component (internal)", "scopes": ["borderColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-outline-borderColor-hover", + "name": "display-teal-borderColor-muted", "attributes": {}, - "path": ["button", "outline", "borderColor", "hover"] + "path": ["display", "teal", "borderColor", "muted"] }, - "button-outline-borderColor-active": { - "value": "#1f232826", + "display-teal-borderColor-emphasis": { + "value": "#127e81", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4258,10 +4055,10 @@ "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.outline.borderColor.hover}", + "value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4272,93 +4069,70 @@ } } }, - "name": "button-outline-borderColor-active", - "attributes": {}, - "path": ["button", "outline", "borderColor", "active"] - }, - "button-outline-shadow-selected": { - "value": "inset 0px 1px 0px 0px #00215533", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.blue.9}", - "alpha": 0.2, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-outline-shadow-selected", + "name": "display-teal-borderColor-emphasis", "attributes": {}, - "path": ["button", "outline", "shadow", "selected"] + "path": ["display", "teal", "borderColor", "emphasis"] }, - "button-danger-fgColor-rest": { - "value": "#d1242f", + "display-cyan-bgColor-muted": { + "value": "#bdf4ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-rest", + "name": "display-cyan-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "rest"] + "path": ["display", "cyan", "bgColor", "muted"] }, - "button-danger-fgColor-hover": { - "value": "#ffffff", + "display-cyan-bgColor-emphasis": { + "value": "#007b94", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-fgColor-hover", + "name": "display-cyan-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "fgColor", "hover"] + "path": ["display", "cyan", "bgColor", "emphasis"] }, - "button-danger-fgColor-active": { - "value": "#ffffff", + "display-cyan-fgColor": { + "value": "#006a80", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4368,10 +4142,10 @@ "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4382,101 +4156,99 @@ } } }, - "name": "button-danger-fgColor-active", + "name": "display-cyan-fgColor", "attributes": {}, - "path": ["button", "danger", "fgColor", "active"] + "path": ["display", "cyan", "fgColor"] }, - "button-danger-fgColor-disabled": { - "value": "#d1242f80", + "display-cyan-borderColor-muted": { + "value": "#7ae9ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } - }, - "alpha": 0.5 + } }, - "name": "button-danger-fgColor-disabled", + "name": "display-cyan-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "fgColor", "disabled"] + "path": ["display", "cyan", "borderColor", "muted"] }, - "button-danger-iconColor-rest": { - "value": "#d1242f", + "display-cyan-borderColor-emphasis": { + "value": "#007b94", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-iconColor-rest", + "name": "display-cyan-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "iconColor", "rest"] + "path": ["display", "cyan", "borderColor", "emphasis"] }, - "button-danger-iconColor-hover": { - "value": "#ffffff", + "display-indigo-bgColor-muted": { + "value": "#e5e9ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-iconColor-hover", + "name": "display-indigo-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "iconColor", "hover"] + "path": ["display", "indigo", "bgColor", "muted"] }, - "button-danger-bgColor-rest": { - "value": "#f6f8fa", + "display-indigo-bgColor-emphasis": { + "value": "#5a61e7", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4486,10 +4258,10 @@ "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.rest}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4500,277 +4272,244 @@ } } }, - "name": "button-danger-bgColor-rest", + "name": "display-indigo-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "rest"] + "path": ["display", "indigo", "bgColor", "emphasis"] }, - "button-danger-bgColor-hover": { - "value": "#a40e26", + "display-indigo-fgColor": { + "value": "#494edf", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-bgColor-hover", + "name": "display-indigo-fgColor", "attributes": {}, - "path": ["button", "danger", "bgColor", "hover"] + "path": ["display", "indigo", "fgColor"] }, - "button-danger-bgColor-active": { - "value": "#8b0820", + "display-indigo-borderColor-muted": { + "value": "#d2d7fe", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "mix": { - "color": "#660018", - "weight": 0.4 - }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.red.8}", - "weight": 0.4 } }, - "name": "button-danger-bgColor-active", + "name": "display-indigo-borderColor-muted", "attributes": {}, - "path": ["button", "danger", "bgColor", "active"] + "path": ["display", "indigo", "borderColor", "muted"] }, - "button-danger-bgColor-disabled": { - "value": "#f6f8fa", + "display-indigo-borderColor-emphasis": { + "value": "#5a61e7", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{control.bgColor.disabled}", + "value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-danger-bgColor-disabled", + "name": "display-indigo-borderColor-emphasis", "attributes": {}, - "path": ["button", "danger", "bgColor", "disabled"] + "path": ["display", "indigo", "borderColor", "emphasis"] }, - "button-danger-borderColor-rest": { - "value": "#d0d7de", + "display-pink-bgColor-muted": { + "value": "#ffe5f1", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } } }, - "name": "button-danger-borderColor-rest", + "name": "display-pink-bgColor-muted", "attributes": {}, - "path": ["button", "danger", "borderColor", "rest"] + "path": ["display", "pink", "bgColor", "muted"] }, - "button-danger-borderColor-hover": { - "value": "#1f232826", + "display-pink-bgColor-emphasis": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } }, - "alpha": 0.15, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["bgColor"] } - }, - "alpha": 0.15 + } }, - "name": "button-danger-borderColor-hover", + "name": "display-pink-bgColor-emphasis", "attributes": {}, - "path": ["button", "danger", "borderColor", "hover"] + "path": ["display", "pink", "bgColor", "emphasis"] }, - "button-danger-borderColor-active": { - "value": "#1f232826", + "display-pink-fgColor": { + "value": "#b12f79", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{button.danger.borderColor.hover}", + "value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["borderColor"] + "scopes": ["fgColor"] } } }, - "name": "button-danger-borderColor-active", - "attributes": {}, - "path": ["button", "danger", "borderColor", "active"] - }, - "button-danger-shadow-selected": { - "value": "inset 0px 1px 0px 0px #4c001433", - "$type": "shadow", - "filePath": "src/tokens/functional/shadow/light.json5", - "isSource": true, - "original": { - "value": [ - { - "color": "{base.color.red.9}", - "alpha": 0.2, - "offsetX": "0px", - "offsetY": "1px", - "blur": "0px", - "spread": "0px", - "inset": true - } - ], - "$type": "shadow" - }, - "name": "button-danger-shadow-selected", + "name": "display-pink-fgColor", "attributes": {}, - "path": ["button", "danger", "shadow", "selected"] + "path": ["display", "pink", "fgColor"] }, - "button-inactive-fgColor-rest": { - "value": "#57606a", + "display-pink-borderColor-muted": { + "value": "#fdc9e2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["fgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-fgColor-rest", + "name": "display-pink-borderColor-muted", "attributes": {}, - "path": ["button", "inactive", "fgColor", "rest"] + "path": ["display", "pink", "borderColor", "muted"] }, - "button-inactive-bgColor-rest": { - "value": "#eaeef2", + "display-pink-borderColor-emphasis": { + "value": "#ce2c85", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/color/light/display-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } } }, - "name": "button-inactive-bgColor-rest", + "name": "display-pink-borderColor-emphasis", "attributes": {}, - "path": ["button", "inactive", "bgColor", "rest"] + "path": ["display", "pink", "borderColor", "emphasis"] }, - "buttonCounter-default-bgColor-rest": { - "value": "#afb8c133", + "avatar-bgColor": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4783,7 +4522,7 @@ "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.neutral.muted}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4794,72 +4533,79 @@ } } }, - "name": "buttonCounter-default-bgColor-rest", + "name": "avatar-bgColor", "attributes": {}, - "path": ["buttonCounter", "default", "bgColor", "rest"] + "path": ["avatar", "bgColor"] }, - "buttonCounter-invisible-bgColor-rest": { - "value": "#afb8c133", + "avatar-borderColor": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } }, + "alpha": 0.15, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.neutral.muted}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["bgColor"] + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "buttonCounter-invisible-bgColor-rest", + "name": "avatar-borderColor", "attributes": {}, - "path": ["buttonCounter", "invisible", "bgColor", "rest"] + "path": ["avatar", "borderColor"] }, - "buttonCounter-primary-bgColor-rest": { - "value": "#002d1133", - "$type": "color", + "avatar-shadow": { + "value": "0px 0px 0px 2px #ffffffcc", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component shadow" } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", - "$type": "color", + "value": [ + { + "color": "{base.color.white}", + "alpha": 0.8, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "2px" + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component shadow" } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-primary-bgColor-rest", + "name": "avatar-shadow", "attributes": {}, - "path": ["buttonCounter", "primary", "bgColor", "rest"] + "path": ["avatar", "shadow"] }, - "buttonCounter-outline-bgColor-rest": { - "value": "#0969da1a", + "avatarStack-fade-bgColor-default": { + "value": "#afb8c1", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4869,11 +4615,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.1, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4882,15 +4627,14 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.1 + } }, - "name": "buttonCounter-outline-bgColor-rest", + "name": "avatarStack-fade-bgColor-default", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "rest"] + "path": ["avatarStack", "fade", "bgColor", "default"] }, - "buttonCounter-outline-bgColor-hover": { - "value": "#ffffff33", + "avatarStack-fade-bgColor-muted": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4900,11 +4644,10 @@ "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { @@ -4913,5695 +4656,11814 @@ "group": "component (internal)", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-outline-bgColor-hover", + "name": "avatarStack-fade-bgColor-muted", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "hover"] + "path": ["avatarStack", "fade", "bgColor", "muted"] }, - "buttonCounter-outline-bgColor-disabled": { - "value": "#0969da0d", + "control-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.accent.emphasis}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-outline-bgColor-disabled", + "name": "control-bgColor-rest", "attributes": {}, - "path": ["buttonCounter", "outline", "bgColor", "disabled"] + "path": ["control", "bgColor", "rest"] }, - "buttonCounter-outline-fgColor-rest": { - "value": "#0550ae", + "control-bgColor-hover": { + "value": "#eef1f4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "mix": { + "color": "#d0d7de", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.2}", + "weight": 0.2 } }, - "name": "buttonCounter-outline-fgColor-rest", + "name": "control-bgColor-hover", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "rest"] + "path": ["control", "bgColor", "hover"] }, - "buttonCounter-outline-fgColor-hover": { - "value": "#ffffff", + "control-bgColor-active": { + "value": "#e7ebef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "mix": { + "color": "#d0d7de", + "weight": 0.4 + }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.2}", + "weight": 0.4 } }, - "name": "buttonCounter-outline-fgColor-hover", + "name": "control-bgColor-active", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "hover"] + "path": ["control", "bgColor", "active"] }, - "buttonCounter-outline-fgColor-disabled": { - "value": "#0969da80", + "control-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "alpha": 0.5, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - }, - "alpha": 0.5 + } }, - "name": "buttonCounter-outline-fgColor-disabled", + "name": "control-bgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "outline", "fgColor", "disabled"] + "path": ["control", "bgColor", "disabled"] }, - "buttonCounter-danger-bgColor-hover": { - "value": "#ffffff33", + "control-bgColor-selected": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - }, - "alpha": 0.2 + } }, - "name": "buttonCounter-danger-bgColor-hover", + "name": "control-bgColor-selected", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "hover"] + "path": ["control", "bgColor", "selected"] }, - "buttonCounter-danger-bgColor-disabled": { - "value": "#cf222e0d", + "control-fgColor-rest": { + "value": "#24292f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.05, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.05 + } }, - "name": "buttonCounter-danger-bgColor-disabled", + "name": "control-fgColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "disabled"] + "path": ["control", "fgColor", "rest"] }, - "buttonCounter-danger-bgColor-rest": { - "value": "#cf222e1a", + "control-fgColor-placeholder": { + "value": "#6e7781", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, - "alpha": 0.1, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.danger.emphasis}", + "value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } - }, - "alpha": 0.1 + } }, - "name": "buttonCounter-danger-bgColor-rest", + "name": "control-fgColor-placeholder", "attributes": {}, - "path": ["buttonCounter", "danger", "bgColor", "rest"] + "path": ["control", "fgColor", "placeholder"] }, - "buttonCounter-danger-fgColor-rest": { - "value": "#c21c2c", + "control-fgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } }, - "mix": { - "color": "#a40e26", - "weight": 0.3 - }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.red.6}", - "weight": 0.3 } }, - "name": "buttonCounter-danger-fgColor-rest", + "name": "control-fgColor-disabled", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "rest"] + "path": ["control", "fgColor", "disabled"] }, - "buttonCounter-danger-fgColor-hover": { - "value": "#ffffff", + "control-borderColor-rest": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "buttonCounter-danger-fgColor-hover", + "name": "control-borderColor-rest", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "hover"] + "path": ["control", "borderColor", "rest"] }, - "buttonCounter-danger-fgColor-disabled": { - "value": "#d1242f80", + "control-borderColor-emphasis": { + "value": "#868f99", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5, + "mix": { + "color": "#6e7781", + "weight": 0.2 + }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.5 + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.2 + } }, - "name": "buttonCounter-danger-fgColor-disabled", + "name": "control-borderColor-emphasis", "attributes": {}, - "path": ["buttonCounter", "danger", "fgColor", "disabled"] + "path": ["control", "borderColor", "emphasis"] }, - "focus-outlineColor": { - "value": "#0969da", + "control-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.accent.emphasis}", + "value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "focus-outlineColor", - "attributes": {}, - "path": ["focus", "outlineColor"] - }, - "focus-outline": { - "value": "#0969da solid 2px", - "$type": "border", - "filePath": "src/tokens/functional/border/light.json5", - "isSource": true, - "original": { - "value": { - "color": "{focus.outlineColor}", - "style": "solid", - "width": "2px" - }, - "$type": "border" - }, - "name": "focus-outline", + "name": "control-borderColor-disabled", "attributes": {}, - "path": ["focus", "outline"] + "path": ["control", "borderColor", "disabled"] }, - "menu-bgColor-active": { - "value": "#ffffff00", + "control-borderColor-selected": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "menu-bgColor-active", + "name": "control-borderColor-selected", "attributes": {}, - "path": ["menu", "bgColor", "active"] + "path": ["control", "borderColor", "selected"] }, - "overlay-bgColor": { - "value": "#ffffff", + "control-borderColor-success": { + "value": "#08856c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "overlay-bgColor", + "name": "control-borderColor-success", "attributes": {}, - "path": ["overlay", "bgColor"] + "path": ["control", "borderColor", "success"] }, - "overlay-backdrop-bgColor": { - "value": "#8c959f33", + "control-borderColor-danger": { + "value": "#cf222e", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } }, - "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "overlay-backdrop-bgColor", + "name": "control-borderColor-danger", "attributes": {}, - "path": ["overlay", "backdrop", "bgColor"] + "path": ["control", "borderColor", "danger"] }, - "selectMenu-borderColor": { - "value": "#ffffff00", + "control-borderColor-warning": { + "value": "#bf8700", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["borderColor"] } } }, - "name": "selectMenu-borderColor", + "name": "control-borderColor-warning", "attributes": {}, - "path": ["selectMenu", "borderColor"] + "path": ["control", "borderColor", "warning"] }, - "selectMenu-bgColor-active": { - "value": "#b6e3ff", + "control-iconColor-rest": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["bgColor"] + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "selectMenu-bgColor-active", + "name": "control-iconColor-rest", "attributes": {}, - "path": ["selectMenu", "bgColor", "active"] + "path": ["control", "iconColor", "rest"] }, - "sideNav-bgColor-selected": { - "value": "#ffffff", + "control-transparent-bgColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } } }, - "name": "sideNav-bgColor-selected", + "name": "control-transparent-bgColor-rest", "attributes": {}, - "path": ["sideNav", "bgColor", "selected"] + "path": ["control", "transparent", "bgColor", "rest"] }, - "skeletonLoader-bgColor": { - "value": "#f6f8fa", - "$type": "color", - "filePath": "src/tokens/functional/color/light/patterns-light.json5", - "isSource": true, - "original": { - "value": "{bgColor.muted}", - "$type": "color" - }, - "name": "skeletonLoader-bgColor", - "attributes": {}, - "path": ["skeletonLoader", "bgColor"] - }, - "timelineBadge-bgColor": { - "value": "#eaeef2", + "control-transparent-bgColor-hover": { + "value": "#d0d7de33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "timelineBadge-bgColor", + "name": "control-transparent-bgColor-hover", "attributes": {}, - "path": ["timelineBadge", "bgColor"] + "path": ["control", "transparent", "bgColor", "hover"] }, - "treeViewItem-leadingVisual-iconColor-rest": { - "value": "#54aeff", + "control-transparent-bgColor-active": { + "value": "#d0d7de66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } }, + "alpha": 0.4, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "treeViewItem-leadingVisual-iconColor-rest", + "name": "control-transparent-bgColor-active", "attributes": {}, - "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] + "path": ["control", "transparent", "bgColor", "active"] }, - "underlineNav-borderColor-active": { - "value": "#fd8c73", + "control-transparent-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "underlineNav-borderColor-active", + "name": "control-transparent-bgColor-disabled", "attributes": {}, - "path": ["underlineNav", "borderColor", "active"] + "path": ["control", "transparent", "bgColor", "disabled"] }, - "underlineNav-borderColor-hover": { - "value": "#afb8c133", + "control-transparent-bgColor-selected": { + "value": "#d0d7de33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } }, + "alpha": 0.2, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.neutral.muted}", + "value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["borderColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "underlineNav-borderColor-hover", + "name": "control-transparent-bgColor-selected", "attributes": {}, - "path": ["underlineNav", "borderColor", "hover"] + "path": ["control", "transparent", "bgColor", "selected"] }, - "underlineNav-iconColor-rest": { - "value": "#636c76", + "control-transparent-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } }, "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.muted}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "underlineNav-iconColor-rest", + "name": "control-transparent-borderColor-rest", "attributes": {}, - "path": ["underlineNav", "iconColor", "rest"] + "path": ["control", "transparent", "borderColor", "rest"] }, - "fgColor-default": { - "value": "#1f2328", + "control-transparent-borderColor-hover": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.black}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-default) /* utility class: .color-fg-default */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-default", + "name": "control-transparent-borderColor-hover", "attributes": {}, - "path": ["fgColor", "default"] + "path": ["control", "transparent", "borderColor", "hover"] }, - "fgColor-muted": { - "value": "#636c76", + "control-transparent-borderColor-active": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#6e7781", - "weight": 0.5 - }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" - } + "group": "component", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.gray.5}", - "weight": 0.5 } }, - "name": "fgColor-muted", + "name": "control-transparent-borderColor-active", "attributes": {}, - "path": ["fgColor", "muted"] + "path": ["control", "transparent", "borderColor", "active"] }, - "fgColor-onEmphasis": { - "value": "#ffffff", + "control-danger-fgColor-rest": { + "value": "#d1242f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-onEmphasis", + "name": "control-danger-fgColor-rest", "attributes": {}, - "path": ["fgColor", "onEmphasis"] + "path": ["control", "danger", "fgColor", "rest"] }, - "fgColor-disabled": { - "value": "#8c959f", + "control-danger-fgColor-hover": { + "value": "#d1242f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component", "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component", "scopes": ["fgColor"] } } }, - "name": "fgColor-disabled", + "name": "control-danger-fgColor-hover", "attributes": {}, - "path": ["fgColor", "disabled"] + "path": ["control", "danger", "fgColor", "hover"] }, - "fgColor-link": { - "value": "#0969da", + "control-danger-bgColor-hover": { + "value": "#ffebe9", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.accent.@}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-link", + "name": "control-danger-bgColor-hover", "attributes": {}, - "path": ["fgColor", "link", "@"] + "path": ["control", "danger", "bgColor", "hover"] }, - "fgColor-neutral": { - "value": "#6e7781", + "control-danger-bgColor-active": { + "value": "#ffebe966", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"] + "group": "component", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.4 }, - "name": "fgColor-neutral", + "name": "control-danger-bgColor-active", "attributes": {}, - "path": ["fgColor", "neutral", "@"] + "path": ["control", "danger", "bgColor", "active"] }, - "fgColor-accent": { + "control-checked-bgColor-rest": { "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-accent", + "name": "control-checked-bgColor-rest", "attributes": {}, - "path": ["fgColor", "accent", "@"] + "path": ["control", "checked", "bgColor", "rest"] }, - "fgColor-success": { - "value": "#1a7f37", + "control-checked-bgColor-hover": { + "value": "#0860ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-success) /* utility class: .color-fg-success */" - } + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.2 } }, - "name": "fgColor-success", + "name": "control-checked-bgColor-hover", "attributes": {}, - "path": ["fgColor", "success", "@"] + "path": ["control", "checked", "bgColor", "hover"] }, - "fgColor-attention": { - "value": "#9a6700", + "control-checked-bgColor-active": { + "value": "#0757ba", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" - } + "group": "component", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "fgColor-attention", + "name": "control-checked-bgColor-active", "attributes": {}, - "path": ["fgColor", "attention", "@"] + "path": ["control", "checked", "bgColor", "active"] }, - "fgColor-severe": { - "value": "#bc4c00", + "control-checked-bgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" - } + "group": "component", + "scopes": ["bgColor"] } } }, - "name": "fgColor-severe", + "name": "control-checked-bgColor-disabled", "attributes": {}, - "path": ["fgColor", "severe", "@"] + "path": ["control", "checked", "bgColor", "disabled"] }, - "fgColor-danger": { - "value": "#d1242f", + "control-checked-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "mix": { - "color": "#fa4549", - "weight": 0.05 - }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" - } + "group": "component", + "scopes": ["fgColor"] } - }, - "mix": { - "color": "{base.color.red.4}", - "weight": 0.05 } }, - "name": "fgColor-danger", + "name": "control-checked-fgColor-rest", "attributes": {}, - "path": ["fgColor", "danger", "@"] + "path": ["control", "checked", "fgColor", "rest"] }, - "fgColor-open": { - "value": "#1a7f37", + "control-checked-fgColor-disabled": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.success.@}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["fgColor"] } } }, - "name": "fgColor-open", + "name": "control-checked-fgColor-disabled", "attributes": {}, - "path": ["fgColor", "open", "@"] + "path": ["control", "checked", "fgColor", "disabled"] }, - "fgColor-closed": { - "value": "#d1242f", + "control-checked-borderColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{fgColor.danger.@}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "fgColor-closed", + "name": "control-checked-borderColor-rest", "attributes": {}, - "path": ["fgColor", "closed", "@"] + "path": ["control", "checked", "borderColor", "rest"] }, - "fgColor-done": { - "value": "#8250df", + "control-checked-borderColor-hover": { + "value": "#0860ca", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-done) /* utility class: .color-fg-done */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.2 } }, - "name": "fgColor-done", + "name": "control-checked-borderColor-hover", "attributes": {}, - "path": ["fgColor", "done", "@"] + "path": ["control", "checked", "borderColor", "hover"] }, - "fgColor-sponsors": { - "value": "#bf3989", + "control-checked-borderColor-active": { + "value": "#0757ba", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["fgColor"], - "codeSyntax": { - "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" - } + "group": "component", + "scopes": ["borderColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "fgColor-sponsors", + "name": "control-checked-borderColor-active", "attributes": {}, - "path": ["fgColor", "sponsors", "@"] + "path": ["control", "checked", "borderColor", "active"] }, - "bgColor-default": { - "value": "#ffffff", + "control-checked-borderColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.white}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-default) /* utility class: .color-bg-default */" - } + "group": "component", + "scopes": ["borderColor"] } } }, - "name": "bgColor-default", + "name": "control-checked-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "default"] + "path": ["control", "checked", "borderColor", "disabled"] }, - "bgColor-muted": { - "value": "#f6f8fa", + "controlTrack-bgColor-rest": { + "value": "#eaeef2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-muted", + "name": "controlTrack-bgColor-rest", "attributes": {}, - "path": ["bgColor", "muted"] + "path": ["controlTrack", "bgColor", "rest"] }, - "bgColor-inset": { - "value": "#f6f8fa", + "controlTrack-bgColor-hover": { + "value": "#dee3e8", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#afb8c1", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "scopes": ["bgColor", "borderColor"], - "group": "semantic", - "codeSyntax": { - "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.2 } }, - "name": "bgColor-inset", + "name": "controlTrack-bgColor-hover", "attributes": {}, - "path": ["bgColor", "inset"] + "path": ["controlTrack", "bgColor", "hover"] }, - "bgColor-emphasis": { - "value": "#24292f", + "controlTrack-bgColor-active": { + "value": "#d2d8de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#afb8c1", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.neutral.3}", + "weight": 0.4 } }, - "name": "bgColor-emphasis", + "name": "controlTrack-bgColor-active", "attributes": {}, - "path": ["bgColor", "emphasis"] + "path": ["controlTrack", "bgColor", "active"] }, - "bgColor-inverse": { - "value": "#24292f", + "controlTrack-bgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["bgColor"] } } }, - "name": "bgColor-inverse", + "name": "controlTrack-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "inverse"] + "path": ["controlTrack", "bgColor", "disabled"] }, - "bgColor-disabled": { - "value": "#f6f8fa", + "controlTrack-fgColor-rest": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-disabled", + "name": "controlTrack-fgColor-rest", "attributes": {}, - "path": ["bgColor", "disabled"] + "path": ["controlTrack", "fgColor", "rest"] }, - "bgColor-transparent": { - "value": "#ffffff00", + "controlTrack-fgColor-disabled": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-transparent", + "name": "controlTrack-fgColor-disabled", "attributes": {}, - "path": ["bgColor", "transparent"] + "path": ["controlTrack", "fgColor", "disabled"] }, - "bgColor-neutral-muted": { - "value": "#afb8c133", + "controlTrack-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.2 + } }, - "name": "bgColor-neutral-muted", + "name": "controlTrack-borderColor-rest", "attributes": {}, - "path": ["bgColor", "neutral", "muted"] + "path": ["controlTrack", "borderColor", "rest"] }, - "bgColor-neutral-emphasis": { - "value": "#6e7781", + "controlTrack-borderColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"] + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-neutral-emphasis", + "name": "controlTrack-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "neutral", "emphasis"] + "path": ["controlTrack", "borderColor", "disabled"] }, - "bgColor-accent-muted": { - "value": "#ddf4ff", + "controlKnob-bgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-accent-muted", + "name": "controlKnob-bgColor-rest", "attributes": {}, - "path": ["bgColor", "accent", "muted"] + "path": ["controlKnob", "bgColor", "rest"] }, - "bgColor-accent-emphasis": { - "value": "#0969da", + "controlKnob-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-accent-emphasis", + "name": "controlKnob-bgColor-disabled", "attributes": {}, - "path": ["bgColor", "accent", "emphasis"] + "path": ["controlKnob", "bgColor", "disabled"] }, - "bgColor-success-muted": { - "value": "#dafbe1", + "controlKnob-bgColor-checked": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-success-muted", + "name": "controlKnob-bgColor-checked", "attributes": {}, - "path": ["bgColor", "success", "muted"] + "path": ["controlKnob", "bgColor", "checked"] }, - "bgColor-success-emphasis": { - "value": "#1f883d", + "controlKnob-borderColor-rest": { + "value": "#868f99", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "mix": { - "color": "#1a7f37", - "weight": 0.75 - }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{control.borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "mix": { - "color": "{base.color.green.5}", - "weight": 0.75 } }, - "name": "bgColor-success-emphasis", + "name": "controlKnob-borderColor-rest", "attributes": {}, - "path": ["bgColor", "success", "emphasis"] + "path": ["controlKnob", "borderColor", "rest"] }, - "bgColor-attention-muted": { - "value": "#fff8c5", + "controlKnob-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-attention-muted", + "name": "controlKnob-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "attention", "muted"] + "path": ["controlKnob", "borderColor", "disabled"] }, - "bgColor-attention-emphasis": { - "value": "#9a6700", + "controlKnob-borderColor-checked": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-attention-emphasis", + "name": "controlKnob-borderColor-checked", "attributes": {}, - "path": ["bgColor", "attention", "emphasis"] + "path": ["controlKnob", "borderColor", "checked"] }, - "bgColor-severe-muted": { - "value": "#fff1e5", + "counter-borderColor": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-severe-muted", + "name": "counter-borderColor", "attributes": {}, - "path": ["bgColor", "severe", "muted"] + "path": ["counter", "borderColor"] }, - "bgColor-severe-emphasis": { - "value": "#bc4c00", + "button-default-fgColor-rest": { + "value": "#24292f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-severe-emphasis", + "name": "button-default-fgColor-rest", "attributes": {}, - "path": ["bgColor", "severe", "emphasis"] + "path": ["button", "default", "fgColor", "rest"] }, - "bgColor-danger-muted": { - "value": "#ffebe9", + "button-default-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-muted", + "name": "button-default-bgColor-rest", "attributes": {}, - "path": ["bgColor", "danger", "muted"] + "path": ["button", "default", "bgColor", "rest"] }, - "bgColor-danger-emphasis": { - "value": "#cf222e", + "button-default-bgColor-hover": { + "value": "#eef1f4", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-danger-emphasis", + "name": "button-default-bgColor-hover", "attributes": {}, - "path": ["bgColor", "danger", "emphasis"] + "path": ["button", "default", "bgColor", "hover"] }, - "bgColor-open-muted": { - "value": "#dafbe1", + "button-default-bgColor-active": { + "value": "#e7ebef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.muted}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-open-muted", + "name": "button-default-bgColor-active", "attributes": {}, - "path": ["bgColor", "open", "muted"] + "path": ["button", "default", "bgColor", "active"] }, - "bgColor-open-emphasis": { - "value": "#1f883d", + "button-default-bgColor-selected": { + "value": "#e7ebef", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } - } + "group": "component (internal)", + "scopes": ["bgColor"] + } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.success.emphasis}", + "value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "bgColor-open-emphasis", + "name": "button-default-bgColor-selected", "attributes": {}, - "path": ["bgColor", "open", "emphasis"] + "path": ["button", "default", "bgColor", "selected"] }, - "bgColor-closed-muted": { - "value": "#ffebe9", + "button-default-bgColor-disabled": { + "value": "#eaeef2b3", + "$type": "color", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{control.bgColor.disabled}", + "$type": "color" + }, + "name": "button-default-bgColor-disabled", + "attributes": {}, + "path": ["button", "default", "bgColor", "disabled"] + }, + "button-default-borderColor-rest": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-muted", + "name": "button-default-borderColor-rest", "attributes": {}, - "path": ["bgColor", "closed", "muted"] + "path": ["button", "default", "borderColor", "rest"] }, - "bgColor-closed-emphasis": { - "value": "#cf222e", + "button-default-borderColor-hover": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-closed-emphasis", + "name": "button-default-borderColor-hover", "attributes": {}, - "path": ["bgColor", "closed", "emphasis"] + "path": ["button", "default", "borderColor", "hover"] }, - "bgColor-done-muted": { - "value": "#fbefff", + "button-default-borderColor-active": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-done-muted", + "name": "button-default-borderColor-active", "attributes": {}, - "path": ["bgColor", "done", "muted"] + "path": ["button", "default", "borderColor", "active"] }, - "bgColor-done-emphasis": { - "value": "#8250df", + "button-default-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "bgColor-done-emphasis", + "name": "button-default-borderColor-disabled", "attributes": {}, - "path": ["bgColor", "done", "emphasis"] + "path": ["button", "default", "borderColor", "disabled"] }, - "bgColor-sponsors-muted": { - "value": "#ffeff7", - "$type": "color", + "button-default-shadow-resting": { + "value": "0px 1px 0px 0px #1f23280a", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", - "$type": "color", + "value": [ + { + "color": "{base.color.black}", + "alpha": 0.04, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": false + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" - } + "group": "component shadow" } } }, - "name": "bgColor-sponsors-muted", + "name": "button-default-shadow-resting", "attributes": {}, - "path": ["bgColor", "sponsors", "muted"] + "path": ["button", "default", "shadow", "resting"] }, - "bgColor-sponsors-emphasis": { - "value": "#bf3989", + "button-primary-fgColor-rest": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["bgColor"], - "codeSyntax": { - "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "bgColor-sponsors-emphasis", + "name": "button-primary-fgColor-rest", "attributes": {}, - "path": ["bgColor", "sponsors", "emphasis"] + "path": ["button", "primary", "fgColor", "rest"] }, - "borderColor-default": { - "value": "#d0d7de", + "button-primary-fgColor-disabled": { + "value": "#ffffffcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.8, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-default) /* utility class: .color-border-default */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.8 }, - "name": "borderColor-default", + "name": "button-primary-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "default"] + "path": ["button", "primary", "fgColor", "disabled"] }, - "borderColor-muted": { - "value": "#d0d7de80", + "button-primary-iconColor-rest": { + "value": "#ffffffcc", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.5, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.8, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.default}", + "value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.5 + "alpha": 0.8 }, - "name": "borderColor-muted", + "name": "button-primary-iconColor-rest", "attributes": {}, - "path": ["borderColor", "muted"] + "path": ["button", "primary", "iconColor", "rest"] }, - "borderColor-emphasis": { - "value": "#6e7781", + "button-primary-bgColor-rest": { + "value": "#1c8e75", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-emphasis", + "name": "button-primary-bgColor-rest", "attributes": {}, - "path": ["borderColor", "emphasis"] + "path": ["button", "primary", "bgColor", "rest"] }, - "borderColor-disabled": { - "value": "#f6f8fa", + "button-primary-bgColor-hover": { + "value": "#1a8566", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#116329", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{bgColor.disabled}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.6}", + "weight": 0.2 } }, - "name": "borderColor-disabled", + "name": "button-primary-bgColor-hover", "attributes": {}, - "path": ["borderColor", "disabled"] + "path": ["button", "primary", "bgColor", "hover"] }, - "borderColor-transparent": { - "value": "#ffffff00", + "button-primary-bgColor-active": { + "value": "#187d57", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#116329", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.transparent}", + "value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.green.6}", + "weight": 0.4 } }, - "name": "borderColor-transparent", + "name": "button-primary-bgColor-active", "attributes": {}, - "path": ["borderColor", "transparent"] + "path": ["button", "primary", "bgColor", "active"] }, - "borderColor-neutral-muted": { - "value": "#afb8c133", + "button-primary-bgColor-disabled": { + "value": "#95d8a6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.2, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "mix": { + "color": "#dafbe1", + "weight": 0.6 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"] + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.2 + "mix": { + "color": "{base.color.green.0}", + "weight": 0.6 + } }, - "name": "borderColor-neutral-muted", + "name": "button-primary-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "neutral", "muted"] + "path": ["button", "primary", "bgColor", "disabled"] }, - "borderColor-neutral-emphasis": { - "value": "#6e7781", + "button-primary-borderColor-rest": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", + "group": "component (internal)", "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "borderColor-neutral-emphasis", + "name": "button-primary-borderColor-rest", "attributes": {}, - "path": ["borderColor", "neutral", "emphasis"] + "path": ["button", "primary", "borderColor", "rest"] }, - "borderColor-accent-muted": { - "value": "#54aeff66", + "button-primary-borderColor-hover": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-accent-muted", + "name": "button-primary-borderColor-hover", "attributes": {}, - "path": ["borderColor", "accent", "muted"] + "path": ["button", "primary", "borderColor", "hover"] }, - "borderColor-accent-emphasis": { - "value": "#0969da", + "button-primary-borderColor-active": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-accent-emphasis", + "name": "button-primary-borderColor-active", "attributes": {}, - "path": ["borderColor", "accent", "emphasis"] + "path": ["button", "primary", "borderColor", "active"] }, - "borderColor-success-muted": { - "value": "#4ac26b66", + "button-primary-borderColor-disabled": { + "value": "#95d8a6", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{button.primary.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-success-muted", + "name": "button-primary-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "success", "muted"] + "path": ["button", "primary", "borderColor", "disabled"] }, - "borderColor-success-emphasis": { - "value": "#1a7f37", - "$type": "color", + "button-primary-shadow-selected": { + "value": "inset 0px 1px 0px 0px #07251f4d", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", - "$type": "color", + "value": [ + { + "color": "{prov.color.green.9}", + "alpha": 0.3, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" - } + "group": "component shadow" } } }, - "name": "borderColor-success-emphasis", + "name": "button-primary-shadow-selected", "attributes": {}, - "path": ["borderColor", "success", "emphasis"] + "path": ["button", "primary", "shadow", "selected"] }, - "borderColor-attention-muted": { - "value": "#d4a72c66", + "button-invisible-fgColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-attention-muted", + "name": "button-invisible-fgColor-rest", "attributes": {}, - "path": ["borderColor", "attention", "muted"] + "path": ["button", "invisible", "fgColor", "rest"] }, - "borderColor-attention-emphasis": { - "value": "#bf8700", + "button-invisible-fgColor-hover": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-attention-emphasis", + "name": "button-invisible-fgColor-hover", "attributes": {}, - "path": ["borderColor", "attention", "emphasis"] + "path": ["button", "invisible", "fgColor", "hover"] }, - "borderColor-severe-muted": { - "value": "#fb8f4466", + "button-invisible-fgColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-severe-muted", + "name": "button-invisible-fgColor-disabled", "attributes": {}, - "path": ["borderColor", "severe", "muted"] + "path": ["button", "invisible", "fgColor", "disabled"] }, - "borderColor-severe-emphasis": { - "value": "#bc4c00", + "button-invisible-iconColor-rest": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-severe-emphasis", + "name": "button-invisible-iconColor-rest", "attributes": {}, - "path": ["borderColor", "severe", "emphasis"] + "path": ["button", "invisible", "iconColor", "rest"] }, - "borderColor-danger-muted": { - "value": "#ff818266", + "button-invisible-iconColor-hover": { + "value": "#636c76", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-danger-muted", + "name": "button-invisible-iconColor-hover", "attributes": {}, - "path": ["borderColor", "danger", "muted"] + "path": ["button", "invisible", "iconColor", "hover"] }, - "borderColor-danger-emphasis": { - "value": "#cf222e", + "button-invisible-iconColor-disabled": { + "value": "#8c959f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-danger-emphasis", + "name": "button-invisible-iconColor-disabled", "attributes": {}, - "path": ["borderColor", "danger", "emphasis"] + "path": ["button", "invisible", "iconColor", "disabled"] }, - "borderColor-open-muted": { - "value": "#4ac26b66", + "button-invisible-bgColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.success.muted}", + "value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-muted", + "name": "button-invisible-bgColor-rest", "attributes": {}, - "path": ["borderColor", "open", "muted"] + "path": ["button", "invisible", "bgColor", "rest"] }, - "borderColor-open-emphasis": { - "value": "#1a7f37", + "button-invisible-bgColor-hover": { + "value": "#d0d7de33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{borderColor.success.emphasis}", + "value": "{control.transparent.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-open-emphasis", + "name": "button-invisible-bgColor-hover", "attributes": {}, - "path": ["borderColor", "open", "emphasis"] + "path": ["button", "invisible", "bgColor", "hover"] }, - "borderColor-closed-muted": { - "value": "#ff818266", + "button-invisible-bgColor-active": { + "value": "#d0d7de66", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{control.transparent.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-closed-muted", + "name": "button-invisible-bgColor-active", "attributes": {}, - "path": ["borderColor", "closed", "muted"] + "path": ["button", "invisible", "bgColor", "active"] }, - "borderColor-closed-emphasis": { - "value": "#cf222e", + "button-invisible-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{control.transparent.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" - } + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "borderColor-closed-emphasis", + "name": "button-invisible-bgColor-disabled", "attributes": {}, - "path": ["borderColor", "closed", "emphasis"] + "path": ["button", "invisible", "bgColor", "disabled"] }, - "borderColor-done-muted": { - "value": "#c297ff66", + "button-invisible-borderColor-rest": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-done-muted", + "name": "button-invisible-borderColor-rest", "attributes": {}, - "path": ["borderColor", "done", "muted"] + "path": ["button", "invisible", "borderColor", "rest"] }, - "borderColor-done-emphasis": { - "value": "#8250df", + "button-invisible-borderColor-hover": { + "value": "#ffffff00", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "borderColor-done-emphasis", + "name": "button-invisible-borderColor-hover", "attributes": {}, - "path": ["borderColor", "done", "emphasis"] + "path": ["button", "invisible", "borderColor", "hover"] }, - "borderColor-sponsors-muted": { - "value": "#ff80c866", + "button-invisible-borderColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "alpha": 0.4, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" - } + "group": "component (internal)", + "scopes": ["borderColor"] } - }, - "alpha": 0.4 + } }, - "name": "borderColor-sponsors-muted", + "name": "button-invisible-borderColor-disabled", "attributes": {}, - "path": ["borderColor", "sponsors", "muted"] + "path": ["button", "invisible", "borderColor", "disabled"] }, - "borderColor-sponsors-emphasis": { - "value": "#bf3989", + "button-outline-fgColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["borderColor"], - "codeSyntax": { - "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" - } + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "borderColor-sponsors-emphasis", + "name": "button-outline-fgColor-rest", "attributes": {}, - "path": ["borderColor", "sponsors", "emphasis"] + "path": ["button", "outline", "fgColor", "rest"] }, - "color-ansi-black": { - "value": "#24292f", + "button-outline-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black", + "name": "button-outline-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "black"] + "path": ["button", "outline", "fgColor", "hover"] }, - "color-ansi-black-bright": { - "value": "#57606a", + "button-outline-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-black-bright", + "name": "button-outline-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "black-bright"] + "path": ["button", "outline", "fgColor", "active"] }, - "color-ansi-white": { - "value": "#6e7781", + "button-outline-fgColor-disabled": { + "value": "#0969da80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-white", + "name": "button-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "white"] + "path": ["button", "outline", "fgColor", "disabled"] }, - "color-ansi-white-bright": { - "value": "#8c959f", + "button-outline-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-white-bright", + "name": "button-outline-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "white-bright"] + "path": ["button", "outline", "bgColor", "rest"] }, - "color-ansi-gray": { - "value": "#6e7781", + "button-outline-bgColor-hover": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-gray", + "name": "button-outline-bgColor-hover", "attributes": {}, - "path": ["color", "ansi", "gray"] + "path": ["button", "outline", "bgColor", "hover"] }, - "color-ansi-red": { - "value": "#cf222e", + "button-outline-bgColor-active": { + "value": "#0757ba", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#033d8b", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.7}", + "weight": 0.4 } }, - "name": "color-ansi-red", + "name": "button-outline-bgColor-active", "attributes": {}, - "path": ["color", "ansi", "red"] + "path": ["button", "outline", "bgColor", "active"] }, - "color-ansi-red-bright": { - "value": "#a40e26", + "button-outline-bgColor-disabled": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-red-bright", + "name": "button-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "red-bright"] + "path": ["button", "outline", "bgColor", "disabled"] }, - "color-ansi-green": { - "value": "#116329", + "button-outline-borderColor-hover": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-ansi-green", + "name": "button-outline-borderColor-hover", "attributes": {}, - "path": ["color", "ansi", "green"] + "path": ["button", "outline", "borderColor", "hover"] }, - "color-ansi-green-bright": { - "value": "#1a7f37", + "button-outline-borderColor-active": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-ansi-green-bright", + "name": "button-outline-borderColor-active", "attributes": {}, - "path": ["color", "ansi", "green-bright"] + "path": ["button", "outline", "borderColor", "active"] }, - "color-ansi-yellow": { - "value": "#4d2d00", - "$type": "color", + "button-outline-shadow-selected": { + "value": "inset 0px 1px 0px 0px #00215533", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", - "$type": "color", + "value": [ + { + "color": "{base.color.blue.9}", + "alpha": 0.2, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } } }, - "name": "color-ansi-yellow", + "name": "button-outline-shadow-selected", "attributes": {}, - "path": ["color", "ansi", "yellow"] + "path": ["button", "outline", "shadow", "selected"] }, - "color-ansi-yellow-bright": { - "value": "#633c01", + "button-danger-fgColor-rest": { + "value": "#d1242f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-yellow-bright", + "name": "button-danger-fgColor-rest", "attributes": {}, - "path": ["color", "ansi", "yellow-bright"] + "path": ["button", "danger", "fgColor", "rest"] }, - "color-ansi-blue": { - "value": "#0969da", + "button-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue", + "name": "button-danger-fgColor-hover", "attributes": {}, - "path": ["color", "ansi", "blue"] + "path": ["button", "danger", "fgColor", "hover"] }, - "color-ansi-blue-bright": { - "value": "#218bff", + "button-danger-fgColor-active": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-blue-bright", + "name": "button-danger-fgColor-active", "attributes": {}, - "path": ["color", "ansi", "blue-bright"] + "path": ["button", "danger", "fgColor", "active"] }, - "color-ansi-magenta": { - "value": "#8250df", + "button-danger-fgColor-disabled": { + "value": "#d1242f80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-ansi-magenta", + "name": "button-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "ansi", "magenta"] + "path": ["button", "danger", "fgColor", "disabled"] }, - "color-ansi-magenta-bright": { - "value": "#a475f9", + "button-danger-iconColor-rest": { + "value": "#d1242f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-magenta-bright", + "name": "button-danger-iconColor-rest", "attributes": {}, - "path": ["color", "ansi", "magenta-bright"] + "path": ["button", "danger", "iconColor", "rest"] }, - "color-ansi-cyan": { - "value": "#1b7c83", + "button-danger-iconColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "#1b7c83", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-ansi-cyan", + "name": "button-danger-iconColor-hover", "attributes": {}, - "path": ["color", "ansi", "cyan"] + "path": ["button", "danger", "iconColor", "hover"] }, - "color-ansi-cyan-bright": { - "value": "#3192aa", + "button-danger-bgColor-rest": { + "value": "#f6f8fa", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "#3192aa", + "value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-ansi-cyan-bright", + "name": "button-danger-bgColor-rest", "attributes": {}, - "path": ["color", "ansi", "cyan-bright"] + "path": ["button", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-comment": { - "value": "#57606a", + "button-danger-bgColor-hover": { + "value": "#a40e26", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-comment", + "name": "button-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "comment"] + "path": ["button", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-constant": { - "value": "#0550ae", + "button-danger-bgColor-active": { + "value": "#8b0820", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#660018", + "weight": 0.4 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.red.8}", + "weight": 0.4 } }, - "name": "color-prettylights-syntax-constant", + "name": "button-danger-bgColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant"] + "path": ["button", "danger", "bgColor", "active"] }, - "color-prettylights-syntax-constant-other-reference-link": { - "value": "#0a3069", + "button-danger-bgColor-disabled": { + "value": "#eaeef2b3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-constant-other-reference-link", + "name": "button-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] + "path": ["button", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-entity": { - "value": "#6639ba", + "button-danger-borderColor-rest": { + "value": "#d0d7de", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-entity", + "name": "button-danger-borderColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity"] + "path": ["button", "danger", "borderColor", "rest"] }, - "color-prettylights-syntax-storage-modifier-import": { - "value": "#24292f", + "button-danger-borderColor-hover": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.15, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } - } + }, + "alpha": 0.15 }, - "name": "color-prettylights-syntax-storage-modifier-import", + "name": "button-danger-borderColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] + "path": ["button", "danger", "borderColor", "hover"] }, - "color-prettylights-syntax-entity-tag": { - "value": "#0550ae", + "button-danger-borderColor-active": { + "value": "#1f232826", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-entity-tag", + "name": "button-danger-borderColor-active", "attributes": {}, - "path": ["color", "prettylights", "syntax", "entity-tag"] + "path": ["button", "danger", "borderColor", "active"] }, - "color-prettylights-syntax-keyword": { - "value": "#cf222e", - "$type": "color", + "button-danger-shadow-selected": { + "value": "inset 0px 1px 0px 0px #4c001433", + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", - "$type": "color", + "value": [ + { + "color": "{base.color.red.9}", + "alpha": 0.2, + "offsetX": "0px", + "offsetY": "1px", + "blur": "0px", + "spread": "0px", + "inset": true + } + ], + "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component shadow" } } }, - "name": "color-prettylights-syntax-keyword", + "name": "button-danger-shadow-selected", "attributes": {}, - "path": ["color", "prettylights", "syntax", "keyword"] + "path": ["button", "danger", "shadow", "selected"] }, - "color-prettylights-syntax-string": { - "value": "#0a3069", + "button-inactive-fgColor": { + "value": "#57606a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-string", + "name": "button-inactive-fgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string"] + "path": ["button", "inactive", "fgColor"] }, - "color-prettylights-syntax-variable": { - "value": "#953800", + "button-inactive-bgColor": { + "value": "#eaeef2", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-variable", + "name": "button-inactive-bgColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "variable"] + "path": ["button", "inactive", "bgColor"] }, - "color-prettylights-syntax-brackethighlighter-unmatched": { - "value": "#82071e", + "button-star-iconColor": { + "value": "#eac54f", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-unmatched", + "name": "button-star-iconColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] + "path": ["button", "star", "iconColor"] }, - "color-prettylights-syntax-brackethighlighter-angle": { - "value": "#57606a", + "buttonCounter-default-bgColor-rest": { + "value": "#afb8c133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", + "value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-brackethighlighter-angle", + "name": "buttonCounter-default-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] + "path": ["buttonCounter", "default", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-text": { - "value": "#f6f8fa", + "buttonCounter-invisible-bgColor-rest": { + "value": "#afb8c133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-invalid-illegal-text", + "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] + "path": ["buttonCounter", "invisible", "bgColor", "rest"] }, - "color-prettylights-syntax-invalid-illegal-bg": { - "value": "#82071e", + "buttonCounter-primary-bgColor-rest": { + "value": "#002d1133", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-invalid-illegal-bg", + "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] + "path": ["buttonCounter", "primary", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-text": { - "value": "#f6f8fa", + "buttonCounter-outline-bgColor-rest": { + "value": "#0969da1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.0}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-carriage-return-text", + "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] + "path": ["buttonCounter", "outline", "bgColor", "rest"] }, - "color-prettylights-syntax-carriage-return-bg": { - "value": "#cf222e", + "buttonCounter-outline-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-carriage-return-bg", + "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] + "path": ["buttonCounter", "outline", "bgColor", "hover"] }, - "color-prettylights-syntax-string-regexp": { - "value": "#116329", + "buttonCounter-outline-bgColor-disabled": { + "value": "#0969da0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-string-regexp", + "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "string-regexp"] + "path": ["buttonCounter", "outline", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-list": { - "value": "#3b2300", + "buttonCounter-outline-fgColor-rest": { + "value": "#0550ae", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-list", + "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "list"] + "path": ["buttonCounter", "outline", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-heading": { - "value": "#0550ae", + "buttonCounter-outline-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-heading", + "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "heading"] + "path": ["buttonCounter", "outline", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-italic": { - "value": "#24292f", + "buttonCounter-outline-fgColor-disabled": { + "value": "#0969da80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{fgColor.accent.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-italic", + "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "italic"] + "path": ["buttonCounter", "outline", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-bold": { - "value": "#24292f", + "buttonCounter-danger-bgColor-hover": { + "value": "#ffffff33", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.2 }, - "name": "color-prettylights-syntax-markup-bold", + "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "bold"] + "path": ["buttonCounter", "danger", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-deleted-text": { - "value": "#82071e", + "buttonCounter-danger-bgColor-disabled": { + "value": "#cf222e0d", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.05, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.05 }, - "name": "color-prettylights-syntax-markup-deleted-text", + "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] + "path": ["buttonCounter", "danger", "bgColor", "disabled"] }, - "color-prettylights-syntax-markup-deleted-bg": { - "value": "#ffebe9", + "buttonCounter-danger-bgColor-rest": { + "value": "#cf222e1a", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.1, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } - } + }, + "alpha": 0.1 }, - "name": "color-prettylights-syntax-markup-deleted-bg", + "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] + "path": ["buttonCounter", "danger", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-text": { - "value": "#116329", + "buttonCounter-danger-fgColor-rest": { + "value": "#c21c2c", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#a40e26", + "weight": 0.3 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{base.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } + }, + "mix": { + "color": "{base.color.red.6}", + "weight": 0.3 } }, - "name": "color-prettylights-syntax-markup-inserted-text", + "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] + "path": ["buttonCounter", "danger", "fgColor", "rest"] }, - "color-prettylights-syntax-markup-inserted-bg": { - "value": "#dafbe1", + "buttonCounter-danger-fgColor-hover": { + "value": "#ffffff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.0}", + "value": "{base.color.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-inserted-bg", + "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] + "path": ["buttonCounter", "danger", "fgColor", "hover"] }, - "color-prettylights-syntax-markup-changed-text": { - "value": "#953800", + "buttonCounter-danger-fgColor-disabled": { + "value": "#d1242f80", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{fgColor.danger.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } - } + }, + "alpha": 0.5 }, - "name": "color-prettylights-syntax-markup-changed-text", + "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] + "path": ["buttonCounter", "danger", "fgColor", "disabled"] }, - "color-prettylights-syntax-markup-changed-bg": { - "value": "#ffd8b5", + "reactionButton-selected-bgColor-rest": { + "value": "#ddf4ff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } } }, - "name": "color-prettylights-syntax-markup-changed-bg", + "name": "reactionButton-selected-bgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] + "path": ["reactionButton", "selected", "bgColor", "rest"] }, - "color-prettylights-syntax-markup-ignored-text": { - "value": "#eaeef2", + "reactionButton-selected-bgColor-hover": { + "value": "#caecff", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "mix": { + "color": "#80ccff", + "weight": 0.2 + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{reactionButton.selected.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["bgColor"] } + }, + "mix": { + "color": "{base.color.blue.2}", + "weight": 0.2 } }, - "name": "color-prettylights-syntax-markup-ignored-text", + "name": "reactionButton-selected-bgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] + "path": ["reactionButton", "selected", "bgColor", "hover"] }, - "color-prettylights-syntax-markup-ignored-bg": { - "value": "#0550ae", + "reactionButton-selected-fgColor-rest": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{fgColor.link.@}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-markup-ignored-bg", + "name": "reactionButton-selected-fgColor-rest", "attributes": {}, - "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] + "path": ["reactionButton", "selected", "fgColor", "rest"] }, - "color-prettylights-syntax-meta-diff-range": { - "value": "#8250df", + "reactionButton-selected-fgColor-hover": { + "value": "#0550ae", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["fgColor"] } } }, - "name": "color-prettylights-syntax-meta-diff-range", + "name": "reactionButton-selected-fgColor-hover", "attributes": {}, - "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] + "path": ["reactionButton", "selected", "fgColor", "hover"] }, - "color-prettylights-syntax-sublimelinter-gutter-mark": { - "value": "#8c959f", + "focus-outlineColor": { + "value": "#0969da", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } }, - "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{borderColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "mode": "light", - "group": "syntax" + "group": "component (internal)", + "scopes": ["borderColor"] } } }, - "name": "color-prettylights-syntax-sublimelinter-gutter-mark", + "name": "focus-outlineColor", "attributes": {}, - "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] + "path": ["focus", "outlineColor"] }, - "color-scale-black": { - "value": "#1f2328", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "focus-outline": { + "value": "#0969da solid 2px", + "$type": "border", + "filePath": "src/tokens/functional/border/light.json5", "isSource": true, "original": { - "value": "{base.color.black}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": { + "color": "{focus.outlineColor}", + "style": "solid", + "width": "2px" + }, + "$type": "border" }, - "name": "color-scale-black", + "name": "focus-outline", "attributes": {}, - "path": ["color", "scale", "black"] + "path": ["focus", "outline"] }, - "color-scale-transparent": { + "menu-bgColor-active": { "value": "#ffffff00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { "value": "{base.color.transparent}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-transparent", + "name": "menu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "transparent"] + "path": ["menu", "bgColor", "active"] }, - "color-scale-white": { + "overlay-bgColor": { "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { "value": "{base.color.white}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-white", + "name": "overlay-bgColor", "attributes": {}, - "path": ["color", "scale", "white"] + "path": ["overlay", "bgColor"] }, - "color-scale-gray-0": { - "value": "#f6f8fa", + "overlay-borderColor": { + "value": "#d0d7de80", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", - "isSource": true, - "original": { - "value": "{base.color.gray.0}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)" + } }, - "name": "color-scale-gray-0", - "attributes": {}, - "path": ["color", "scale", "gray", "0"] - }, - "color-scale-gray-1": { - "value": "#eaeef2", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "alpha": 0.5, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.1}", + "value": "{borderColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)" + } + }, + "alpha": 0.5 }, - "name": "color-scale-gray-1", + "name": "overlay-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "1"] + "path": ["overlay", "borderColor"] }, - "color-scale-gray-2": { - "value": "#d0d7de", + "overlay-backdrop-bgColor": { + "value": "#8c959f33", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.2}", + "value": "{base.color.neutral.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "color-scale-gray-2", + "name": "overlay-backdrop-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "2"] + "path": ["overlay", "backdrop", "bgColor"] }, - "color-scale-gray-3": { - "value": "#afb8c1", + "selectMenu-borderColor": { + "value": "#ffffff00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.3}", + "value": "{base.color.transparent}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-3", + "name": "selectMenu-borderColor", "attributes": {}, - "path": ["color", "scale", "gray", "3"] + "path": ["selectMenu", "borderColor"] }, - "color-scale-gray-4": { - "value": "#8c959f", + "selectMenu-bgColor-active": { + "value": "#b6e3ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.4}", + "value": "{base.color.blue.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-4", + "name": "selectMenu-bgColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "4"] + "path": ["selectMenu", "bgColor", "active"] }, - "color-scale-gray-5": { - "value": "#6e7781", + "sideNav-bgColor-selected": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.5}", + "value": "{base.color.white}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-5", + "name": "sideNav-bgColor-selected", "attributes": {}, - "path": ["color", "scale", "gray", "5"] + "path": ["sideNav", "bgColor", "selected"] }, - "color-scale-gray-6": { - "value": "#57606a", + "skeletonLoader-bgColor": { + "value": "#f6f8fa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.6}", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "value": "{bgColor.muted}", + "$type": "color" }, - "name": "color-scale-gray-6", + "name": "skeletonLoader-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "6"] + "path": ["skeletonLoader", "bgColor"] }, - "color-scale-gray-7": { - "value": "#424a53", + "timelineBadge-bgColor": { + "value": "#eaeef2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.7}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-7", + "name": "timelineBadge-bgColor", "attributes": {}, - "path": ["color", "scale", "gray", "7"] + "path": ["timelineBadge", "bgColor"] }, - "color-scale-gray-8": { - "value": "#32383f", + "treeViewItem-leadingVisual-iconColor-rest": { + "value": "#54aeff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.8}", + "value": "{base.color.blue.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-gray-8", + "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "gray", "8"] + "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"] }, - "color-scale-gray-9": { - "value": "#24292f", + "underlineNav-borderColor-active": { + "value": "#fd8c73", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.gray.9}", + "value": "{base.color.coral.3}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-gray-9", + "name": "underlineNav-borderColor-active", "attributes": {}, - "path": ["color", "scale", "gray", "9"] + "path": ["underlineNav", "borderColor", "active"] }, - "color-scale-blue-0": { - "value": "#ddf4ff", + "underlineNav-borderColor-hover": { + "value": "#afb8c133", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.0}", + "value": "{borderColor.neutral.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["borderColor"] + } + } }, - "name": "color-scale-blue-0", + "name": "underlineNav-borderColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "0"] + "path": ["underlineNav", "borderColor", "hover"] }, - "color-scale-blue-1": { - "value": "#b6e3ff", - "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "underlineNav-iconColor-rest": { + "value": "#636c76", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.1}", + "value": "{fgColor.muted}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-1", + "name": "underlineNav-iconColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "1"] + "path": ["underlineNav", "iconColor", "rest"] }, - "color-scale-blue-2": { - "value": "#80ccff", + "selection-bgColor": { + "value": "#0969da33", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.2}", + "value": "{bgColor.accent.emphasis}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 }, - "name": "color-scale-blue-2", + "name": "selection-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "2"] + "path": ["selection", "bgColor"] }, - "color-scale-blue-3": { - "value": "#54aeff", + "card-bgColor": { + "value": "#ffffff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.3}", + "value": "{bgColor.default}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-3", + "name": "card-bgColor", "attributes": {}, - "path": ["color", "scale", "blue", "3"] + "path": ["card", "bgColor"] }, - "color-scale-blue-4": { - "value": "#218bff", + "label-green-bgColor-rest": { + "value": "#caf7ca", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.4}", + "value": "{base.display.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-4", + "name": "label-green-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "4"] + "path": ["label", "green", "bgColor", "rest"] }, - "color-scale-blue-5": { - "value": "#0969da", + "label-green-bgColor-hover": { + "value": "#9ceda0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.5}", + "value": "{base.display.color.green.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-5", + "name": "label-green-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "5"] + "path": ["label", "green", "bgColor", "hover"] }, - "color-scale-blue-6": { - "value": "#0550ae", + "label-green-bgColor-active": { + "value": "#54d961", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.6}", + "value": "{base.display.color.green.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-blue-6", + "name": "label-green-bgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "6"] + "path": ["label", "green", "bgColor", "active"] }, - "color-scale-blue-7": { - "value": "#033d8b", + "label-green-fgColor-rest": { + "value": "#2b6e3f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.7}", + "value": "{base.display.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-7", + "name": "label-green-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "blue", "7"] + "path": ["label", "green", "fgColor", "rest"] }, - "color-scale-blue-8": { - "value": "#0a3069", + "label-green-fgColor-hover": { + "value": "#285c3b", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.8}", + "value": "{base.display.color.green.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-8", + "name": "label-green-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "blue", "8"] + "path": ["label", "green", "fgColor", "hover"] }, - "color-scale-blue-9": { - "value": "#002155", + "label-green-fgColor-active": { + "value": "#254b34", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.blue.9}", + "value": "{base.display.color.green.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-blue-9", + "name": "label-green-fgColor-active", "attributes": {}, - "path": ["color", "scale", "blue", "9"] + "path": ["label", "green", "fgColor", "active"] }, - "color-scale-green-0": { - "value": "#dafbe1", + "label-orange-bgColor-rest": { + "value": "#ffe7d1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.0}", + "value": "{base.display.color.orange.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-0", + "name": "label-orange-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "0"] + "path": ["label", "orange", "bgColor", "rest"] }, - "color-scale-green-1": { - "value": "#aceebb", + "label-orange-bgColor-hover": { + "value": "#fecfaa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.1}", + "value": "{base.display.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-1", + "name": "label-orange-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "1"] + "path": ["label", "orange", "bgColor", "hover"] }, - "color-scale-green-2": { - "value": "#6fdd8b", + "label-orange-bgColor-active": { + "value": "#fbaf74", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.2}", + "value": "{base.display.color.orange.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-2", + "name": "label-orange-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "2"] + "path": ["label", "orange", "bgColor", "active"] }, - "color-scale-green-3": { - "value": "#4ac26b", + "label-orange-fgColor-rest": { + "value": "#a24610", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.3}", + "value": "{base.display.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-3", + "name": "label-orange-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "3"] + "path": ["label", "orange", "fgColor", "rest"] }, - "color-scale-green-4": { - "value": "#2da44e", + "label-orange-fgColor-hover": { + "value": "#8d3c11", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.4}", + "value": "{base.display.color.orange.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-4", + "name": "label-orange-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "4"] + "path": ["label", "orange", "fgColor", "hover"] }, - "color-scale-green-5": { - "value": "#1a7f37", + "label-orange-fgColor-active": { + "value": "#70300f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.5}", + "value": "{base.display.color.orange.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-5", + "name": "label-orange-fgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "5"] + "path": ["label", "orange", "fgColor", "active"] }, - "color-scale-green-6": { - "value": "#116329", + "label-purple-bgColor-rest": { + "value": "#f1e5ff", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.6}", + "value": "{base.display.color.purple.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-6", + "name": "label-purple-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "6"] + "path": ["label", "purple", "bgColor", "rest"] }, - "color-scale-green-7": { - "value": "#044f1e", + "label-purple-bgColor-hover": { + "value": "#e6d2fe", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.7}", + "value": "{base.display.color.purple.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-7", + "name": "label-purple-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "green", "7"] + "path": ["label", "purple", "bgColor", "hover"] }, - "color-scale-green-8": { - "value": "#003d16", + "label-purple-bgColor-active": { + "value": "#d1b1fc", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.8}", + "value": "{base.display.color.purple.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-green-8", + "name": "label-purple-bgColor-active", "attributes": {}, - "path": ["color", "scale", "green", "8"] + "path": ["label", "purple", "bgColor", "active"] }, - "color-scale-green-9": { - "value": "#002d11", + "label-purple-fgColor-rest": { + "value": "#783ae4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.green.9}", + "value": "{base.display.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-green-9", + "name": "label-purple-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "green", "9"] + "path": ["label", "purple", "fgColor", "rest"] }, - "color-scale-yellow-0": { - "value": "#fff8c5", + "label-purple-fgColor-hover": { + "value": "#6223d7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.0}", + "value": "{base.display.color.purple.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-0", + "name": "label-purple-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "0"] + "path": ["label", "purple", "fgColor", "hover"] }, - "color-scale-yellow-1": { - "value": "#fae17d", + "label-purple-fgColor-active": { + "value": "#4f21ab", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.1}", + "value": "{base.display.color.purple.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-1", + "name": "label-purple-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "1"] + "path": ["label", "purple", "fgColor", "active"] }, - "color-scale-yellow-2": { - "value": "#eac54f", + "label-red-bgColor-rest": { + "value": "#ffe2e0", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.2}", + "value": "{base.display.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-2", + "name": "label-red-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "2"] + "path": ["label", "red", "bgColor", "rest"] }, - "color-scale-yellow-3": { - "value": "#d4a72c", + "label-red-bgColor-hover": { + "value": "#fecdcd", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.3}", + "value": "{base.display.color.red.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-3", + "name": "label-red-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "3"] + "path": ["label", "red", "bgColor", "hover"] }, - "color-scale-yellow-4": { - "value": "#bf8700", + "label-red-bgColor-active": { + "value": "#fda5a7", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.4}", + "value": "{base.display.color.red.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-4", + "name": "label-red-bgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "4"] + "path": ["label", "red", "bgColor", "active"] }, - "color-scale-yellow-5": { - "value": "#9a6700", + "label-red-fgColor-rest": { + "value": "#c50d28", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.5}", + "value": "{base.display.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-5", + "name": "label-red-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "5"] + "path": ["label", "red", "fgColor", "rest"] }, - "color-scale-yellow-6": { - "value": "#7d4e00", + "label-red-fgColor-hover": { + "value": "#a60c29", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.6}", + "value": "{base.display.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-6", + "name": "label-red-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "6"] + "path": ["label", "red", "fgColor", "hover"] }, - "color-scale-yellow-7": { - "value": "#633c01", + "label-red-fgColor-active": { + "value": "#880c27", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.7}", + "value": "{base.display.color.red.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-yellow-7", + "name": "label-red-fgColor-active", "attributes": {}, - "path": ["color", "scale", "yellow", "7"] + "path": ["label", "red", "fgColor", "active"] }, - "color-scale-yellow-8": { - "value": "#4d2d00", + "label-yellow-bgColor-rest": { + "value": "#ffec9e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.8}", + "value": "{base.display.color.yellow.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-8", + "name": "label-yellow-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "yellow", "8"] + "path": ["label", "yellow", "bgColor", "rest"] }, - "color-scale-yellow-9": { - "value": "#3b2300", + "label-yellow-bgColor-hover": { + "value": "#ffd642", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.yellow.9}", + "value": "{base.display.color.yellow.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-yellow-9", + "name": "label-yellow-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "yellow", "9"] + "path": ["label", "yellow", "bgColor", "hover"] }, - "color-scale-orange-0": { - "value": "#fff1e5", + "label-yellow-bgColor-active": { + "value": "#ebb400", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.0}", + "value": "{base.display.color.yellow.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-0", + "name": "label-yellow-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "0"] + "path": ["label", "yellow", "bgColor", "active"] }, - "color-scale-orange-1": { - "value": "#ffd8b5", + "label-yellow-fgColor-rest": { + "value": "#805900", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.1}", + "value": "{base.display.color.yellow.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-1", + "name": "label-yellow-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "1"] + "path": ["label", "yellow", "fgColor", "rest"] }, - "color-scale-orange-2": { - "value": "#ffb77c", + "label-yellow-fgColor-hover": { + "value": "#704d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.2}", + "value": "{base.display.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-2", + "name": "label-yellow-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "2"] + "path": ["label", "yellow", "fgColor", "hover"] }, - "color-scale-orange-3": { - "value": "#fb8f44", + "label-yellow-fgColor-active": { + "value": "#5c3d00", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.3}", + "value": "{base.display.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-3", + "name": "label-yellow-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "3"] + "path": ["label", "yellow", "fgColor", "active"] }, - "color-scale-orange-4": { - "value": "#e16f24", + "label-gray-bgColor-rest": { + "value": "#e8ecf2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.4}", + "value": "{base.display.color.gray.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-4", + "name": "label-gray-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "4"] + "path": ["label", "gray", "bgColor", "rest"] }, - "color-scale-orange-5": { - "value": "#bc4c00", + "label-gray-bgColor-hover": { + "value": "#d2dae4", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.5}", + "value": "{base.display.color.gray.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-5", + "name": "label-gray-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "5"] + "path": ["label", "gray", "bgColor", "hover"] }, - "color-scale-orange-6": { - "value": "#953800", + "label-gray-bgColor-active": { + "value": "#b4c0cf", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.6}", + "value": "{base.display.color.gray.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-orange-6", + "name": "label-gray-bgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "6"] + "path": ["label", "gray", "bgColor", "active"] }, - "color-scale-orange-7": { - "value": "#762c00", + "label-gray-fgColor-rest": { + "value": "#5c6570", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.7}", + "value": "{base.display.color.gray.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-7", + "name": "label-gray-fgColor-rest", "attributes": {}, - "path": ["color", "scale", "orange", "7"] + "path": ["label", "gray", "fgColor", "rest"] }, - "color-scale-orange-8": { - "value": "#5c2200", + "label-gray-fgColor-hover": { + "value": "#4e535a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.8}", + "value": "{base.display.color.gray.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-8", + "name": "label-gray-fgColor-hover", "attributes": {}, - "path": ["color", "scale", "orange", "8"] + "path": ["label", "gray", "fgColor", "hover"] }, - "color-scale-orange-9": { - "value": "#471700", + "label-gray-fgColor-active": { + "value": "#424448", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.orange.9}", + "value": "{base.display.color.gray.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } }, - "name": "color-scale-orange-9", + "name": "label-gray-fgColor-active", "attributes": {}, - "path": ["color", "scale", "orange", "9"] + "path": ["label", "gray", "fgColor", "active"] }, - "color-scale-red-0": { - "value": "#ffebe9", + "label-auburn-bgColor-rest": { + "value": "#f2e9e9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.0}", + "value": "{base.display.color.auburn.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-0", + "name": "label-auburn-bgColor-rest", "attributes": {}, - "path": ["color", "scale", "red", "0"] + "path": ["label", "auburn", "bgColor", "rest"] }, - "color-scale-red-1": { - "value": "#ffcecb", + "label-auburn-bgColor-hover": { + "value": "#e6d6d5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.1}", + "value": "{base.display.color.auburn.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } }, - "name": "color-scale-red-1", + "name": "label-auburn-bgColor-hover", "attributes": {}, - "path": ["color", "scale", "red", "1"] + "path": ["label", "auburn", "bgColor", "hover"] }, - "color-scale-red-2": { - "value": "#ffaba8", + "label-auburn-bgColor-active": { + "value": "#d4b7b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", "isSource": true, "original": { - "value": "{base.color.red.2}", + "value": "{base.display.color.auburn.2}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" - }, - "name": "color-scale-red-2", - "attributes": {}, - "path": ["color", "scale", "red", "2"] + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-auburn-bgColor-active", + "attributes": {}, + "path": ["label", "auburn", "bgColor", "active"] + }, + "label-auburn-fgColor-rest": { + "value": "#8a5551", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-rest", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "rest"] + }, + "label-auburn-fgColor-hover": { + "value": "#744744", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-hover", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "hover"] + }, + "label-auburn-fgColor-active": { + "value": "#5d3937", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.auburn.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-auburn-fgColor-active", + "attributes": {}, + "path": ["label", "auburn", "fgColor", "active"] + }, + "label-brown-bgColor-rest": { + "value": "#eeeae2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-rest", + "attributes": {}, + "path": ["label", "brown", "bgColor", "rest"] + }, + "label-brown-bgColor-hover": { + "value": "#dfd7c8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-hover", + "attributes": {}, + "path": ["label", "brown", "bgColor", "hover"] + }, + "label-brown-bgColor-active": { + "value": "#cbbda4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-brown-bgColor-active", + "attributes": {}, + "path": ["label", "brown", "bgColor", "active"] + }, + "label-brown-fgColor-rest": { + "value": "#755f43", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-rest", + "attributes": {}, + "path": ["label", "brown", "fgColor", "rest"] + }, + "label-brown-fgColor-hover": { + "value": "#64513a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-hover", + "attributes": {}, + "path": ["label", "brown", "fgColor", "hover"] + }, + "label-brown-fgColor-active": { + "value": "#51412f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.brown.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-brown-fgColor-active", + "attributes": {}, + "path": ["label", "brown", "fgColor", "active"] + }, + "label-lemon-bgColor-rest": { + "value": "#f7eea1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "rest"] + }, + "label-lemon-bgColor-hover": { + "value": "#f0db3d", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "hover"] + }, + "label-lemon-bgColor-active": { + "value": "#d8bd0e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lemon-bgColor-active", + "attributes": {}, + "path": ["label", "lemon", "bgColor", "active"] + }, + "label-lemon-fgColor-rest": { + "value": "#786002", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-rest", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "rest"] + }, + "label-lemon-fgColor-hover": { + "value": "#654f01", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-hover", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "hover"] + }, + "label-lemon-fgColor-active": { + "value": "#523f00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lemon.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lemon-fgColor-active", + "attributes": {}, + "path": ["label", "lemon", "fgColor", "active"] + }, + "label-olive-bgColor-rest": { + "value": "#f0f0ad", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-rest", + "attributes": {}, + "path": ["label", "olive", "bgColor", "rest"] + }, + "label-olive-bgColor-hover": { + "value": "#dbe170", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-hover", + "attributes": {}, + "path": ["label", "olive", "bgColor", "hover"] + }, + "label-olive-bgColor-active": { + "value": "#b9c832", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-olive-bgColor-active", + "attributes": {}, + "path": ["label", "olive", "bgColor", "active"] + }, + "label-olive-fgColor-rest": { + "value": "#56682c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-rest", + "attributes": {}, + "path": ["label", "olive", "fgColor", "rest"] + }, + "label-olive-fgColor-hover": { + "value": "#495a2b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-hover", + "attributes": {}, + "path": ["label", "olive", "fgColor", "hover"] + }, + "label-olive-fgColor-active": { + "value": "#3b4927", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.olive.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-olive-fgColor-active", + "attributes": {}, + "path": ["label", "olive", "fgColor", "active"] + }, + "label-lime-bgColor-rest": { + "value": "#e3f2b5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-rest", + "attributes": {}, + "path": ["label", "lime", "bgColor", "rest"] + }, + "label-lime-bgColor-hover": { + "value": "#c7e580", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-hover", + "attributes": {}, + "path": ["label", "lime", "bgColor", "hover"] + }, + "label-lime-bgColor-active": { + "value": "#9bd039", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-lime-bgColor-active", + "attributes": {}, + "path": ["label", "lime", "bgColor", "active"] + }, + "label-lime-fgColor-rest": { + "value": "#476c28", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-rest", + "attributes": {}, + "path": ["label", "lime", "fgColor", "rest"] + }, + "label-lime-fgColor-hover": { + "value": "#3a5b25", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-hover", + "attributes": {}, + "path": ["label", "lime", "fgColor", "hover"] + }, + "label-lime-fgColor-active": { + "value": "#2f4a21", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.lime.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-lime-fgColor-active", + "attributes": {}, + "path": ["label", "lime", "fgColor", "active"] + }, + "label-pine-bgColor-rest": { + "value": "#bff8db", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-rest", + "attributes": {}, + "path": ["label", "pine", "bgColor", "rest"] + }, + "label-pine-bgColor-hover": { + "value": "#80efb9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-hover", + "attributes": {}, + "path": ["label", "pine", "bgColor", "hover"] + }, + "label-pine-bgColor-active": { + "value": "#1dd781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pine-bgColor-active", + "attributes": {}, + "path": ["label", "pine", "bgColor", "active"] + }, + "label-pine-fgColor-rest": { + "value": "#156f4b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-rest", + "attributes": {}, + "path": ["label", "pine", "fgColor", "rest"] + }, + "label-pine-fgColor-hover": { + "value": "#135d41", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-hover", + "attributes": {}, + "path": ["label", "pine", "fgColor", "hover"] + }, + "label-pine-fgColor-active": { + "value": "#114b36", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pine.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pine-fgColor-active", + "attributes": {}, + "path": ["label", "pine", "fgColor", "active"] + }, + "label-teal-bgColor-rest": { + "value": "#c7f5ef", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-rest", + "attributes": {}, + "path": ["label", "teal", "bgColor", "rest"] + }, + "label-teal-bgColor-hover": { + "value": "#89ebe1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-hover", + "attributes": {}, + "path": ["label", "teal", "bgColor", "hover"] + }, + "label-teal-bgColor-active": { + "value": "#22d3c7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-teal-bgColor-active", + "attributes": {}, + "path": ["label", "teal", "bgColor", "active"] + }, + "label-teal-fgColor-rest": { + "value": "#106e75", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-rest", + "attributes": {}, + "path": ["label", "teal", "fgColor", "rest"] + }, + "label-teal-fgColor-hover": { + "value": "#0d5b63", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-hover", + "attributes": {}, + "path": ["label", "teal", "fgColor", "hover"] + }, + "label-teal-fgColor-active": { + "value": "#0a4852", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.teal.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-teal-fgColor-active", + "attributes": {}, + "path": ["label", "teal", "fgColor", "active"] + }, + "label-cyan-bgColor-rest": { + "value": "#bdf4ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "rest"] + }, + "label-cyan-bgColor-hover": { + "value": "#7ae9ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "hover"] + }, + "label-cyan-bgColor-active": { + "value": "#00d0fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-cyan-bgColor-active", + "attributes": {}, + "path": ["label", "cyan", "bgColor", "active"] + }, + "label-cyan-fgColor-rest": { + "value": "#006a80", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-rest", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "rest"] + }, + "label-cyan-fgColor-hover": { + "value": "#00596b", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-hover", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "hover"] + }, + "label-cyan-fgColor-active": { + "value": "#004857", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.cyan.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-cyan-fgColor-active", + "attributes": {}, + "path": ["label", "cyan", "fgColor", "active"] + }, + "label-indigo-bgColor-rest": { + "value": "#e5e9ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "rest"] + }, + "label-indigo-bgColor-hover": { + "value": "#d2d7fe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "hover"] + }, + "label-indigo-bgColor-active": { + "value": "#b1b9fb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-indigo-bgColor-active", + "attributes": {}, + "path": ["label", "indigo", "bgColor", "active"] + }, + "label-indigo-fgColor-rest": { + "value": "#494edf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-rest", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "rest"] + }, + "label-indigo-fgColor-hover": { + "value": "#393cd5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-hover", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "hover"] + }, + "label-indigo-fgColor-active": { + "value": "#2d2db4", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.indigo.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-indigo-fgColor-active", + "attributes": {}, + "path": ["label", "indigo", "fgColor", "active"] + }, + "label-blue-bgColor-rest": { + "value": "#d1f0ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-rest", + "attributes": {}, + "path": ["label", "blue", "bgColor", "rest"] + }, + "label-blue-bgColor-hover": { + "value": "#ade1ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-hover", + "attributes": {}, + "path": ["label", "blue", "bgColor", "hover"] + }, + "label-blue-bgColor-active": { + "value": "#75c8ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-blue-bgColor-active", + "attributes": {}, + "path": ["label", "blue", "bgColor", "active"] + }, + "label-blue-fgColor-rest": { + "value": "#005fcc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-rest", + "attributes": {}, + "path": ["label", "blue", "fgColor", "rest"] + }, + "label-blue-fgColor-hover": { + "value": "#004db3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-hover", + "attributes": {}, + "path": ["label", "blue", "fgColor", "hover"] + }, + "label-blue-fgColor-active": { + "value": "#003d99", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.blue.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-blue-fgColor-active", + "attributes": {}, + "path": ["label", "blue", "fgColor", "active"] + }, + "label-plum-bgColor-rest": { + "value": "#f8e5ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-rest", + "attributes": {}, + "path": ["label", "plum", "bgColor", "rest"] + }, + "label-plum-bgColor-hover": { + "value": "#f0cdfe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-hover", + "attributes": {}, + "path": ["label", "plum", "bgColor", "hover"] + }, + "label-plum-bgColor-active": { + "value": "#e2a7fb", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-plum-bgColor-active", + "attributes": {}, + "path": ["label", "plum", "bgColor", "active"] + }, + "label-plum-fgColor-rest": { + "value": "#961edc", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-rest", + "attributes": {}, + "path": ["label", "plum", "fgColor", "rest"] + }, + "label-plum-fgColor-hover": { + "value": "#7d1eb8", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-hover", + "attributes": {}, + "path": ["label", "plum", "fgColor", "hover"] + }, + "label-plum-fgColor-active": { + "value": "#651d96", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.plum.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-plum-fgColor-active", + "attributes": {}, + "path": ["label", "plum", "fgColor", "active"] + }, + "label-pink-bgColor-rest": { + "value": "#ffe5f1", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-rest", + "attributes": {}, + "path": ["label", "pink", "bgColor", "rest"] + }, + "label-pink-bgColor-hover": { + "value": "#fdc9e2", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-hover", + "attributes": {}, + "path": ["label", "pink", "bgColor", "hover"] + }, + "label-pink-bgColor-active": { + "value": "#f8a5cf", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-pink-bgColor-active", + "attributes": {}, + "path": ["label", "pink", "bgColor", "active"] + }, + "label-pink-fgColor-rest": { + "value": "#b12f79", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-rest", + "attributes": {}, + "path": ["label", "pink", "fgColor", "rest"] + }, + "label-pink-fgColor-hover": { + "value": "#8e2e66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-hover", + "attributes": {}, + "path": ["label", "pink", "fgColor", "hover"] + }, + "label-pink-fgColor-active": { + "value": "#6e2b53", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.pink.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-pink-fgColor-active", + "attributes": {}, + "path": ["label", "pink", "fgColor", "active"] + }, + "label-coral-bgColor-rest": { + "value": "#ffe5db", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-rest", + "attributes": {}, + "path": ["label", "coral", "bgColor", "rest"] + }, + "label-coral-bgColor-hover": { + "value": "#fecebe", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-hover", + "attributes": {}, + "path": ["label", "coral", "bgColor", "hover"] + }, + "label-coral-bgColor-active": { + "value": "#fcab92", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["bgColor"] + } + } + }, + "name": "label-coral-bgColor-active", + "attributes": {}, + "path": ["label", "coral", "bgColor", "active"] + }, + "label-coral-fgColor-rest": { + "value": "#ba2e12", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-rest", + "attributes": {}, + "path": ["label", "coral", "fgColor", "rest"] + }, + "label-coral-fgColor-hover": { + "value": "#9b2712", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.7}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-hover", + "attributes": {}, + "path": ["label", "coral", "fgColor", "hover"] + }, + "label-coral-fgColor-active": { + "value": "#7e2011", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/patterns-light.json5", + "isSource": true, + "original": { + "value": "{base.display.color.coral.8}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["fgColor"] + } + } + }, + "name": "label-coral-fgColor-active", + "attributes": {}, + "path": ["label", "coral", "fgColor", "active"] + }, + "fgColor-default": { + "value": "#1f2328", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-default) /* utility class: .color-fg-default */" + } + } + } + }, + "name": "fgColor-default", + "attributes": {}, + "path": ["fgColor", "default"] + }, + "fgColor-muted": { + "value": "#636c76", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "#6e7781", + "weight": 0.5 + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" + } + } + }, + "mix": { + "color": "{base.color.neutral.5}", + "weight": 0.5 + } + }, + "name": "fgColor-muted", + "attributes": {}, + "path": ["fgColor", "muted"] + }, + "fgColor-onEmphasis": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" + } + } + } + }, + "name": "fgColor-onEmphasis", + "attributes": {}, + "path": ["fgColor", "onEmphasis"] + }, + "fgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-white", + "attributes": {}, + "path": ["fgColor", "white"] + }, + "fgColor-black": { + "value": "#1f2328", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-black", + "attributes": {}, + "path": ["fgColor", "black"] + }, + "fgColor-disabled": { + "value": "#8c959f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-disabled", + "attributes": {}, + "path": ["fgColor", "disabled"] + }, + "fgColor-link": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{fgColor.accent.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-link", + "attributes": {}, + "path": ["fgColor", "link", "@"] + }, + "fgColor-neutral": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"] + } + } + }, + "name": "fgColor-neutral", + "attributes": {}, + "path": ["fgColor", "neutral", "@"] + }, + "fgColor-accent": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" + } + } + } + }, + "name": "fgColor-accent", + "attributes": {}, + "path": ["fgColor", "accent", "@"] + }, + "fgColor-success": { + "value": "#08856c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{prov.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-success) /* utility class: .color-fg-success */" + } + } + } + }, + "name": "fgColor-success", + "attributes": {}, + "path": ["fgColor", "success", "@"] + }, + "fgColor-attention": { + "value": "#9a6700", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" + } + } + } + }, + "name": "fgColor-attention", + "attributes": {}, + "path": ["fgColor", "attention", "@"] + }, + "fgColor-severe": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" + } + } + } + }, + "name": "fgColor-severe", + "attributes": {}, + "path": ["fgColor", "severe", "@"] + }, + "fgColor-danger": { + "value": "#d1242f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "mix": { + "color": "#fa4549", + "weight": 0.05 + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" + } + } + }, + "mix": { + "color": "{base.color.red.4}", + "weight": 0.05 + } + }, + "name": "fgColor-danger", + "attributes": {}, + "path": ["fgColor", "danger", "@"] + }, + "fgColor-open": { + "value": "#08856c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{fgColor.success.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + } + } + }, + "name": "fgColor-open", + "attributes": {}, + "path": ["fgColor", "open", "@"] + }, + "fgColor-closed": { + "value": "#d1242f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{fgColor.danger.@}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + } + } + }, + "name": "fgColor-closed", + "attributes": {}, + "path": ["fgColor", "closed", "@"] + }, + "fgColor-done": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-done) /* utility class: .color-fg-done */" + } + } + } + }, + "name": "fgColor-done", + "attributes": {}, + "path": ["fgColor", "done", "@"] + }, + "fgColor-upsell": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + } + } + }, + "name": "fgColor-upsell", + "attributes": {}, + "path": ["fgColor", "upsell", "@"] + }, + "fgColor-sponsors": { + "value": "#bf3989", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["fgColor"], + "codeSyntax": { + "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" + } + } + } + }, + "name": "fgColor-sponsors", + "attributes": {}, + "path": ["fgColor", "sponsors", "@"] + }, + "bgColor-default": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-default) /* utility class: .color-bg-default */" + } + } + } + }, + "name": "bgColor-default", + "attributes": {}, + "path": ["bgColor", "default"] + }, + "bgColor-muted": { + "value": "#f6f8fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" + } + } + } + }, + "name": "bgColor-muted", + "attributes": {}, + "path": ["bgColor", "muted"] + }, + "bgColor-inset": { + "value": "#f6f8fa", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "scopes": ["bgColor", "borderColor"], + "group": "semantic", + "codeSyntax": { + "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" + } + } + } + }, + "name": "bgColor-inset", + "attributes": {}, + "path": ["bgColor", "inset"] + }, + "bgColor-emphasis": { + "value": "#24292f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } + } + } + }, + "name": "bgColor-emphasis", + "attributes": {}, + "path": ["bgColor", "emphasis"] + }, + "bgColor-inverse": { + "value": "#24292f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-inverse", + "attributes": {}, + "path": ["bgColor", "inverse"] + }, + "bgColor-white": { + "value": "#ffffff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.white}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-white", + "attributes": {}, + "path": ["bgColor", "white"] + }, + "bgColor-black": { + "value": "#1f2328", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.black}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-black", + "attributes": {}, + "path": ["bgColor", "black"] + }, + "bgColor-disabled": { + "value": "#eaeef2b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.1}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.7 + }, + "name": "bgColor-disabled", + "attributes": {}, + "path": ["bgColor", "disabled"] + }, + "bgColor-transparent": { + "value": "#ffffff00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" + } + } + } + }, + "name": "bgColor-transparent", + "attributes": {}, + "path": ["bgColor", "transparent"] + }, + "bgColor-neutral-muted": { + "value": "#afb8c133", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "alpha": 0.2 + }, + "name": "bgColor-neutral-muted", + "attributes": {}, + "path": ["bgColor", "neutral", "muted"] + }, + "bgColor-neutral-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"] + } + } + }, + "name": "bgColor-neutral-emphasis", + "attributes": {}, + "path": ["bgColor", "neutral", "emphasis"] + }, + "bgColor-accent-muted": { + "value": "#ddf4ff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" + } + } + } + }, + "name": "bgColor-accent-muted", + "attributes": {}, + "path": ["bgColor", "accent", "muted"] + }, + "bgColor-accent-emphasis": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" + } + } + } + }, + "name": "bgColor-accent-emphasis", + "attributes": {}, + "path": ["bgColor", "accent", "emphasis"] + }, + "bgColor-success-muted": { + "value": "#f3f8f6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{prov.color.green.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + } + }, + "name": "bgColor-success-muted", + "attributes": {}, + "path": ["bgColor", "success", "muted"] + }, + "bgColor-success-emphasis": { + "value": "#1c8e75", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "mix": { + "color": "#08856c", + "weight": 0.75 + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{prov.color.green.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "mix": { + "color": "{prov.color.green.5}", + "weight": 0.75 + } + }, + "name": "bgColor-success-emphasis", + "attributes": {}, + "path": ["bgColor", "success", "emphasis"] + }, + "bgColor-attention-muted": { + "value": "#fff8c5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" + } + } + } + }, + "name": "bgColor-attention-muted", + "attributes": {}, + "path": ["bgColor", "attention", "muted"] + }, + "bgColor-attention-emphasis": { + "value": "#9a6700", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" + } + } + } + }, + "name": "bgColor-attention-emphasis", + "attributes": {}, + "path": ["bgColor", "attention", "emphasis"] + }, + "bgColor-severe-muted": { + "value": "#fff1e5", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" + } + } + } + }, + "name": "bgColor-severe-muted", + "attributes": {}, + "path": ["bgColor", "severe", "muted"] + }, + "bgColor-severe-emphasis": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" + } + } + } + }, + "name": "bgColor-severe-emphasis", + "attributes": {}, + "path": ["bgColor", "severe", "emphasis"] + }, + "bgColor-danger-muted": { + "value": "#ffebe9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" + } + } + } + }, + "name": "bgColor-danger-muted", + "attributes": {}, + "path": ["bgColor", "danger", "muted"] + }, + "bgColor-danger-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" + } + } + } + }, + "name": "bgColor-danger-emphasis", + "attributes": {}, + "path": ["bgColor", "danger", "emphasis"] + }, + "bgColor-open-muted": { + "value": "#f3f8f6", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + } + } + }, + "name": "bgColor-open-muted", + "attributes": {}, + "path": ["bgColor", "open", "muted"] + }, + "bgColor-open-emphasis": { + "value": "#1c8e75", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{bgColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + } + } + }, + "name": "bgColor-open-emphasis", + "attributes": {}, + "path": ["bgColor", "open", "emphasis"] + }, + "bgColor-closed-muted": { + "value": "#ffebe9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" + } + } + } + }, + "name": "bgColor-closed-muted", + "attributes": {}, + "path": ["bgColor", "closed", "muted"] + }, + "bgColor-closed-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" + } + } + } + }, + "name": "bgColor-closed-emphasis", + "attributes": {}, + "path": ["bgColor", "closed", "emphasis"] + }, + "bgColor-done-muted": { + "value": "#fbefff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" + } + } + } + }, + "name": "bgColor-done-muted", + "attributes": {}, + "path": ["bgColor", "done", "muted"] + }, + "bgColor-done-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" + } + } + } + }, + "name": "bgColor-done-emphasis", + "attributes": {}, + "path": ["bgColor", "done", "emphasis"] + }, + "bgColor-upsell-muted": { + "value": "#fbefff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + } + } + }, + "name": "bgColor-upsell-muted", + "attributes": {}, + "path": ["bgColor", "upsell", "muted"] + }, + "bgColor-upsell-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + } + } + }, + "name": "bgColor-upsell-emphasis", + "attributes": {}, + "path": ["bgColor", "upsell", "emphasis"] + }, + "bgColor-sponsors-muted": { + "value": "#ffeff7", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.0}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" + } + } + } + }, + "name": "bgColor-sponsors-muted", + "attributes": {}, + "path": ["bgColor", "sponsors", "muted"] + }, + "bgColor-sponsors-emphasis": { + "value": "#bf3989", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["bgColor"], + "codeSyntax": { + "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" + } + } + } + }, + "name": "bgColor-sponsors-emphasis", + "attributes": {}, + "path": ["bgColor", "sponsors", "emphasis"] + }, + "borderColor-default": { + "value": "#d0d7de", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.2}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-default) /* utility class: .color-border-default */" + } + } + } + }, + "name": "borderColor-default", + "attributes": {}, + "path": ["borderColor", "default"] + }, + "borderColor-muted": { + "value": "#d0d7deb3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{borderColor.default}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + } + }, + "alpha": 0.7 + }, + "name": "borderColor-muted", + "attributes": {}, + "path": ["borderColor", "muted"] + }, + "borderColor-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-emphasis", + "attributes": {}, + "path": ["borderColor", "emphasis"] + }, + "borderColor-disabled": { + "value": "#eaeef2b3", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{bgColor.disabled}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-disabled", + "attributes": {}, + "path": ["borderColor", "disabled"] + }, + "borderColor-transparent": { + "value": "#ffffff00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.transparent}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-transparent", + "attributes": {}, + "path": ["borderColor", "transparent"] + }, + "borderColor-neutral-muted": { + "value": "#afb8c133", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.2, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "alpha": 0.2 + }, + "name": "borderColor-neutral-muted", + "attributes": {}, + "path": ["borderColor", "neutral", "muted"] + }, + "borderColor-neutral-emphasis": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"] + } + } + }, + "name": "borderColor-neutral-emphasis", + "attributes": {}, + "path": ["borderColor", "neutral", "emphasis"] + }, + "borderColor-accent-muted": { + "value": "#54aeff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-accent-muted", + "attributes": {}, + "path": ["borderColor", "accent", "muted"] + }, + "borderColor-accent-emphasis": { + "value": "#0969da", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" + } + } + } + }, + "name": "borderColor-accent-emphasis", + "attributes": {}, + "path": ["borderColor", "accent", "emphasis"] + }, + "borderColor-success-muted": { + "value": "#94c5b666", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{prov.color.green.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-success-muted", + "attributes": {}, + "path": ["borderColor", "success", "muted"] + }, + "borderColor-success-emphasis": { + "value": "#08856c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{prov.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" + } + } + } + }, + "name": "borderColor-success-emphasis", + "attributes": {}, + "path": ["borderColor", "success", "emphasis"] + }, + "borderColor-attention-muted": { + "value": "#d4a72c66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-attention-muted", + "attributes": {}, + "path": ["borderColor", "attention", "muted"] + }, + "borderColor-attention-emphasis": { + "value": "#bf8700", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" + } + } + } + }, + "name": "borderColor-attention-emphasis", + "attributes": {}, + "path": ["borderColor", "attention", "emphasis"] + }, + "borderColor-severe-muted": { + "value": "#fb8f4466", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-severe-muted", + "attributes": {}, + "path": ["borderColor", "severe", "muted"] + }, + "borderColor-severe-emphasis": { + "value": "#bc4c00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.orange.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" + } + } + } + }, + "name": "borderColor-severe-emphasis", + "attributes": {}, + "path": ["borderColor", "severe", "emphasis"] + }, + "borderColor-danger-muted": { + "value": "#ff818266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-danger-muted", + "attributes": {}, + "path": ["borderColor", "danger", "muted"] + }, + "borderColor-danger-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" + } + } + } + }, + "name": "borderColor-danger-emphasis", + "attributes": {}, + "path": ["borderColor", "danger", "emphasis"] + }, + "borderColor-open-muted": { + "value": "#94c5b666", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.muted}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + } + } + }, + "name": "borderColor-open-muted", + "attributes": {}, + "path": ["borderColor", "open", "muted"] + }, + "borderColor-open-emphasis": { + "value": "#08856c", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{borderColor.success.emphasis}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + } + } + }, + "name": "borderColor-open-emphasis", + "attributes": {}, + "path": ["borderColor", "open", "emphasis"] + }, + "borderColor-closed-muted": { + "value": "#ff818266", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-closed-muted", + "attributes": {}, + "path": ["borderColor", "closed", "muted"] + }, + "borderColor-closed-emphasis": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" + } + } + } + }, + "name": "borderColor-closed-emphasis", + "attributes": {}, + "path": ["borderColor", "closed", "emphasis"] + }, + "borderColor-done-muted": { + "value": "#c297ff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-done-muted", + "attributes": {}, + "path": ["borderColor", "done", "muted"] + }, + "borderColor-done-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-done-emphasis)" + } + } + } + }, + "name": "borderColor-done-emphasis", + "attributes": {}, + "path": ["borderColor", "done", "emphasis"] + }, + "borderColor-upsell-muted": { + "value": "#c297ff66", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-upsell-muted", + "attributes": {}, + "path": ["borderColor", "upsell", "muted"] + }, + "borderColor-upsell-emphasis": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis)" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis)" + } + } + } + }, + "name": "borderColor-upsell-emphasis", + "attributes": {}, + "path": ["borderColor", "upsell", "emphasis"] + }, + "borderColor-sponsors-muted": { + "value": "#ff80c866", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.3}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" + } + } + }, + "alpha": 0.4 + }, + "name": "borderColor-sponsors-muted", + "attributes": {}, + "path": ["borderColor", "sponsors", "muted"] + }, + "borderColor-sponsors-emphasis": { + "value": "#bf3989", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + }, + "filePath": "src/tokens/functional/color/light/primitives-light.json5", + "isSource": true, + "original": { + "value": "{base.color.pink.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["borderColor"], + "codeSyntax": { + "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" + } + } + } + }, + "name": "borderColor-sponsors-emphasis", + "attributes": {}, + "path": ["borderColor", "sponsors", "emphasis"] + }, + "color-ansi-black": { + "value": "#24292f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.9}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-black", + "attributes": {}, + "path": ["color", "ansi", "black"] + }, + "color-ansi-black-bright": { + "value": "#57606a", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.6}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-black-bright", + "attributes": {}, + "path": ["color", "ansi", "black-bright"] + }, + "color-ansi-white": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-white", + "attributes": {}, + "path": ["color", "ansi", "white"] + }, + "color-ansi-white-bright": { + "value": "#8c959f", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-white-bright", + "attributes": {}, + "path": ["color", "ansi", "white-bright"] + }, + "color-ansi-gray": { + "value": "#6e7781", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.neutral.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-gray", + "attributes": {}, + "path": ["color", "ansi", "gray"] + }, + "color-ansi-red": { + "value": "#cf222e", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.red.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-red", + "attributes": {}, + "path": ["color", "ansi", "red"] }, - "color-scale-red-3": { - "value": "#ff8182", + "color-ansi-red-bright": { + "value": "#a40e26", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.red.3}", + "value": "{base.color.red.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-red-3", + "name": "color-ansi-red-bright", "attributes": {}, - "path": ["color", "scale", "red", "3"] + "path": ["color", "ansi", "red-bright"] }, - "color-scale-red-4": { - "value": "#fa4549", + "color-ansi-green": { + "value": "#116329", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.red.4}", + "value": "{base.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-red-4", + "name": "color-ansi-green", "attributes": {}, - "path": ["color", "scale", "red", "4"] + "path": ["color", "ansi", "green"] }, - "color-scale-red-5": { - "value": "#cf222e", + "color-ansi-green-bright": { + "value": "#1a7f37", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.red.5}", + "value": "{base.color.green.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-green-bright", + "attributes": {}, + "path": ["color", "ansi", "green-bright"] + }, + "color-ansi-yellow": { + "value": "#4d2d00", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.yellow.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-red-5", + "name": "color-ansi-yellow", "attributes": {}, - "path": ["color", "scale", "red", "5"] + "path": ["color", "ansi", "yellow"] }, - "color-scale-red-6": { - "value": "#a40e26", + "color-ansi-yellow-bright": { + "value": "#633c01", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.red.6}", + "value": "{base.color.yellow.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-red-6", + "name": "color-ansi-yellow-bright", "attributes": {}, - "path": ["color", "scale", "red", "6"] + "path": ["color", "ansi", "yellow-bright"] }, - "color-scale-red-7": { - "value": "#82071e", + "color-ansi-blue": { + "value": "#0969da", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.red.7}", + "value": "{base.color.blue.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue", + "attributes": {}, + "path": ["color", "ansi", "blue"] + }, + "color-ansi-blue-bright": { + "value": "#218bff", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.blue.4}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-blue-bright", + "attributes": {}, + "path": ["color", "ansi", "blue-bright"] + }, + "color-ansi-magenta": { + "value": "#8250df", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.5}", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } + }, + "name": "color-ansi-magenta", + "attributes": {}, + "path": ["color", "ansi", "magenta"] + }, + "color-ansi-magenta-bright": { + "value": "#a475f9", + "$type": "color", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", + "isSource": true, + "original": { + "value": "{base.color.purple.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-red-7", + "name": "color-ansi-magenta-bright", "attributes": {}, - "path": ["color", "scale", "red", "7"] + "path": ["color", "ansi", "magenta-bright"] }, - "color-scale-red-8": { - "value": "#660018", + "color-ansi-cyan": { + "value": "#1b7c83", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.red.8}", + "value": "#1b7c83", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-red-8", + "name": "color-ansi-cyan", "attributes": {}, - "path": ["color", "scale", "red", "8"] + "path": ["color", "ansi", "cyan"] }, - "color-scale-red-9": { - "value": "#4c0014", + "color-ansi-cyan-bright": { + "value": "#3192aa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.red.9}", + "value": "#3192aa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-red-9", + "name": "color-ansi-cyan-bright", "attributes": {}, - "path": ["color", "scale", "red", "9"] + "path": ["color", "ansi", "cyan-bright"] }, - "color-scale-purple-0": { - "value": "#fbefff", + "color-prettylights-syntax-comment": { + "value": "#57606a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.0}", + "value": "{base.color.neutral.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-0", + "name": "color-prettylights-syntax-comment", "attributes": {}, - "path": ["color", "scale", "purple", "0"] + "path": ["color", "prettylights", "syntax", "comment"] }, - "color-scale-purple-1": { - "value": "#ecd8ff", + "color-prettylights-syntax-constant": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.1}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-1", + "name": "color-prettylights-syntax-constant", "attributes": {}, - "path": ["color", "scale", "purple", "1"] + "path": ["color", "prettylights", "syntax", "constant"] }, - "color-scale-purple-2": { - "value": "#d8b9ff", + "color-prettylights-syntax-constant-other-reference-link": { + "value": "#0a3069", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.2}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-2", + "name": "color-prettylights-syntax-constant-other-reference-link", "attributes": {}, - "path": ["color", "scale", "purple", "2"] + "path": ["color", "prettylights", "syntax", "constant-other-reference-link"] }, - "color-scale-purple-3": { - "value": "#c297ff", + "color-prettylights-syntax-entity": { + "value": "#6639ba", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.3}", + "value": "{base.color.purple.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-3", + "name": "color-prettylights-syntax-entity", "attributes": {}, - "path": ["color", "scale", "purple", "3"] + "path": ["color", "prettylights", "syntax", "entity"] }, - "color-scale-purple-4": { - "value": "#a475f9", + "color-prettylights-syntax-storage-modifier-import": { + "value": "#24292f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.4}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-4", + "name": "color-prettylights-syntax-storage-modifier-import", "attributes": {}, - "path": ["color", "scale", "purple", "4"] + "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"] }, - "color-scale-purple-5": { - "value": "#8250df", + "color-prettylights-syntax-entity-tag": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.5}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-5", + "name": "color-prettylights-syntax-entity-tag", "attributes": {}, - "path": ["color", "scale", "purple", "5"] + "path": ["color", "prettylights", "syntax", "entity-tag"] }, - "color-scale-purple-6": { - "value": "#6639ba", + "color-prettylights-syntax-keyword": { + "value": "#cf222e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.6}", + "value": "{base.color.red.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-6", + "name": "color-prettylights-syntax-keyword", "attributes": {}, - "path": ["color", "scale", "purple", "6"] + "path": ["color", "prettylights", "syntax", "keyword"] }, - "color-scale-purple-7": { - "value": "#512a97", + "color-prettylights-syntax-string": { + "value": "#0a3069", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.7}", + "value": "{base.color.blue.8}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-7", + "name": "color-prettylights-syntax-string", "attributes": {}, - "path": ["color", "scale", "purple", "7"] + "path": ["color", "prettylights", "syntax", "string"] }, - "color-scale-purple-8": { - "value": "#3e1f79", + "color-prettylights-syntax-variable": { + "value": "#953800", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.8}", + "value": "{base.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-8", + "name": "color-prettylights-syntax-variable", "attributes": {}, - "path": ["color", "scale", "purple", "8"] + "path": ["color", "prettylights", "syntax", "variable"] }, - "color-scale-purple-9": { - "value": "#2e1461", + "color-prettylights-syntax-brackethighlighter-unmatched": { + "value": "#82071e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.purple.9}", + "value": "{base.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-purple-9", + "name": "color-prettylights-syntax-brackethighlighter-unmatched", "attributes": {}, - "path": ["color", "scale", "purple", "9"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"] }, - "color-scale-pink-0": { - "value": "#ffeff7", + "color-prettylights-syntax-brackethighlighter-angle": { + "value": "#57606a", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.0}", + "value": "{base.color.neutral.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-0", + "name": "color-prettylights-syntax-brackethighlighter-angle", "attributes": {}, - "path": ["color", "scale", "pink", "0"] + "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"] }, - "color-scale-pink-1": { - "value": "#ffd3eb", + "color-prettylights-syntax-invalid-illegal-text": { + "value": "#f6f8fa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.1}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-1", + "name": "color-prettylights-syntax-invalid-illegal-text", "attributes": {}, - "path": ["color", "scale", "pink", "1"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"] }, - "color-scale-pink-2": { - "value": "#ffadda", + "color-prettylights-syntax-invalid-illegal-bg": { + "value": "#82071e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.2}", + "value": "{base.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-2", + "name": "color-prettylights-syntax-invalid-illegal-bg", "attributes": {}, - "path": ["color", "scale", "pink", "2"] + "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"] }, - "color-scale-pink-3": { - "value": "#ff80c8", + "color-prettylights-syntax-carriage-return-text": { + "value": "#f6f8fa", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.3}", + "value": "{base.color.neutral.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-3", + "name": "color-prettylights-syntax-carriage-return-text", "attributes": {}, - "path": ["color", "scale", "pink", "3"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "text"] }, - "color-scale-pink-4": { - "value": "#e85aad", + "color-prettylights-syntax-carriage-return-bg": { + "value": "#cf222e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.4}", + "value": "{base.color.red.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-4", + "name": "color-prettylights-syntax-carriage-return-bg", "attributes": {}, - "path": ["color", "scale", "pink", "4"] + "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"] }, - "color-scale-pink-5": { - "value": "#bf3989", + "color-prettylights-syntax-string-regexp": { + "value": "#116329", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.5}", + "value": "{base.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-5", + "name": "color-prettylights-syntax-string-regexp", "attributes": {}, - "path": ["color", "scale", "pink", "5"] + "path": ["color", "prettylights", "syntax", "string-regexp"] }, - "color-scale-pink-6": { - "value": "#99286e", + "color-prettylights-syntax-markup-list": { + "value": "#3b2300", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.6}", + "value": "{base.color.yellow.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-6", + "name": "color-prettylights-syntax-markup-list", "attributes": {}, - "path": ["color", "scale", "pink", "6"] + "path": ["color", "prettylights", "syntax", "markup", "list"] }, - "color-scale-pink-7": { - "value": "#772057", + "color-prettylights-syntax-markup-heading": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-7", + "name": "color-prettylights-syntax-markup-heading", "attributes": {}, - "path": ["color", "scale", "pink", "7"] + "path": ["color", "prettylights", "syntax", "markup", "heading"] }, - "color-scale-pink-8": { - "value": "#611347", + "color-prettylights-syntax-markup-italic": { + "value": "#24292f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.8}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-8", + "name": "color-prettylights-syntax-markup-italic", "attributes": {}, - "path": ["color", "scale", "pink", "8"] + "path": ["color", "prettylights", "syntax", "markup", "italic"] }, - "color-scale-pink-9": { - "value": "#4d0336", + "color-prettylights-syntax-markup-bold": { + "value": "#24292f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.pink.9}", + "value": "{base.color.neutral.9}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-pink-9", + "name": "color-prettylights-syntax-markup-bold", "attributes": {}, - "path": ["color", "scale", "pink", "9"] + "path": ["color", "prettylights", "syntax", "markup", "bold"] }, - "color-scale-coral-0": { - "value": "#fff0eb", + "color-prettylights-syntax-markup-deleted-text": { + "value": "#82071e", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.0}", + "value": "{base.color.red.7}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-0", + "name": "color-prettylights-syntax-markup-deleted-text", "attributes": {}, - "path": ["color", "scale", "coral", "0"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"] }, - "color-scale-coral-1": { - "value": "#ffd6cc", + "color-prettylights-syntax-markup-deleted-bg": { + "value": "#ffebe9", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.1}", + "value": "{base.color.red.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-1", + "name": "color-prettylights-syntax-markup-deleted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "1"] + "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"] }, - "color-scale-coral-2": { - "value": "#ffb4a1", + "color-prettylights-syntax-markup-inserted-text": { + "value": "#116329", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.2}", + "value": "{base.color.green.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-2", + "name": "color-prettylights-syntax-markup-inserted-text", "attributes": {}, - "path": ["color", "scale", "coral", "2"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"] }, - "color-scale-coral-3": { - "value": "#fd8c73", + "color-prettylights-syntax-markup-inserted-bg": { + "value": "#dafbe1", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.3}", + "value": "{base.color.green.0}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-3", + "name": "color-prettylights-syntax-markup-inserted-bg", "attributes": {}, - "path": ["color", "scale", "coral", "3"] + "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"] }, - "color-scale-coral-4": { - "value": "#ec6547", + "color-prettylights-syntax-markup-changed-text": { + "value": "#953800", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.4}", + "value": "{base.color.orange.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-4", + "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, - "path": ["color", "scale", "coral", "4"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "text"] }, - "color-scale-coral-5": { - "value": "#c4432b", + "color-prettylights-syntax-markup-changed-bg": { + "value": "#ffd8b5", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.5}", + "value": "{base.color.orange.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-5", + "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, - "path": ["color", "scale", "coral", "5"] + "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"] }, - "color-scale-coral-6": { - "value": "#9e2f1c", + "color-prettylights-syntax-markup-ignored-text": { + "value": "#eaeef2", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.6}", + "value": "{base.color.neutral.1}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-6", + "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, - "path": ["color", "scale", "coral", "6"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"] }, - "color-scale-coral-7": { - "value": "#801f0f", + "color-prettylights-syntax-markup-ignored-bg": { + "value": "#0550ae", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.7}", + "value": "{base.color.blue.6}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-7", + "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, - "path": ["color", "scale", "coral", "7"] + "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"] }, - "color-scale-coral-8": { - "value": "#691105", + "color-prettylights-syntax-meta-diff-range": { + "value": "#8250df", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.8}", + "value": "{base.color.purple.5}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-8", + "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, - "path": ["color", "scale", "coral", "8"] + "path": ["color", "prettylights", "syntax", "meta", "diff", "range"] }, - "color-scale-coral-9": { - "value": "#510901", + "color-prettylights-syntax-sublimelinter-gutter-mark": { + "value": "#8c959f", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead", - "filePath": "src/tokens/functional/color/scales.json5", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + }, + "filePath": "src/tokens/functional/color/light/syntax-light.json5", "isSource": true, "original": { - "value": "{base.color.coral.9}", + "value": "{base.color.neutral.4}", "$type": "color", - "comment": "Avoid using scales, use other functional tokens instead" + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "syntax" + } + } }, - "name": "color-scale-coral-9", + "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, - "path": ["color", "scale", "coral", "9"] + "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"] }, "shadow-inset": { "value": "inset 0px 1px 0px 0px #1f23280a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { @@ -10614,7 +16476,14 @@ "spread": "0px", "inset": true }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-inset", "attributes": {}, @@ -10623,6 +16492,13 @@ "shadow-resting-xsmall": { "value": "0px 1px 0px 0px #1f23281a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { @@ -10635,39 +16511,51 @@ "spread": "0px", "inset": false }, - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"] }, "shadow-resting-small": { - "value": "0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814", + "value": "0px 1px 0px 0px #1f23280a", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { "color": "{base.color.black}", - "alpha": 0.06, + "alpha": 0.04, "offsetX": "0px", "offsetY": "1px", "blur": "0px", "spread": "0px", "inset": false - }, - { - "color": "{base.color.black}", - "alpha": 0.08, - "offsetX": "0px", - "offsetY": "1px", - "blur": "3px", - "spread": "0px", - "inset": false } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-small", "attributes": {}, @@ -10676,12 +16564,19 @@ "shadow-resting-medium": { "value": "0px 3px 6px 0px #424a531f", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.12, "offsetX": "0px", "offsetY": "3px", @@ -10689,21 +16584,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"] }, "shadow-floating-small": { - "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f", + "value": "0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0.5, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.04, "offsetX": "0px", "offsetY": "6px", @@ -10711,7 +16628,7 @@ "spread": "-3px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.12, "offsetX": "0px", "offsetY": "6px", @@ -10719,21 +16636,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"] }, "shadow-floating-medium": { - "value": "0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314", + "value": "0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "8px", @@ -10741,7 +16680,7 @@ "spread": "-4px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "4px", @@ -10749,7 +16688,7 @@ "spread": "-4px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "24px", @@ -10757,7 +16696,7 @@ "spread": "-12px" }, { - "color": "{base.color.gray.7}", + "color": "{base.color.neutral.7}", "alpha": 0.08, "offsetX": "0px", "offsetY": "48px", @@ -10765,21 +16704,43 @@ "spread": "-24px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"] }, "shadow-floating-large": { - "value": "0px 40px 80px 0px #424a533d", + "value": "0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.24, "offsetX": "0px", "offsetY": "40px", @@ -10787,21 +16748,43 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"] }, "shadow-floating-xlarge": { - "value": "0px 56px 112px 0px #424a5352", + "value": "0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352", "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + }, "filePath": "src/tokens/functional/shadow/light.json5", "isSource": true, "original": { "value": [ { - "color": "{base.color.gray.7}", + "color": "{overlay.borderColor}", + "alpha": 0, + "offsetX": "0px", + "offsetY": "0px", + "blur": "0px", + "spread": "1px" + }, + { + "color": "{base.color.neutral.7}", "alpha": 0.32, "offsetX": "0px", "offsetY": "56px", @@ -10809,10 +16792,47 @@ "spread": "0px" } ], - "$type": "shadow" + "$type": "shadow", + "$extensions": { + "org.primer.figma": { + "collection": "mode", + "mode": "light", + "group": "shadow" + } + } }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"] + }, + "shadow-floating-legacy": { + "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f", + "$type": "shadow", + "filePath": "src/tokens/functional/shadow/light.json5", + "isSource": true, + "original": { + "value": [ + { + "color": "{base.color.neutral.7}", + "alpha": 0.04, + "offsetX": "0px", + "offsetY": "6px", + "blur": "12px", + "spread": "-3px" + }, + { + "color": "{base.color.neutral.7}", + "alpha": 0.12, + "offsetX": "0px", + "offsetY": "6px", + "blur": "18px", + "spread": "0px" + } + ], + "$type": "shadow" + }, + "name": "shadow-floating-legacy", + "attributes": {}, + "path": ["shadow", "floating", "legacy"] } } diff --git a/dist/docs/functional/typography/typography.json b/dist/docs/functional/typography/typography.json index d91b36c2f..d3440a010 100644 --- a/dist/docs/functional/typography/typography.json +++ b/dist/docs/functional/typography/typography.json @@ -2,11 +2,23 @@ "fontStack-system": { "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "$type": "fontFamily", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", - "$type": "fontFamily" + "$type": "fontFamily", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "fontStack-system", "attributes": {}, @@ -15,11 +27,23 @@ "fontStack-sansSerif": { "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "$type": "fontFamily", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", - "$type": "fontFamily" + "$type": "fontFamily", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "fontStack-sansSerif", "attributes": {}, @@ -28,24 +52,56 @@ "fontStack-monospace": { "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace", "$type": "fontFamily", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace", - "$type": "fontFamily" + "$type": "fontFamily", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "fontStack-monospace", "attributes": {}, "path": ["fontStack", "monospace"] }, "text-display-lineBoxHeight": { - "value": "3.5rem", - "$type": "dimension", + "value": 1.4, + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 40 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"], + "fontSizeInPx": 40 + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { - "value": "56px", - "$type": "dimension" + "value": 1.4, + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 40 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"], + "fontSizeInPx": 40 + } + } }, "name": "text-display-lineBoxHeight", "attributes": {}, @@ -54,11 +110,23 @@ "text-display-size": { "value": "2.5rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "40px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-display-size", "attributes": {}, @@ -67,11 +135,29 @@ "text-display-lineHeight": { "value": 1.4, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 40 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.4, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 40 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-display-lineHeight", "attributes": {}, @@ -80,11 +166,23 @@ "text-display-weight": { "value": 500, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.medium}", - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-display-weight", "attributes": {}, @@ -113,11 +211,23 @@ "text-title-size-large": { "value": "2rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "32px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-title-size-large", "attributes": {}, @@ -126,11 +236,23 @@ "text-title-size-medium": { "value": "1.25rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "20px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-title-size-medium", "attributes": {}, @@ -139,11 +261,23 @@ "text-title-size-small": { "value": "1rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "16px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-title-size-small", "attributes": {}, @@ -152,11 +286,29 @@ "text-title-lineHeight-large": { "value": 1.5, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 32 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.5, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 32 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-title-lineHeight-large", "attributes": {}, @@ -165,11 +317,29 @@ "text-title-lineHeight-medium": { "value": 1.6, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 20 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.6, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 20 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-title-lineHeight-medium", "attributes": {}, @@ -178,11 +348,29 @@ "text-title-lineHeight-small": { "value": 1.5, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 16 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.5, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 16 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-title-lineHeight-small", "attributes": {}, @@ -191,11 +379,23 @@ "text-title-weight-large": { "value": 600, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.semibold}", - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-title-weight-large", "attributes": {}, @@ -204,11 +404,23 @@ "text-title-weight-medium": { "value": 600, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.semibold}", - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-title-weight-medium", "attributes": {}, @@ -217,11 +429,23 @@ "text-title-weight-small": { "value": 600, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.semibold}", - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-title-weight-small", "attributes": {}, @@ -290,11 +514,23 @@ "text-subtitle-size": { "value": "1.25rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "20px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-subtitle-size", "attributes": {}, @@ -303,11 +539,29 @@ "text-subtitle-lineHeight": { "value": 1.6, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 20 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.6, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 20 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-subtitle-lineHeight", "attributes": {}, @@ -316,11 +570,23 @@ "text-subtitle-weight": { "value": 400, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.normal}", - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-subtitle-weight", "attributes": {}, @@ -349,11 +615,23 @@ "text-body-size-large": { "value": "1rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "16px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-body-size-large", "attributes": {}, @@ -362,11 +640,23 @@ "text-body-size-medium": { "value": "0.875rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "14px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-body-size-medium", "attributes": {}, @@ -375,11 +665,23 @@ "text-body-size-small": { "value": "0.75rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "12px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-body-size-small", "attributes": {}, @@ -388,11 +690,29 @@ "text-body-lineHeight-large": { "value": 1.5, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 16 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.5, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 16 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-body-lineHeight-large", "attributes": {}, @@ -401,11 +721,29 @@ "text-body-lineHeight-medium": { "value": 1.4285, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 14 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.4285, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 14 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-body-lineHeight-medium", "attributes": {}, @@ -414,11 +752,29 @@ "text-body-lineHeight-small": { "value": 1.6666, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 12 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.6666, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 12 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-body-lineHeight-small", "attributes": {}, @@ -427,11 +783,23 @@ "text-body-weight": { "value": 400, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.normal}", - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-body-weight", "attributes": {}, @@ -500,11 +868,23 @@ "text-caption-size": { "value": "0.75rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "12px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-caption-size", "attributes": {}, @@ -513,11 +893,29 @@ "text-caption-lineHeight": { "value": 1.3333, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 12 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.3333, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 12 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-caption-lineHeight", "attributes": {}, @@ -526,11 +924,23 @@ "text-caption-weight": { "value": 400, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.normal}", - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-caption-weight", "attributes": {}, @@ -559,11 +969,23 @@ "text-codeBlock-size": { "value": "0.8125rem", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "13px", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-codeBlock-size", "attributes": {}, @@ -572,11 +994,29 @@ "text-codeBlock-lineHeight": { "value": 1.5385, "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 13 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": 1.5385, - "$type": "number" + "$type": "number", + "$extensions": { + "org.primer.data": { + "fontSize": 13 + }, + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-codeBlock-lineHeight", "attributes": {}, @@ -585,11 +1025,23 @@ "text-codeBlock-weight": { "value": 400, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.normal}", - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-codeBlock-weight", "attributes": {}, @@ -618,11 +1070,23 @@ "text-codeInline-size": { "value": "0.9285em", "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "0.9285em", - "$type": "dimension" + "$type": "dimension", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-codeInline-size", "attributes": {}, @@ -631,11 +1095,23 @@ "text-codeInline-weight": { "value": 400, "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + }, "filePath": "src/tokens/functional/typography/typography.json", "isSource": true, "original": { "value": "{base.text.weight.normal}", - "$type": "fontWeight" + "$type": "fontWeight", + "$extensions": { + "org.primer.figma": { + "collection": "typography", + "scopes": ["all"] + } + } }, "name": "text-codeInline-weight", "attributes": {}, diff --git a/dist/fallbacks/base/size/size.json b/dist/fallbacks/base/size/size.json index 6f7a39de1..c8fcc93e0 100644 --- a/dist/fallbacks/base/size/size.json +++ b/dist/fallbacks/base/size/size.json @@ -1,5 +1,7 @@ { + "--base-size-2": "0.125rem", "--base-size-4": "0.25rem", + "--base-size-6": "0.375rem", "--base-size-8": "0.5rem", "--base-size-12": "0.75rem", "--base-size-16": "1rem", diff --git a/dist/fallbacks/functional/size/size.json b/dist/fallbacks/functional/size/size.json index 20272bab8..53c08d966 100644 --- a/dist/fallbacks/functional/size/size.json +++ b/dist/fallbacks/functional/size/size.json @@ -69,5 +69,6 @@ "--overlay-padding-condensed": "0.5rem", "--overlay-paddingBlock-condensed": "0.25rem", "--overlay-paddingBlock-normal": "0.75rem", - "--overlay-borderRadius": "0.375rem" + "--overlay-borderRadius": "0.375rem", + "--overlay-offset": "0.25rem" } diff --git a/dist/fallbacks/functional/typography/typography.json b/dist/fallbacks/functional/typography/typography.json index ead83abd4..b7c701661 100644 --- a/dist/fallbacks/functional/typography/typography.json +++ b/dist/fallbacks/functional/typography/typography.json @@ -2,7 +2,7 @@ "--fontStack-system": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "--fontStack-sansSerif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'", "--fontStack-monospace": "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace", - "--text-display-lineBoxHeight": "3.5rem", + "--text-display-lineBoxHeight": 1.4, "--text-display-size": "2.5rem", "--text-display-lineHeight": 1.4, "--text-display-weight": 500, diff --git a/dist/figma/dimension/dimension.json b/dist/figma/dimension/dimension.json index ee839d301..eecd56a4d 100644 --- a/dist/figma/dimension/dimension.json +++ b/dist/figma/dimension/dimension.json @@ -52,6 +52,16 @@ "web": "var(--borderRadius-small) /* utility class: .rounded-1 */" } }, + { + "name": "overlay/offset", + "value": 4, + "type": "FLOAT", + "refId": "pattern/size/overlay/offset", + "collection": "pattern/size", + "mode": "default", + "group": "pattern/size", + "scopes": ["WIDTH_HEIGHT"] + }, { "name": "overlay/height/xlarge", "value": 600, @@ -422,6 +432,16 @@ "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, + { + "name": "base/size/6", + "value": 6, + "type": "FLOAT", + "refId": "base/size/base/size/6", + "collection": "base/size", + "mode": "default", + "group": "base/size", + "scopes": ["WIDTH_HEIGHT"] + }, { "name": "base/size/4", "value": 4, @@ -432,6 +452,16 @@ "group": "base/size", "scopes": ["WIDTH_HEIGHT"] }, + { + "name": "base/size/2", + "value": 2, + "type": "FLOAT", + "refId": "base/size/base/size/2", + "collection": "base/size", + "mode": "default", + "group": "base/size", + "scopes": ["WIDTH_HEIGHT"] + }, { "name": "overlay/borderRadius", "value": 6, diff --git a/dist/figma/figma.json b/dist/figma/figma.json index d74eda4d0..2462fc064 100644 --- a/dist/figma/figma.json +++ b/dist/figma/figma.json @@ -25,6 +25,14 @@ "base/size" ] }, + "base/color/dark-dimmed": { + "modes": [ + "default" + ], + "groups": [ + "base/color/dark-dimmed" + ] + }, "base/color/dark": { "modes": [ "default" @@ -33,6 +41,14 @@ "base/color/dark" ] }, + "base/color/dark-high-contrast": { + "modes": [ + "default" + ], + "groups": [ + "base/color/dark-high-contrast" + ] + }, "base/color/light": { "modes": [ "default" @@ -41,24 +57,77 @@ "base/color/light" ] }, + "base/color/light-high-contrast": { + "modes": [ + "default" + ], + "groups": [ + "base/color/light-high-contrast" + ] + }, "mode": { "modes": [ "light", - "dark" + "dark", + "dark dimmed", + "light high contrast", + "dark high contrast", + "light colorblind", + "dark colorblind", + "light tritanopia", + "dark tritanopia" ], "groups": [ + "shadow", + "component shadow", "syntax", "semantic", - "component (internal)", - "component" + "component", + "component (internal)" + ] + }, + "typography": { + "modes": [ + "default" + ], + "groups": [ + "typography" + ] + }, + "base/typography": { + "modes": [ + "default" + ], + "groups": [ + "base/typography" ] } }, "files": [ "dist/figma/dimension/dimension.json", + "dist/figma/scales/dark-dimmed.json", + "dist/figma/scales/dark-high-constrast.json", "dist/figma/scales/dark.json", + "dist/figma/scales/light-high-constrast.json", "dist/figma/scales/light.json", + "dist/figma/shadows/dark-colorblind.json", + "dist/figma/shadows/dark-dimmed.json", + "dist/figma/shadows/dark-high-contrast.json", + "dist/figma/shadows/dark-tritanopia.json", + "dist/figma/shadows/dark.json", + "dist/figma/shadows/light-colorblind.json", + "dist/figma/shadows/light-high-contrast.json", + "dist/figma/shadows/light-tritanopia.json", + "dist/figma/shadows/light.json", + "dist/figma/themes/dark-colorblind.json", + "dist/figma/themes/dark-dimmed.json", + "dist/figma/themes/dark-high-contrast.json", + "dist/figma/themes/dark-tritanopia.json", "dist/figma/themes/dark.json", - "dist/figma/themes/light.json" + "dist/figma/themes/light-colorblind.json", + "dist/figma/themes/light-high-contrast.json", + "dist/figma/themes/light-tritanopia.json", + "dist/figma/themes/light.json", + "dist/figma/typography/typography.json" ] } \ No newline at end of file diff --git a/dist/figma/scales/dark.json b/dist/figma/scales/dark.json index ba18f59bc..b110019c8 100644 --- a/dist/figma/scales/dark.json +++ b/dist/figma/scales/dark.json @@ -377,9 +377,9 @@ { "name": "base/color/purple/4", "value": { - "r": 0.6392156862745098, - "g": 0.44313725490196076, - "b": 0.9686274509803922, + "r": 0.6705882352941176, + "g": 0.49019607843137253, + "b": 0.9725490196078431, "a": 1 }, "type": "COLOR", @@ -392,8 +392,8 @@ { "name": "base/color/purple/3", "value": { - "r": 0.7372549019607844, - "g": 0.5490196078431373, + "r": 0.7450980392156863, + "g": 0.5607843137254902, "b": 1, "a": 1 }, @@ -1200,7 +1200,7 @@ "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/9", + "name": "base/color/neutral/9", "value": { "r": 0.050980392156862744, "g": 0.06666666666666667, @@ -1208,14 +1208,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/9", + "refId": "base/color/dark/base/color/neutral/9", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/8", + "name": "base/color/neutral/8", "value": { "r": 0.08627450980392157, "g": 0.10588235294117647, @@ -1223,14 +1223,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/8", + "refId": "base/color/dark/base/color/neutral/8", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/7", + "name": "base/color/neutral/7", "value": { "r": 0.12941176470588237, "g": 0.14901960784313725, @@ -1238,14 +1238,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/7", + "refId": "base/color/dark/base/color/neutral/7", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/6", + "name": "base/color/neutral/6", "value": { "r": 0.18823529411764706, "g": 0.21176470588235294, @@ -1253,14 +1253,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/6", + "refId": "base/color/dark/base/color/neutral/6", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/5", + "name": "base/color/neutral/5", "value": { "r": 0.2823529411764706, "g": 0.30980392156862746, @@ -1268,14 +1268,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/5", + "refId": "base/color/dark/base/color/neutral/5", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/4", + "name": "base/color/neutral/4", "value": { "r": 0.43137254901960786, "g": 0.4627450980392157, @@ -1283,14 +1283,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/4", + "refId": "base/color/dark/base/color/neutral/4", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/3", + "name": "base/color/neutral/3", "value": { "r": 0.5450980392156862, "g": 0.5803921568627451, @@ -1298,14 +1298,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/3", + "refId": "base/color/dark/base/color/neutral/3", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/2", + "name": "base/color/neutral/2", "value": { "r": 0.6941176470588235, "g": 0.7294117647058823, @@ -1313,14 +1313,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/2", + "refId": "base/color/dark/base/color/neutral/2", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/1", + "name": "base/color/neutral/1", "value": { "r": 0.788235294117647, "g": 0.8196078431372549, @@ -1328,14 +1328,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/1", + "refId": "base/color/dark/base/color/neutral/1", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/0", + "name": "base/color/neutral/0", "value": { "r": 0.9411764705882353, "g": 0.9647058823529412, @@ -1343,7 +1343,7 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/dark/base/color/gray/0", + "refId": "base/color/dark/base/color/neutral/0", "collection": "base/color/dark", "mode": "default", "group": "base/color/dark", diff --git a/dist/figma/scales/light.json b/dist/figma/scales/light.json index f798596e9..60fcd9ae4 100644 --- a/dist/figma/scales/light.json +++ b/dist/figma/scales/light.json @@ -1,4 +1,244 @@ [ + { + "name": "prov/theme/communities", + "value": { + "r": 1, + "g": 0.8745098039215686, + "b": 0.788235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/theme/communities", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/theme/workers", + "value": { + "r": 1, + "g": 0.7176470588235294, + "b": 0.6980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/theme/workers", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/theme/nature", + "value": { + "r": 0.8941176470588236, + "g": 0.9568627450980393, + "b": 0.788235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/theme/nature", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/theme/waste", + "value": { + "r": 0.8196078431372549, + "g": 0.8588235294117647, + "b": 0.9215686274509803, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/theme/waste", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/theme/climate", + "value": { + "r": 0.7647058823529411, + "g": 0.9215686274509803, + "b": 0.8980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/theme/climate", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/9", + "value": { + "r": 0.027450980392156862, + "g": 0.1450980392156863, + "b": 0.12156862745098039, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/9", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/8", + "value": { + "r": 0.03529411764705882, + "g": 0.2, + "b": 0.16862745098039217, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/8", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/7", + "value": { + "r": 0.0392156862745098, + "g": 0.2627450980392157, + "b": 0.21568627450980393, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/7", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/6", + "value": { + "r": 0.03137254901960784, + "g": 0.5215686274509804, + "b": 0.4235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/6", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/5", + "value": { + "r": 0.03137254901960784, + "g": 0.5215686274509804, + "b": 0.4235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/5", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/4", + "value": { + "r": 0.34901960784313724, + "g": 0.6627450980392157, + "b": 0.5686274509803921, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/4", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/3", + "value": { + "r": 0.5803921568627451, + "g": 0.7725490196078432, + "b": 0.7137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/3", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/2", + "value": { + "r": 0.7333333333333333, + "g": 0.8509803921568627, + "b": 0.8156862745098039, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/2", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/1", + "value": { + "r": 0.8823529411764706, + "g": 0.9333333333333333, + "b": 0.9176470588235294, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/1", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/green/0", + "value": { + "r": 0.9529411764705882, + "g": 0.9725490196078431, + "b": 0.9647058823529412, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/green/0", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "prov/color/neonGreen", + "value": { + "r": 0.788235294117647, + "g": 0.9411764705882353, + "b": 0.30196078431372547, + "a": 1 + }, + "type": "COLOR", + "refId": "base/color/light/prov/color/neonGreen", + "collection": "base/color/light", + "mode": "default", + "group": "base/color/light", + "scopes": ["ALL_SCOPES"] + }, { "name": "base/color/coral/9", "value": { @@ -1200,7 +1440,7 @@ "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/9", + "name": "base/color/neutral/9", "value": { "r": 0.1411764705882353, "g": 0.1607843137254902, @@ -1208,14 +1448,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/9", + "refId": "base/color/light/base/color/neutral/9", "collection": "base/color/light", "mode": "default", "group": "base/color/light", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/8", + "name": "base/color/neutral/8", "value": { "r": 0.19607843137254902, "g": 0.2196078431372549, @@ -1223,14 +1463,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/8", + "refId": "base/color/light/base/color/neutral/8", "collection": "base/color/light", "mode": "default", "group": "base/color/light", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/7", + "name": "base/color/neutral/7", "value": { "r": 0.25882352941176473, "g": 0.2901960784313726, @@ -1238,14 +1478,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/7", + "refId": "base/color/light/base/color/neutral/7", "collection": "base/color/light", "mode": "default", "group": "base/color/light", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/6", + "name": "base/color/neutral/6", "value": { "r": 0.3411764705882353, "g": 0.3764705882352941, @@ -1253,14 +1493,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/6", + "refId": "base/color/light/base/color/neutral/6", "collection": "base/color/light", "mode": "default", "group": "base/color/light", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/5", + "name": "base/color/neutral/5", "value": { "r": 0.43137254901960786, "g": 0.4666666666666667, @@ -1268,14 +1508,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/5", + "refId": "base/color/light/base/color/neutral/5", "collection": "base/color/light", "mode": "default", "group": "base/color/light", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/4", + "name": "base/color/neutral/4", "value": { "r": 0.5490196078431373, "g": 0.5843137254901961, @@ -1283,14 +1523,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/4", + "refId": "base/color/light/base/color/neutral/4", "collection": "base/color/light", "mode": "default", "group": "base/color/light", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/3", + "name": "base/color/neutral/3", "value": { "r": 0.6862745098039216, "g": 0.7215686274509804, @@ -1298,14 +1538,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/3", + "refId": "base/color/light/base/color/neutral/3", "collection": "base/color/light", "mode": "default", "group": "base/color/light", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/2", + "name": "base/color/neutral/2", "value": { "r": 0.8156862745098039, "g": 0.8431372549019608, @@ -1313,14 +1553,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/2", + "refId": "base/color/light/base/color/neutral/2", "collection": "base/color/light", "mode": "default", "group": "base/color/light", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/1", + "name": "base/color/neutral/1", "value": { "r": 0.9176470588235294, "g": 0.9333333333333333, @@ -1328,14 +1568,14 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/1", + "refId": "base/color/light/base/color/neutral/1", "collection": "base/color/light", "mode": "default", "group": "base/color/light", "scopes": ["ALL_SCOPES"] }, { - "name": "base/color/gray/0", + "name": "base/color/neutral/0", "value": { "r": 0.9647058823529412, "g": 0.9725490196078431, @@ -1343,7 +1583,7 @@ "a": 1 }, "type": "COLOR", - "refId": "base/color/light/base/color/gray/0", + "refId": "base/color/light/base/color/neutral/0", "collection": "base/color/light", "mode": "default", "group": "base/color/light", diff --git a/dist/figma/themes/dark.json b/dist/figma/themes/dark.json index 6b563b401..a4db80719 100644 --- a/dist/figma/themes/dark.json +++ b/dist/figma/themes/dark.json @@ -29,6 +29,306 @@ "group": "syntax", "scopes": ["ALL_SCOPES"] }, + { + "name": "shadow/floating/legacy/1/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/legacy/1/offsetY", + "value": 6, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/legacy/1/blur", + "value": 12, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/legacy/1/spread", + "value": -3, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/legacy/1/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.4 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/legacy/2/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/legacy/2/offsetY", + "value": 6, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/legacy/2/blur", + "value": 18, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/legacy/2/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/legacy/2/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.4 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/medium/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/medium/offsetY", + "value": 3, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/medium/blur", + "value": 6, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/medium/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/medium/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.8 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.4 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.8 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.24 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, { "name": "color/prettylights/syntax/sublimelinter/gutter/mark", "value": { @@ -39,7 +339,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/sublimelinter/gutter/mark", - "reference": "base/color/dark/base/color/gray/5", + "reference": "base/color/dark/base/color/neutral/5", "collection": "mode", "mode": "dark", "group": "syntax", @@ -87,7 +387,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/markup/ignored/text", - "reference": "base/color/dark/base/color/gray/1", + "reference": "base/color/dark/base/color/neutral/1", "collection": "mode", "mode": "dark", "group": "syntax", @@ -199,7 +499,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/markup/bold", - "reference": "base/color/dark/base/color/gray/1", + "reference": "base/color/dark/base/color/neutral/1", "collection": "mode", "mode": "dark", "group": "syntax", @@ -215,7 +515,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/markup/italic", - "reference": "base/color/dark/base/color/gray/1", + "reference": "base/color/dark/base/color/neutral/1", "collection": "mode", "mode": "dark", "group": "syntax", @@ -295,7 +595,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/carriage/return/text", - "reference": "base/color/dark/base/color/gray/0", + "reference": "base/color/dark/base/color/neutral/0", "collection": "mode", "mode": "dark", "group": "syntax", @@ -327,7 +627,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/invalid/illegal/text", - "reference": "base/color/dark/base/color/gray/0", + "reference": "base/color/dark/base/color/neutral/0", "collection": "mode", "mode": "dark", "group": "syntax", @@ -343,7 +643,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/brackethighlighter/angle", - "reference": "base/color/dark/base/color/gray/3", + "reference": "base/color/dark/base/color/neutral/3", "collection": "mode", "mode": "dark", "group": "syntax", @@ -439,7 +739,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/storage/modifier/import", - "reference": "base/color/dark/base/color/gray/1", + "reference": "base/color/dark/base/color/neutral/1", "collection": "mode", "mode": "dark", "group": "syntax", @@ -503,7 +803,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/comment", - "reference": "base/color/dark/base/color/gray/3", + "reference": "base/color/dark/base/color/neutral/3", "collection": "mode", "mode": "dark", "group": "syntax", @@ -528,8 +828,8 @@ { "name": "color/ansi/magenta", "value": { - "r": 0.7372549019607844, - "g": 0.5490196078431373, + "r": 0.7450980392156863, + "g": 0.5607843137254902, "b": 1, "a": 1 }, @@ -679,7 +979,7 @@ }, "type": "COLOR", "refId": "mode/color/ansi/gray", - "reference": "base/color/dark/base/color/gray/4", + "reference": "base/color/dark/base/color/neutral/4", "collection": "mode", "mode": "dark", "group": "syntax", @@ -711,7 +1011,7 @@ }, "type": "COLOR", "refId": "mode/color/ansi/white", - "reference": "base/color/dark/base/color/gray/2", + "reference": "base/color/dark/base/color/neutral/2", "collection": "mode", "mode": "dark", "group": "syntax", @@ -727,7 +1027,7 @@ }, "type": "COLOR", "refId": "mode/color/ansi/black-bright", - "reference": "base/color/dark/base/color/gray/4", + "reference": "base/color/dark/base/color/neutral/4", "collection": "mode", "mode": "dark", "group": "syntax", @@ -743,7 +1043,7 @@ }, "type": "COLOR", "refId": "mode/color/ansi/black", - "reference": "base/color/dark/base/color/gray/5", + "reference": "base/color/dark/base/color/neutral/5", "collection": "mode", "mode": "dark", "group": "syntax", @@ -788,6 +1088,45 @@ "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" } }, + { + "name": "borderColor/upsell-emphasis", + "value": { + "r": 0.5372549019607843, + "g": 0.3411764705882353, + "b": 0.8980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/borderColor/upsell-emphasis", + "reference": "base/color/dark/base/color/purple/5", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis" + } + }, + { + "name": "borderColor/upsell-muted", + "value": { + "r": 0.6705882352941176, + "g": 0.49019607843137253, + "b": 0.9725490196078431, + "a": 0.4 + }, + "type": "COLOR", + "alpha": 0.4, + "refId": "mode/borderColor/upsell-muted", + "reference": "base/color/dark/base/color/purple/4", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + }, { "name": "borderColor/done-emphasis", "value": { @@ -810,9 +1149,9 @@ { "name": "borderColor/done-muted", "value": { - "r": 0.6392156862745098, - "g": 0.44313725490196076, - "b": 0.9686274509803922, + "r": 0.6705882352941176, + "g": 0.49019607843137253, + "b": 0.9725490196078431, "a": 0.4 }, "type": "COLOR", @@ -1071,7 +1410,7 @@ }, "type": "COLOR", "refId": "mode/borderColor/neutral-emphasis", - "reference": "base/color/dark/base/color/gray/4", + "reference": "base/color/dark/base/color/neutral/4", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1088,7 +1427,7 @@ "type": "COLOR", "alpha": 0.4, "refId": "mode/borderColor/neutral-muted", - "reference": "base/color/dark/base/color/gray/4", + "reference": "base/color/dark/base/color/neutral/4", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1120,7 +1459,7 @@ }, "type": "COLOR", "refId": "mode/borderColor/emphasis", - "reference": "base/color/dark/base/color/gray/5", + "reference": "base/color/dark/base/color/neutral/5", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1136,7 +1475,7 @@ }, "type": "COLOR", "refId": "mode/borderColor/default", - "reference": "base/color/dark/base/color/gray/6", + "reference": "base/color/dark/base/color/neutral/6", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1184,6 +1523,45 @@ "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" } }, + { + "name": "bgColor/upsell-emphasis", + "value": { + "r": 0.5372549019607843, + "g": 0.3411764705882353, + "b": 0.8980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/upsell-emphasis", + "reference": "base/color/dark/base/color/purple/5", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + }, + { + "name": "bgColor/upsell-muted", + "value": { + "r": 0.6705882352941176, + "g": 0.49019607843137253, + "b": 0.9725490196078431, + "a": 0.15 + }, + "type": "COLOR", + "alpha": 0.15, + "refId": "mode/bgColor/upsell-muted", + "reference": "base/color/dark/base/color/purple/4", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + }, { "name": "bgColor/done-emphasis", "value": { @@ -1206,9 +1584,9 @@ { "name": "bgColor/done-muted", "value": { - "r": 0.6392156862745098, - "g": 0.44313725490196076, - "b": 0.9686274509803922, + "r": 0.6705882352941176, + "g": 0.49019607843137253, + "b": 0.9725490196078431, "a": 0.15 }, "type": "COLOR", @@ -1467,7 +1845,7 @@ }, "type": "COLOR", "refId": "mode/bgColor/neutral-emphasis", - "reference": "base/color/dark/base/color/gray/4", + "reference": "base/color/dark/base/color/neutral/4", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1484,7 +1862,7 @@ "type": "COLOR", "alpha": 0.4, "refId": "mode/bgColor/neutral-muted", - "reference": "base/color/dark/base/color/gray/4", + "reference": "base/color/dark/base/color/neutral/4", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1512,53 +1890,86 @@ { "name": "bgColor/disabled", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, - "a": 1 + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 }, "type": "COLOR", + "alpha": 0.7, "refId": "mode/bgColor/disabled", - "reference": "base/color/dark/base/color/gray/8", + "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "bgColor/inverse", + "name": "bgColor/black", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, "a": 1 }, "type": "COLOR", - "refId": "mode/bgColor/inverse", - "reference": "base/color/dark/base/color/white", + "refId": "mode/bgColor/black", + "reference": "base/color/dark/base/color/black", "collection": "mode", "mode": "dark", "group": "semantic", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "bgColor/emphasis", + "name": "bgColor/white", "value": { - "r": 0.43137254901960786, - "g": 0.4627450980392157, - "b": 0.5058823529411764, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/bgColor/emphasis", - "reference": "base/color/dark/base/color/gray/4", + "refId": "mode/bgColor/white", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", "group": "semantic", - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" - } + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "bgColor/inverse", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/inverse", + "reference": "base/color/dark/base/color/white", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "bgColor/emphasis", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/emphasis", + "reference": "base/color/dark/base/color/neutral/4", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" + } }, { "name": "bgColor/inset", @@ -1589,7 +2000,7 @@ }, "type": "COLOR", "refId": "mode/bgColor/muted", - "reference": "base/color/dark/base/color/gray/8", + "reference": "base/color/dark/base/color/neutral/8", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1608,7 +2019,7 @@ }, "type": "COLOR", "refId": "mode/bgColor/default", - "reference": "base/color/dark/base/color/gray/9", + "reference": "base/color/dark/base/color/neutral/9", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1636,12 +2047,31 @@ "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" } }, + { + "name": "fgColor/upsell", + "value": { + "r": 0.6705882352941176, + "g": 0.49019607843137253, + "b": 0.9725490196078431, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/upsell", + "reference": "base/color/dark/base/color/purple/4", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + }, { "name": "fgColor/done", "value": { - "r": 0.6392156862745098, - "g": 0.44313725490196076, - "b": 0.9686274509803922, + "r": 0.6705882352941176, + "g": 0.49019607843137253, + "b": 0.9725490196078431, "a": 1 }, "type": "COLOR", @@ -1753,15 +2183,15 @@ { "name": "fgColor/accent", "value": { - "r": 0.1843137254901961, - "g": 0.5058823529411764, - "b": 0.9686274509803922, + "r": 0.26666666666666666, + "g": 0.5764705882352941, + "b": 0.9725490196078431, "a": 1 }, "type": "COLOR", "isMix": true, "refId": "mode/fgColor/accent", - "reference": "base/color/dark/base/color/blue/4", + "reference": "base/color/dark/base/color/blue/3", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1780,7 +2210,7 @@ }, "type": "COLOR", "refId": "mode/fgColor/neutral", - "reference": "base/color/dark/base/color/gray/4", + "reference": "base/color/dark/base/color/neutral/4", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1789,14 +2219,46 @@ { "name": "fgColor/disabled", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, "a": 1 }, "type": "COLOR", "refId": "mode/fgColor/disabled", - "reference": "base/color/dark/base/color/gray/3", + "reference": "base/color/dark/base/color/neutral/4", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "fgColor/black", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/black", + "reference": "base/color/dark/base/color/black", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "fgColor/white", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/white", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1824,15 +2286,15 @@ { "name": "fgColor/muted", "value": { - "r": 0.5176470588235295, - "g": 0.5529411764705883, - "b": 0.592156862745098, + "r": 0.5529411764705883, + "g": 0.5882352941176471, + "b": 0.6274509803921569, "a": 1 }, "type": "COLOR", "isMix": true, "refId": "mode/fgColor/muted", - "reference": "base/color/dark/base/color/gray/3", + "reference": "base/color/dark/base/color/neutral/2", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1852,7 +2314,7 @@ "type": "COLOR", "isMix": true, "refId": "mode/fgColor/default", - "reference": "base/color/dark/base/color/gray/0", + "reference": "base/color/dark/base/color/neutral/0", "collection": "mode", "mode": "dark", "group": "semantic", @@ -1862,2261 +2324,2191 @@ } }, { - "name": "underlineNav/borderColor/active", + "name": "label/coral/fgColor/active", "value": { - "r": 0.9686274509803922, - "g": 0.5058823529411764, - "b": 0.4, + "r": 0.9921568627450981, + "g": 0.6666666666666666, + "b": 0.5254901960784314, "a": 1 }, "type": "COLOR", - "refId": "mode/underlineNav/borderColor/active", - "reference": "base/color/dark/base/color/coral/3", + "refId": "mode/label/coral/fgColor/active", + "reference": "base/color/dark/base/display/color/coral/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "timelineBadge/bgColor", + "name": "label/coral/fgColor/hover", "value": { - "r": 0.12941176470588237, - "g": 0.14901960784313725, - "b": 0.17647058823529413, + "r": 0.9803921568627451, + "g": 0.5490196078431373, + "b": 0.3803921568627451, "a": 1 }, "type": "COLOR", - "refId": "mode/timelineBadge/bgColor", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/coral/fgColor/hover", + "reference": "base/color/dark/base/display/color/coral/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "sideNav/bgColor/selected", + "name": "label/coral/fgColor/rest", "value": { - "r": 0.12941176470588237, - "g": 0.14901960784313725, - "b": 0.17647058823529413, + "r": 0.9686274509803922, + "g": 0.4745098039215686, + "b": 0.29411764705882354, "a": 1 }, "type": "COLOR", - "refId": "mode/sideNav/bgColor/selected", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/coral/fgColor/rest", + "reference": "base/color/dark/base/display/color/coral/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "selectMenu/bgColor/active", + "name": "label/coral/bgColor/active", "value": { - "r": 0.047058823529411764, - "g": 0.17647058823529413, - "b": 0.4196078431372549, + "r": 0.4470588235294118, + "g": 0.13333333333333333, + "b": 0.050980392156862744, "a": 1 }, "type": "COLOR", - "refId": "mode/selectMenu/bgColor/active", - "reference": "base/color/dark/base/color/blue/8", + "refId": "mode/label/coral/bgColor/active", + "reference": "base/color/dark/base/display/color/coral/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "selectMenu/borderColor", + "name": "label/coral/bgColor/hover", "value": { - "r": 0.2823529411764706, - "g": 0.30980392156862746, - "b": 0.34509803921568627, + "r": 0.3176470588235294, + "g": 0.09411764705882353, + "b": 0.043137254901960784, "a": 1 }, "type": "COLOR", - "refId": "mode/selectMenu/borderColor", - "reference": "base/color/dark/base/color/gray/5", + "refId": "mode/label/coral/bgColor/hover", + "reference": "base/color/dark/base/display/color/coral/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "overlay/backdrop/bgColor", + "name": "label/coral/bgColor/rest", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, - "a": 0.4 + "r": 0.20784313725490197, + "g": 0.06274509803921569, + "b": 0.03137254901960784, + "a": 1 }, "type": "COLOR", - "alpha": 0.4, - "refId": "mode/overlay/backdrop/bgColor", - "reference": "base/color/dark/base/color/gray/8", + "refId": "mode/label/coral/bgColor/rest", + "reference": "base/color/dark/base/display/color/coral/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "overlay/bgColor", + "name": "label/pink/fgColor/active", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, + "r": 0.9568627450980393, + "g": 0.6627450980392157, + "b": 0.803921568627451, "a": 1 }, "type": "COLOR", - "refId": "mode/overlay/bgColor", - "reference": "base/color/dark/base/color/gray/8", + "refId": "mode/label/pink/fgColor/active", + "reference": "base/color/dark/base/display/color/pink/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "menu/bgColor/active", + "name": "label/pink/fgColor/hover", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, + "r": 0.9254901960784314, + "g": 0.5529411764705883, + "b": 0.7411764705882353, "a": 1 }, "type": "COLOR", - "refId": "mode/menu/bgColor/active", - "reference": "base/color/dark/base/color/gray/8", + "refId": "mode/label/pink/fgColor/hover", + "reference": "base/color/dark/base/display/color/pink/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/fgColor/hover", + "name": "label/pink/fgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.8980392156862745, + "g": 0.4823529411764706, + "b": 0.6980392156862745, "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/danger/fgColor/hover", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/pink/fgColor/rest", + "reference": "base/color/dark/base/display/color/pink/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/bgColor/rest", + "name": "label/pink/bgColor/active", "value": { - "r": 0.28627450980392155, - "g": 0.00784313725490196, - "b": 0.00784313725490196, - "a": 0.2 + "r": 0.396078431372549, + "g": 0.1411764705882353, + "b": 0.2901960784313726, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/buttonCounter/danger/bgColor/rest", - "reference": "base/color/dark/base/color/red/9", + "refId": "mode/label/pink/bgColor/active", + "reference": "base/color/dark/base/display/color/pink/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/bgColor/hover", + "name": "label/pink/bgColor/hover", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0.2 + "r": 0.27058823529411763, + "g": 0.10980392156862745, + "b": 0.20784313725490197, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/buttonCounter/danger/bgColor/hover", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/pink/bgColor/hover", + "reference": "base/color/dark/base/display/color/pink/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/fgColor/hover", + "name": "label/pink/bgColor/rest", "value": { - "r": 0.34509803921568627, - "g": 0.6509803921568628, - "b": 1, + "r": 0.17647058823529413, + "g": 0.08235294117647059, + "b": 0.1411764705882353, "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/outline/fgColor/hover", - "reference": "base/color/dark/base/color/blue/3", + "refId": "mode/label/pink/bgColor/rest", + "reference": "base/color/dark/base/display/color/pink/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/fgColor/rest", + "name": "label/plum/fgColor/active", "value": { - "r": 0.2196078431372549, - "g": 0.5450980392156862, + "r": 0.8941176470588236, + "g": 0.6470588235294118, "b": 0.9921568627450981, "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/outline/fgColor/rest", - "reference": "base/color/dark/base/color/blue/4", + "refId": "mode/label/plum/fgColor/active", + "reference": "base/color/dark/base/display/color/plum/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/bgColor/hover", + "name": "label/plum/fgColor/hover", "value": { - "r": 0.0196078431372549, - "g": 0.11372549019607843, - "b": 0.30196078431372547, - "a": 0.2 + "r": 0.8470588235294118, + "g": 0.5372549019607843, + "b": 0.9803921568627451, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/buttonCounter/outline/bgColor/hover", - "reference": "base/color/dark/base/color/blue/9", + "refId": "mode/label/plum/fgColor/hover", + "reference": "base/color/dark/base/display/color/plum/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/bgColor/rest", + "name": "label/plum/fgColor/rest", "value": { - "r": 0.0196078431372549, - "g": 0.11372549019607843, - "b": 0.30196078431372547, - "a": 0.2 + "r": 0.8156862745098039, + "g": 0.49411764705882355, + "b": 0.9686274509803922, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/buttonCounter/outline/bgColor/rest", - "reference": "base/color/dark/base/color/blue/9", + "refId": "mode/label/plum/fgColor/rest", + "reference": "base/color/dark/base/display/color/plum/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/primary/bgColor/rest", + "name": "label/plum/bgColor/active", "value": { - "r": 0.01568627450980392, - "g": 0.14901960784313725, - "b": 0.058823529411764705, - "a": 0.2 + "r": 0.3607843137254902, + "g": 0.08627450980392157, + "b": 0.5333333333333333, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/buttonCounter/primary/bgColor/rest", - "reference": "base/color/dark/base/color/green/9", + "refId": "mode/label/plum/bgColor/active", + "reference": "base/color/dark/base/display/color/plum/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/invisible/bgColor/rest", + "name": "label/plum/bgColor/hover", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, + "r": 0.25098039215686274, + "g": 0.07058823529411765, + "b": 0.3686274509803922, "a": 1 }, "type": "COLOR", - "alpha": 1, - "refId": "mode/buttonCounter/invisible/bgColor/rest", - "reference": "base/color/dark/base/color/gray/6", + "refId": "mode/label/plum/bgColor/hover", + "reference": "base/color/dark/base/display/color/plum/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/default/bgColor/rest", + "name": "label/plum/bgColor/rest", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, + "r": 0.16470588235294117, + "g": 0.054901960784313725, + "b": 0.24705882352941178, "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/default/bgColor/rest", - "reference": "base/color/dark/base/color/gray/6", + "refId": "mode/label/plum/bgColor/rest", + "reference": "base/color/dark/base/display/color/plum/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/inactive/bgColor/rest", + "name": "label/blue/fgColor/active", "value": { - "r": 0.12941176470588237, - "g": 0.14901960784313725, - "b": 0.17647058823529413, + "r": 0.5215686274509804, + "g": 0.7607843137254902, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/inactive/bgColor/rest", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/blue/fgColor/active", + "reference": "base/color/dark/base/display/color/blue/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/inactive/fgColor/rest", + "name": "label/blue/fgColor/hover", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, + "r": 0.3803921568627451, + "g": 0.6784313725490196, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/inactive/fgColor/rest", - "reference": "base/color/dark/base/color/gray/3", + "refId": "mode/label/blue/fgColor/hover", + "reference": "base/color/dark/base/display/color/blue/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/borderColor/hover", + "name": "label/blue/fgColor/rest", "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, - "a": 0.1 + "r": 0.30196078431372547, + "g": 0.6274509803921569, + "b": 1, + "a": 1 }, "type": "COLOR", - "alpha": 0.1, - "refId": "mode/button/danger/borderColor/hover", - "reference": "base/color/dark/base/color/gray/0", + "refId": "mode/label/blue/fgColor/rest", + "reference": "base/color/dark/base/display/color/blue/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/bgColor/active", + "name": "label/blue/bgColor/active", "value": { - "r": 0.8156862745098039, - "g": 0.20784313725490197, - "b": 0.2, + "r": 0, + "g": 0.21568627450980393, + "b": 0.5411764705882353, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/button/danger/bgColor/active", - "reference": "base/color/dark/base/color/red/6", + "refId": "mode/label/blue/bgColor/active", + "reference": "base/color/dark/base/display/color/blue/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/bgColor/hover", + "name": "label/blue/bgColor/hover", "value": { - "r": 0.7137254901960784, - "g": 0.13725490196078433, - "b": 0.1411764705882353, + "r": 0, + "g": 0.15294117647058825, + "b": 0.4, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/bgColor/hover", - "reference": "base/color/dark/base/color/red/6", + "refId": "mode/label/blue/bgColor/hover", + "reference": "base/color/dark/base/display/color/blue/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/iconColor/hover", + "name": "label/blue/bgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0.10196078431372549, + "b": 0.2784313725490196, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/iconColor/hover", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/blue/bgColor/rest", + "reference": "base/color/dark/base/display/color/blue/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/fgColor/active", + "name": "label/indigo/fgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.7176470588235294, + "g": 0.7294117647058823, + "b": 0.9647058823529412, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/fgColor/active", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/indigo/fgColor/active", + "reference": "base/color/dark/base/display/color/indigo/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/fgColor/hover", + "name": "label/indigo/fgColor/hover", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.6352941176470588, + "g": 0.6470588235294118, + "b": 0.9450980392156862, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/fgColor/hover", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/indigo/fgColor/hover", + "reference": "base/color/dark/base/display/color/indigo/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/borderColor/hover", - "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, - "a": 0.1 - }, - "type": "COLOR", - "alpha": 0.1, - "refId": "mode/button/outline/borderColor/hover", - "reference": "base/color/dark/base/color/gray/0", - "collection": "mode", - "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] - }, - { - "name": "button/outline/bgColor/disabled", + "name": "label/indigo/fgColor/rest", "value": { - "r": 0.050980392156862744, - "g": 0.06666666666666667, - "b": 0.09019607843137255, + "r": 0.596078431372549, + "g": 0.6, + "b": 0.9254901960784314, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/bgColor/disabled", - "reference": "base/color/dark/base/color/gray/9", + "refId": "mode/label/indigo/fgColor/rest", + "reference": "base/color/dark/base/display/color/indigo/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/bgColor/active", + "name": "label/indigo/bgColor/active", "value": { - "r": 0.050980392156862744, - "g": 0.2549019607843137, - "b": 0.615686274509804, + "r": 0.19215686274509805, + "g": 0.17254901960784313, + "b": 0.5647058823529412, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/bgColor/active", - "reference": "base/color/dark/base/color/blue/7", + "refId": "mode/label/indigo/bgColor/active", + "reference": "base/color/dark/base/display/color/indigo/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/bgColor/hover", + "name": "label/indigo/bgColor/hover", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, + "r": 0.1450980392156863, + "g": 0.12941176470588237, + "b": 0.37254901960784315, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/bgColor/hover", - "reference": "base/color/dark/base/color/gray/6", + "refId": "mode/label/indigo/bgColor/hover", + "reference": "base/color/dark/base/display/color/indigo/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/bgColor/rest", + "name": "label/indigo/bgColor/rest", "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, + "r": 0.10588235294117647, + "g": 0.09411764705882353, + "b": 0.24705882352941178, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/bgColor/rest", - "reference": "base/color/dark/base/color/gray/0", + "refId": "mode/label/indigo/bgColor/rest", + "reference": "base/color/dark/base/display/color/indigo/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/fgColor/active", + "name": "label/cyan/fgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.27058823529411763, + "g": 0.796078431372549, + "b": 0.9686274509803922, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/fgColor/active", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/cyan/fgColor/active", + "reference": "base/color/dark/base/display/color/cyan/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/fgColor/hover", + "name": "label/cyan/fgColor/hover", "value": { - "r": 0.34509803921568627, - "g": 0.6509803921568628, - "b": 1, + "r": 0.03529411764705882, + "g": 0.7176470588235294, + "b": 0.9450980392156862, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/fgColor/hover", - "reference": "base/color/dark/base/color/blue/3", + "refId": "mode/label/cyan/fgColor/hover", + "reference": "base/color/dark/base/display/color/cyan/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/fgColor/rest", + "name": "label/cyan/fgColor/rest", "value": { - "r": 0.2196078431372549, - "g": 0.5450980392156862, - "b": 0.9921568627450981, + "r": 0.027450980392156862, + "g": 0.6745098039215687, + "b": 0.8941176470588236, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/fgColor/rest", - "reference": "base/color/dark/base/color/blue/4", + "refId": "mode/label/cyan/fgColor/rest", + "reference": "base/color/dark/base/display/color/cyan/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/fgColor/hover", + "name": "label/cyan/bgColor/active", "value": { - "r": 0.34509803921568627, - "g": 0.6509803921568628, - "b": 1, + "r": 0.00392156862745098, + "g": 0.2549019607843137, + "b": 0.33725490196078434, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/fgColor/hover", - "reference": "base/color/dark/base/color/blue/3", + "refId": "mode/label/cyan/bgColor/active", + "reference": "base/color/dark/base/display/color/cyan/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/borderColor/rest", + "name": "label/cyan/bgColor/hover", "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, - "a": 0.1 + "r": 0, + "g": 0.1803921568627451, + "b": 0.23921568627450981, + "a": 1 }, "type": "COLOR", - "alpha": 0.1, - "refId": "mode/button/primary/borderColor/rest", - "reference": "base/color/dark/base/color/gray/0", + "refId": "mode/label/cyan/bgColor/hover", + "reference": "base/color/dark/base/display/color/cyan/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/bgColor/disabled", + "name": "label/cyan/bgColor/rest", "value": { - "r": 0.27450980392156865, - "g": 0.7490196078431373, - "b": 0.3411764705882353, + "r": 0, + "g": 0.12156862745098039, + "b": 0.1607843137254902, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/button/primary/bgColor/disabled", - "reference": "base/color/dark/base/color/green/4", + "refId": "mode/label/cyan/bgColor/rest", + "reference": "base/color/dark/base/display/color/cyan/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/iconColor/rest", + "name": "label/teal/fgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.1411764705882353, + "g": 0.8392156862745098, + "b": 0.7686274509803922, "a": 1 }, "type": "COLOR", - "refId": "mode/button/primary/iconColor/rest", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/teal/fgColor/active", + "reference": "base/color/dark/base/display/color/teal/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/fgColor/disabled", + "name": "label/teal/fgColor/hover", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0.5 + "r": 0.12156862745098039, + "g": 0.7411764705882353, + "b": 0.6980392156862745, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/button/primary/fgColor/disabled", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/teal/fgColor/hover", + "reference": "base/color/dark/base/display/color/teal/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/fgColor/rest", + "name": "label/teal/fgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.10980392156862745, + "g": 0.6901960784313725, + "b": 0.6705882352941176, "a": 1 }, "type": "COLOR", - "refId": "mode/button/primary/fgColor/rest", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/teal/fgColor/rest", + "reference": "base/color/dark/base/display/color/teal/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "counter/borderColor", + "name": "label/teal/bgColor/active", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.0392156862745098, + "g": 0.27450980392156865, + "b": 0.30196078431372547, + "a": 1 }, "type": "COLOR", - "refId": "mode/counter/borderColor", - "reference": "base/color/dark/base/color/transparent", + "refId": "mode/label/teal/bgColor/active", + "reference": "base/color/dark/base/display/color/teal/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/bgColor/checked", + "name": "label/teal/bgColor/hover", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.027450980392156862, + "g": 0.18823529411764706, + "b": 0.21176470588235294, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/bgColor/checked", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/teal/bgColor/hover", + "reference": "base/color/dark/base/display/color/teal/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/bgColor/rest", + "name": "label/teal/bgColor/rest", "value": { - "r": 0.00392156862745098, - "g": 0.01568627450980392, - "b": 0.03529411764705882, + "r": 0.01568627450980392, + "g": 0.12156862745098039, + "b": 0.1450980392156863, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/bgColor/rest", - "reference": "base/color/dark/base/color/black", + "refId": "mode/label/teal/bgColor/rest", + "reference": "base/color/dark/base/display/color/teal/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/borderColor/rest", + "name": "label/pine/fgColor/active", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.10588235294117647, + "g": 0.8549019607843137, + "b": 0.5058823529411764, + "a": 1 }, "type": "COLOR", - "refId": "mode/controlTrack/borderColor/rest", - "reference": "base/color/dark/base/color/transparent", + "refId": "mode/label/pine/fgColor/active", + "reference": "base/color/dark/base/display/color/pine/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/bgColor/active", + "name": "label/pine/fgColor/hover", "value": { - "r": 0.19215686274509805, - "g": 0.21176470588235294, - "b": 0.24313725490196078, + "r": 0.10196078431372549, + "g": 0.7568627450980392, + "b": 0.4627450980392157, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/controlTrack/bgColor/active", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/pine/fgColor/hover", + "reference": "base/color/dark/base/display/color/pine/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/bgColor/hover", + "name": "label/pine/fgColor/rest", "value": { - "r": 0.1607843137254902, - "g": 0.1803921568627451, - "b": 0.21176470588235294, + "r": 0.10588235294117647, + "g": 0.7137254901960784, + "b": 0.45098039215686275, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/controlTrack/bgColor/hover", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/pine/fgColor/rest", + "reference": "base/color/dark/base/display/color/pine/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/bgColor/rest", + "name": "label/pine/bgColor/active", "value": { - "r": 0.12941176470588237, - "g": 0.14901960784313725, - "b": 0.17647058823529413, + "r": 0.054901960784313725, + "g": 0.26666666666666666, + "b": 0.18823529411764706, "a": 1 }, "type": "COLOR", - "refId": "mode/controlTrack/bgColor/rest", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/pine/bgColor/active", + "reference": "base/color/dark/base/display/color/pine/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/fgColor/disabled", + "name": "label/pine/bgColor/hover", "value": { - "r": 0.00392156862745098, - "g": 0.01568627450980392, - "b": 0.03529411764705882, + "r": 0.043137254901960784, + "g": 0.19607843137254902, + "b": 0.1411764705882353, "a": 1 }, "type": "COLOR", - "refId": "mode/control/checked/fgColor/disabled", - "reference": "base/color/dark/base/color/black", + "refId": "mode/label/pine/bgColor/hover", + "reference": "base/color/dark/base/display/color/pine/1", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/danger/fgColor/hover", + "name": "label/pine/bgColor/rest", "value": { - "r": 1, - "g": 0.4823529411764706, - "b": 0.4470588235294118, + "r": 0.03137254901960784, + "g": 0.12941176470588237, + "b": 0.09803921568627451, "a": 1 }, "type": "COLOR", - "refId": "mode/control/danger/fgColor/hover", - "reference": "base/color/dark/base/color/red/3", + "refId": "mode/label/pine/bgColor/rest", + "reference": "base/color/dark/base/display/color/pine/0", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/borderColor/active", + "name": "label/lime/fgColor/active", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.6235294117647059, + "g": 0.8, + "b": 0.24313725490196078, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/borderColor/active", - "reference": "base/color/dark/base/color/transparent", + "refId": "mode/label/lime/fgColor/active", + "reference": "base/color/dark/base/display/color/lime/8", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/borderColor/hover", + "name": "label/lime/fgColor/hover", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.5372549019607843, + "g": 0.7294117647058823, + "b": 0.21176470588235294, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/borderColor/hover", - "reference": "base/color/dark/base/color/transparent", + "refId": "mode/label/lime/fgColor/hover", + "reference": "base/color/dark/base/display/color/lime/7", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/borderColor/rest", + "name": "label/lime/fgColor/rest", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.49019607843137253, + "g": 0.6823529411764706, + "b": 0.21568627450980393, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/borderColor/rest", - "reference": "base/color/dark/base/color/transparent", + "refId": "mode/label/lime/fgColor/rest", + "reference": "base/color/dark/base/display/color/lime/6", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/selected", + "name": "label/lime/bgColor/active", "value": { - "r": 0.6941176470588235, - "g": 0.7294117647058823, - "b": 0.7686274509803922, - "a": 0.08 + "r": 0.17254901960784313, + "g": 0.26666666666666666, + "b": 0.11372549019607843, + "a": 1 }, "type": "COLOR", - "alpha": 0.08, - "refId": "mode/control/transparent/bgColor/selected", - "reference": "base/color/dark/base/color/gray/2", + "refId": "mode/label/lime/bgColor/active", + "reference": "base/color/dark/base/display/color/lime/2", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/disabled", + "name": "label/lime/bgColor/hover", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.12156862745098039, + "g": 0.19215686274509805, + "b": 0.08627450980392157, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/bgColor/disabled", - "reference": "base/color/dark/base/color/transparent", + "refId": "mode/label/lime/bgColor/hover", + "reference": "base/color/dark/base/display/color/lime/1", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/active", + "name": "label/lime/bgColor/rest", "value": { - "r": 0.6941176470588235, - "g": 0.7294117647058823, - "b": 0.7686274509803922, - "a": 0.2 + "r": 0.0784313725490196, + "g": 0.12156862745098039, + "b": 0.058823529411764705, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/control/transparent/bgColor/active", - "reference": "base/color/dark/base/color/gray/2", + "refId": "mode/label/lime/bgColor/rest", + "reference": "base/color/dark/base/display/color/lime/0", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/hover", + "name": "label/olive/fgColor/active", "value": { - "r": 0.6941176470588235, - "g": 0.7294117647058823, - "b": 0.7686274509803922, - "a": 0.12 + "r": 0.796078431372549, + "g": 0.7529411764705882, + "b": 0.1450980392156863, + "a": 1 }, "type": "COLOR", - "alpha": 0.12, - "refId": "mode/control/transparent/bgColor/hover", - "reference": "base/color/dark/base/color/gray/2", + "refId": "mode/label/olive/fgColor/active", + "reference": "base/color/dark/base/display/color/olive/8", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/rest", + "name": "label/olive/fgColor/hover", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.6980392156862745, + "g": 0.6862745098039216, + "b": 0.1411764705882353, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/bgColor/rest", - "reference": "base/color/dark/base/color/transparent", + "refId": "mode/label/olive/fgColor/hover", + "reference": "base/color/dark/base/display/color/olive/7", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/selected", + "name": "label/olive/fgColor/rest", "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, + "r": 0.6352941176470588, + "g": 0.6509803921568628, + "b": 0.14901960784313725, "a": 1 }, "type": "COLOR", - "refId": "mode/control/borderColor/selected", - "reference": "base/color/dark/base/color/gray/0", + "refId": "mode/label/olive/fgColor/rest", + "reference": "base/color/dark/base/display/color/olive/6", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/emphasis", + "name": "label/olive/bgColor/active", "value": { - "r": 0.4, - "g": 0.43137254901960786, - "b": 0.4745098039215686, + "r": 0.21568627450980393, + "g": 0.2549019607843137, + "b": 0.08235294117647059, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/borderColor/emphasis", - "reference": "base/color/dark/base/color/gray/4", + "refId": "mode/label/olive/bgColor/active", + "reference": "base/color/dark/base/display/color/olive/2", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/fgColor/placeholder", + "name": "label/olive/bgColor/hover", "value": { - "r": 0.2823529411764706, - "g": 0.30980392156862746, - "b": 0.34509803921568627, + "r": 0.1450980392156863, + "g": 0.17647058823529413, + "b": 0.06274509803921569, "a": 1 }, "type": "COLOR", - "refId": "mode/control/fgColor/placeholder", - "reference": "base/color/dark/base/color/gray/5", + "refId": "mode/label/olive/bgColor/hover", + "reference": "base/color/dark/base/display/color/olive/1", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/fgColor/rest", + "name": "label/olive/bgColor/rest", "value": { - "r": 0.788235294117647, - "g": 0.8196078431372549, - "b": 0.8509803921568627, + "r": 0.09019607843137255, + "g": 0.11764705882352941, + "b": 0.043137254901960784, "a": 1 }, "type": "COLOR", - "refId": "mode/control/fgColor/rest", - "reference": "base/color/dark/base/color/gray/1", + "refId": "mode/label/olive/bgColor/rest", + "reference": "base/color/dark/base/display/color/olive/0", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/bgColor/selected", + "name": "label/lemon/fgColor/active", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, + "r": 0.8431372549019608, + "g": 0.7372549019607844, + "b": 0.11372549019607843, "a": 1 }, "type": "COLOR", - "refId": "mode/control/bgColor/selected", - "reference": "base/color/dark/base/color/gray/8", + "refId": "mode/label/lemon/fgColor/active", + "reference": "base/color/dark/base/display/color/lemon/8", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/bgColor/active", + "name": "label/lemon/fgColor/hover", "value": { - "r": 0.19215686274509805, - "g": 0.21176470588235294, - "b": 0.24313725490196078, + "r": 0.7686274509803922, + "g": 0.6549019607843137, + "b": 0.09019607843137255, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/bgColor/active", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/lemon/fgColor/hover", + "reference": "base/color/dark/base/display/color/lemon/7", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/bgColor/hover", + "name": "label/lemon/fgColor/rest", "value": { - "r": 0.1607843137254902, - "g": 0.1803921568627451, - "b": 0.21176470588235294, + "r": 0.7294117647058823, + "g": 0.6078431372549019, + "b": 0.07058823529411765, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/bgColor/hover", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/lemon/fgColor/rest", + "reference": "base/color/dark/base/display/color/lemon/6", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/bgColor/rest", + "name": "label/lemon/bgColor/active", "value": { - "r": 0.12941176470588237, - "g": 0.14901960784313725, - "b": 0.17647058823529413, + "r": 0.30980392156862746, + "g": 0.23529411764705882, + "b": 0.00784313725490196, "a": 1 }, "type": "COLOR", - "refId": "mode/control/bgColor/rest", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/lemon/bgColor/active", + "reference": "base/color/dark/base/display/color/lemon/2", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "avatarStack/fade/bgColor/muted", + "name": "label/lemon/bgColor/hover", "value": { - "r": 0.12941176470588237, - "g": 0.14901960784313725, - "b": 0.17647058823529413, + "r": 0.21568627450980393, + "g": 0.1607843137254902, + "b": 0.00392156862745098, "a": 1 }, "type": "COLOR", - "refId": "mode/avatarStack/fade/bgColor/muted", - "reference": "base/color/dark/base/color/gray/7", + "refId": "mode/label/lemon/bgColor/hover", + "reference": "base/color/dark/base/display/color/lemon/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "avatarStack/fade/bgColor/default", + "name": "label/lemon/bgColor/rest", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, + "r": 0.1607843137254902, + "g": 0.11372549019607843, + "b": 0, "a": 1 }, "type": "COLOR", - "refId": "mode/avatarStack/fade/bgColor/default", - "reference": "base/color/dark/base/color/gray/6", + "refId": "mode/label/lemon/bgColor/rest", + "reference": "base/color/dark/base/display/color/lemon/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "avatar/bgColor", + "name": "label/brown/fgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0.1 + "r": 0.803921568627451, + "g": 0.7333333333333333, + "b": 0.596078431372549, + "a": 1 }, "type": "COLOR", - "alpha": 0.1, - "refId": "mode/avatar/bgColor", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/brown/fgColor/active", + "reference": "base/color/dark/base/display/color/brown/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "headerSearch/borderColor", + "name": "label/brown/fgColor/hover", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, + "r": 0.7490196078431373, + "g": 0.6549019607843137, + "b": 0.49019607843137253, "a": 1 }, "type": "COLOR", - "refId": "mode/headerSearch/borderColor", - "reference": "base/color/dark/base/color/gray/6", + "refId": "mode/label/brown/fgColor/hover", + "reference": "base/color/dark/base/display/color/brown/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "headerSearch/bgColor", + "name": "label/brown/fgColor/rest", "value": { - "r": 0.050980392156862744, - "g": 0.06666666666666667, - "b": 0.09019607843137255, + "r": 0.7137254901960784, + "g": 0.6039215686274509, + "b": 0.42745098039215684, "a": 1 }, "type": "COLOR", - "refId": "mode/headerSearch/bgColor", - "reference": "base/color/dark/base/color/gray/9", + "refId": "mode/label/brown/fgColor/rest", + "reference": "base/color/dark/base/display/color/brown/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "header/borderColor/divider", + "name": "label/brown/bgColor/active", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, + "r": 0.2823529411764706, + "g": 0.22745098039215686, + "b": 0.1568627450980392, "a": 1 }, "type": "COLOR", - "refId": "mode/header/borderColor/divider", - "reference": "base/color/dark/base/color/gray/3", + "refId": "mode/label/brown/bgColor/active", + "reference": "base/color/dark/base/display/color/brown/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "header/bgColor", + "name": "label/brown/bgColor/hover", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, - "a": 0.95 + "r": 0.20392156862745098, + "g": 0.16470588235294117, + "b": 0.11372549019607843, + "a": 1 }, "type": "COLOR", - "alpha": 0.95, - "refId": "mode/header/bgColor", - "reference": "base/color/dark/base/color/gray/8", + "refId": "mode/label/brown/bgColor/hover", + "reference": "base/color/dark/base/display/color/brown/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "header/fgColor/logo", + "name": "label/brown/bgColor/rest", "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, + "r": 0.1411764705882353, + "g": 0.10980392156862745, + "b": 0.0784313725490196, "a": 1 }, "type": "COLOR", - "refId": "mode/header/fgColor/logo", - "reference": "base/color/dark/base/color/gray/0", + "refId": "mode/label/brown/bgColor/rest", + "reference": "base/color/dark/base/display/color/brown/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "header/fgColor/default", + "name": "label/auburn/fgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0.7 + "r": 0.8313725490196079, + "g": 0.7176470588235294, + "b": 0.7098039215686275, + "a": 1 }, "type": "COLOR", - "alpha": 0.7, - "refId": "mode/header/fgColor/default", - "reference": "base/color/dark/base/color/white", + "refId": "mode/label/auburn/fgColor/active", + "reference": "base/color/dark/base/display/color/auburn/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/variable", + "name": "label/auburn/fgColor/hover", "value": { - "r": 1, - "g": 0.6509803921568628, - "b": 0.3411764705882353, + "r": 0.7764705882352941, + "g": 0.6313725490196078, + "b": 0.6235294117647059, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/variable", - "reference": "base/color/dark/base/color/orange/2", + "refId": "mode/label/auburn/fgColor/hover", + "reference": "base/color/dark/base/display/color/auburn/7", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/support", + "name": "label/auburn/fgColor/rest", "value": { - "r": 0.4745098039215686, - "g": 0.7529411764705882, - "b": 1, + "r": 0.7490196078431373, + "g": 0.5843137254901961, + "b": 0.5725490196078431, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/support", - "reference": "base/color/dark/base/color/blue/2", + "refId": "mode/label/auburn/fgColor/rest", + "reference": "base/color/dark/base/display/color/auburn/6", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/string", + "name": "label/auburn/bgColor/active", "value": { - "r": 0.6470588235294118, - "g": 0.8392156862745098, - "b": 1, + "r": 0.32941176470588235, + "g": 0.2, + "b": 0.19215686274509805, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/string", - "reference": "base/color/dark/base/color/blue/1", + "refId": "mode/label/auburn/bgColor/active", + "reference": "base/color/dark/base/display/color/auburn/2", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/storage", + "name": "label/auburn/bgColor/hover", "value": { - "r": 1, - "g": 0.4823529411764706, - "b": 0.4470588235294118, + "r": 0.22745098039215686, + "g": 0.1411764705882353, + "b": 0.13333333333333333, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/storage", - "reference": "base/color/dark/base/color/red/3", + "refId": "mode/label/auburn/bgColor/hover", + "reference": "base/color/dark/base/display/color/auburn/1", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/keyword", + "name": "label/auburn/bgColor/rest", "value": { - "r": 1, - "g": 0.4823529411764706, - "b": 0.4470588235294118, + "r": 0.15294117647058825, + "g": 0.09411764705882353, + "b": 0.09019607843137255, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/keyword", - "reference": "base/color/dark/base/color/red/3", + "refId": "mode/label/auburn/bgColor/rest", + "reference": "base/color/dark/base/display/color/auburn/0", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/entity", + "name": "label/gray/fgColor/active", "value": { - "r": 0.8235294117647058, - "g": 0.6588235294117647, - "b": 1, + "r": 0.7019607843137254, + "g": 0.7529411764705882, + "b": 0.8196078431372549, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/entity", - "reference": "base/color/dark/base/color/purple/2", + "refId": "mode/label/gray/fgColor/active", + "reference": "base/color/dark/base/display/color/gray/8", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/constant", + "name": "label/gray/fgColor/hover", "value": { - "r": 0.4745098039215686, - "g": 0.7529411764705882, - "b": 1, + "r": 0.6078431372549019, + "g": 0.6705882352941176, + "b": 0.7490196078431373, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/constant", - "reference": "base/color/dark/base/color/blue/2", + "refId": "mode/label/gray/fgColor/hover", + "reference": "base/color/dark/base/display/color/gray/7", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/comment", + "name": "label/gray/fgColor/rest", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, + "r": 0.5725490196078431, + "g": 0.6313725490196078, + "b": 0.7098039215686275, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/comment", - "reference": "base/color/dark/base/color/gray/3", + "refId": "mode/label/gray/fgColor/rest", + "reference": "base/color/dark/base/display/color/gray/6", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/bgColor/word", + "name": "label/gray/bgColor/active", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, - "a": 0.4 + "r": 0.2235294117647059, + "g": 0.23921568627450981, + "b": 0.2549019607843137, + "a": 1 }, "type": "COLOR", - "alpha": 0.4, - "refId": "mode/diffBlob/deletion/bgColor/word", - "reference": "base/color/dark/base/color/red/4", + "refId": "mode/label/gray/bgColor/active", + "reference": "base/color/dark/base/display/color/gray/2", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/bgColor/line", + "name": "label/gray/bgColor/hover", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, - "a": 0.15 + "r": 0.16470588235294117, + "g": 0.16862745098039217, + "b": 0.17647058823529413, + "a": 1 }, "type": "COLOR", - "alpha": 0.15, - "refId": "mode/diffBlob/deletion/bgColor/line", - "reference": "base/color/dark/base/color/red/4", + "refId": "mode/label/gray/bgColor/hover", + "reference": "base/color/dark/base/display/color/gray/1", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/bgColor/num", + "name": "label/gray/bgColor/rest", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, - "a": 0.3 + "r": 0.10980392156862745, + "g": 0.10980392156862745, + "b": 0.10980392156862745, + "a": 1 }, "type": "COLOR", - "alpha": 0.3, - "refId": "mode/diffBlob/deletion/bgColor/num", - "reference": "base/color/dark/base/color/red/4", + "refId": "mode/label/gray/bgColor/rest", + "reference": "base/color/dark/base/display/color/gray/0", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/addition/bgColor/word", + "name": "label/yellow/fgColor/active", "value": { - "r": 0.1803921568627451, - "g": 0.6274509803921569, - "b": 0.2627450980392157, - "a": 0.4 + "r": 0.9294117647058824, + "g": 0.7058823529411765, + "b": 0.19215686274509805, + "a": 1 }, "type": "COLOR", - "alpha": 0.4, - "refId": "mode/diffBlob/addition/bgColor/word", - "reference": "base/color/dark/base/color/green/4", + "refId": "mode/label/yellow/fgColor/active", + "reference": "base/color/dark/base/display/color/yellow/8", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/addition/bgColor/line", + "name": "label/yellow/fgColor/hover", "value": { - "r": 0.1803921568627451, - "g": 0.6274509803921569, - "b": 0.2627450980392157, - "a": 0.15 + "r": 0.8745098039215686, + "g": 0.6196078431372549, + "b": 0.06666666666666667, + "a": 1 }, "type": "COLOR", - "alpha": 0.15, - "refId": "mode/diffBlob/addition/bgColor/line", - "reference": "base/color/dark/base/color/green/4", + "refId": "mode/label/yellow/fgColor/hover", + "reference": "base/color/dark/base/display/color/yellow/7", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/addition/bgColor/num", + "name": "label/yellow/fgColor/rest", "value": { - "r": 0.24705882352941178, - "g": 0.7254901960784313, - "b": 0.3137254901960784, - "a": 0.3 + "r": 0.8274509803921568, + "g": 0.5686274509803921, + "b": 0.050980392156862744, + "a": 1 }, "type": "COLOR", - "alpha": 0.3, - "refId": "mode/diffBlob/addition/bgColor/num", - "reference": "base/color/dark/base/color/green/3", + "refId": "mode/label/yellow/fgColor/rest", + "reference": "base/color/dark/base/display/color/yellow/6", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "highlight/neutral/bgColor", + "name": "label/yellow/bgColor/active", "value": { - "r": 0.8235294117647058, - "g": 0.6, - "b": 0.13333333333333333, - "a": 0.4 + "r": 0.35294117647058826, + "g": 0.21568627450980393, + "b": 0.00784313725490196, + "a": 1 }, "type": "COLOR", - "alpha": 0.4, - "refId": "mode/highlight/neutral/bgColor", - "reference": "base/color/dark/base/color/yellow/3", + "refId": "mode/label/yellow/bgColor/active", + "reference": "base/color/dark/base/display/color/yellow/2", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "topicTag/borderColor", + "name": "label/yellow/bgColor/hover", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.23921568627450981, + "g": 0.1411764705882353, + "b": 0.00392156862745098, + "a": 1 }, "type": "COLOR", - "refId": "mode/topicTag/borderColor", - "reference": "base/color/dark/base/color/transparent", + "refId": "mode/label/yellow/bgColor/hover", + "reference": "base/color/dark/base/display/color/yellow/1", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "borderColor/open-emphasis", + "name": "label/yellow/bgColor/rest", "value": { - "r": 0.13725490196078433, - "g": 0.5254901960784314, - "b": 0.21176470588235294, + "r": 0.1803921568627451, + "g": 0.10196078431372549, + "b": 0, "a": 1 }, "type": "COLOR", - "refId": "mode/borderColor/open-emphasis", - "reference": "mode/borderColor/success-emphasis", + "refId": "mode/label/yellow/bgColor/rest", + "reference": "base/color/dark/base/display/color/yellow/0", "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["STROKE_COLOR"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "borderColor/open-muted", + "name": "label/red/fgColor/active", "value": { - "r": 0.1803921568627451, - "g": 0.6274509803921569, - "b": 0.2627450980392157, - "a": 0.4 + "r": 0.9686274509803922, + "g": 0.6784313725490196, + "b": 0.6705882352941176, + "a": 1 }, "type": "COLOR", - "refId": "mode/borderColor/open-muted", - "reference": "mode/borderColor/success-muted", + "refId": "mode/label/red/fgColor/active", + "reference": "base/color/dark/base/display/color/red/8", "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["STROKE_COLOR"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "borderColor/disabled", + "name": "label/red/fgColor/hover", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, + "r": 0.9568627450980393, + "g": 0.5450980392156862, + "b": 0.5529411764705883, "a": 1 }, "type": "COLOR", - "refId": "mode/borderColor/disabled", - "reference": "mode/bgColor/disabled", + "refId": "mode/label/red/fgColor/hover", + "reference": "base/color/dark/base/display/color/red/7", "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "borderColor/muted", + "name": "label/red/fgColor/rest", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, - "a": 0.5 + "r": 0.9490196078431372, + "g": 0.49019607843137253, + "b": 0.5137254901960784, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/borderColor/muted", - "reference": "mode/borderColor/default", + "refId": "mode/label/red/fgColor/rest", + "reference": "base/color/dark/base/display/color/red/6", "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["STROKE_COLOR"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "bgColor/open-emphasis", + "name": "label/red/bgColor/active", "value": { - "r": 0.13725490196078433, - "g": 0.5254901960784314, - "b": 0.21176470588235294, + "r": 0.4745098039215686, + "g": 0.047058823529411764, + "b": 0.12549019607843137, "a": 1 }, "type": "COLOR", - "refId": "mode/bgColor/open-emphasis", - "reference": "mode/bgColor/success-emphasis", + "refId": "mode/label/red/bgColor/active", + "reference": "base/color/dark/base/display/color/red/2", "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "bgColor/open-muted", + "name": "label/red/bgColor/hover", "value": { - "r": 0.1803921568627451, - "g": 0.6274509803921569, - "b": 0.2627450980392157, - "a": 0.1 + "r": 0.34509803921568627, + "g": 0.03529411764705882, + "b": 0.10196078431372549, + "a": 1 }, "type": "COLOR", - "alpha": 0.1, - "refId": "mode/bgColor/open-muted", - "reference": "mode/bgColor/success-muted", + "refId": "mode/label/red/bgColor/hover", + "reference": "base/color/dark/base/display/color/red/1", "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "fgColor/open", + "name": "label/red/bgColor/rest", "value": { - "r": 0.24705882352941178, - "g": 0.7254901960784313, - "b": 0.3137254901960784, + "r": 0.23529411764705882, + "g": 0.023529411764705882, + "b": 0.0784313725490196, "a": 1 }, "type": "COLOR", - "refId": "mode/fgColor/open", - "reference": "mode/fgColor/success", + "refId": "mode/label/red/bgColor/rest", + "reference": "base/color/dark/base/display/color/red/0", "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["TEXT_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "fgColor/link", + "name": "label/purple/fgColor/active", "value": { - "r": 0.1843137254901961, - "g": 0.5058823529411764, - "b": 0.9686274509803922, + "r": 0.8235294117647058, + "g": 0.6862745098039216, + "b": 0.9921568627450981, "a": 1 }, "type": "COLOR", - "refId": "mode/fgColor/link", - "reference": "mode/fgColor/accent", + "refId": "mode/label/purple/fgColor/active", + "reference": "base/color/dark/base/display/color/purple/8", "collection": "mode", "mode": "dark", - "group": "semantic", - "scopes": ["TEXT_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "underlineNav/iconColor/rest", + "name": "label/purple/fgColor/hover", "value": { - "r": 0.5176470588235295, - "g": 0.5529411764705883, - "b": 0.592156862745098, + "r": 0.7647058823529411, + "g": 0.596078431372549, + "b": 0.984313725490196, "a": 1 }, "type": "COLOR", - "refId": "mode/underlineNav/iconColor/rest", - "reference": "mode/fgColor/muted", + "refId": "mode/label/purple/fgColor/hover", + "reference": "base/color/dark/base/display/color/purple/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "underlineNav/borderColor/hover", + "name": "label/purple/fgColor/rest", "value": { - "r": 0.43137254901960786, - "g": 0.4627450980392157, - "b": 0.5058823529411764, - "a": 0.4 + "r": 0.7137254901960784, + "g": 0.5294117647058824, + "b": 0.9686274509803922, + "a": 1 }, "type": "COLOR", - "refId": "mode/underlineNav/borderColor/hover", - "reference": "mode/borderColor/neutral-muted", + "refId": "mode/label/purple/fgColor/rest", + "reference": "base/color/dark/base/display/color/purple/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "treeViewItem/leadingVisual/iconColor/rest", + "name": "label/purple/bgColor/active", "value": { - "r": 0.5176470588235295, - "g": 0.5529411764705883, - "b": 0.592156862745098, + "r": 0.2823529411764706, + "g": 0.10196078431372549, + "b": 0.6196078431372549, "a": 1 }, "type": "COLOR", - "refId": "mode/treeViewItem/leadingVisual/iconColor/rest", - "reference": "mode/fgColor/muted", + "refId": "mode/label/purple/bgColor/active", + "reference": "base/color/dark/base/display/color/purple/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "focus/outlineColor", + "name": "label/purple/bgColor/hover", "value": { - "r": 0.12156862745098039, - "g": 0.43529411764705883, - "b": 0.9215686274509803, + "r": 0.19215686274509805, + "g": 0.0784313725490196, + "b": 0.4196078431372549, "a": 1 }, "type": "COLOR", - "refId": "mode/focus/outlineColor", - "reference": "mode/borderColor/accent-emphasis", + "refId": "mode/label/purple/bgColor/hover", + "reference": "base/color/dark/base/display/color/purple/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/fgColor/disabled", + "name": "label/purple/bgColor/rest", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, - "a": 0.5 + "r": 0.12941176470588237, + "g": 0.06274509803921569, + "b": 0.2784313725490196, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/buttonCounter/danger/fgColor/disabled", - "reference": "mode/fgColor/danger", + "refId": "mode/label/purple/bgColor/rest", + "reference": "base/color/dark/base/display/color/purple/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/fgColor/rest", + "name": "label/orange/fgColor/active", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, + "r": 0.9647058823529412, + "g": 0.6901960784313725, + "b": 0.41568627450980394, "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/danger/fgColor/rest", - "reference": "mode/fgColor/danger", + "refId": "mode/label/orange/fgColor/active", + "reference": "base/color/dark/base/display/color/orange/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/bgColor/disabled", + "name": "label/orange/fgColor/hover", "value": { - "r": 0.8549019607843137, - "g": 0.21176470588235294, - "b": 0.2, - "a": 0.05 + "r": 0.9450980392156862, + "g": 0.5764705882352941, + "b": 0.23137254901960785, + "a": 1 }, "type": "COLOR", - "alpha": 0.05, - "refId": "mode/buttonCounter/danger/bgColor/disabled", - "reference": "mode/bgColor/danger-emphasis", + "refId": "mode/label/orange/fgColor/hover", + "reference": "base/color/dark/base/display/color/orange/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/fgColor/disabled", + "name": "label/orange/fgColor/rest", "value": { - "r": 0.1843137254901961, - "g": 0.5058823529411764, - "b": 0.9686274509803922, - "a": 0.5 + "r": 0.9294117647058824, + "g": 0.5137254901960784, + "b": 0.14901960784313725, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/buttonCounter/outline/fgColor/disabled", - "reference": "mode/fgColor/accent", + "refId": "mode/label/orange/fgColor/rest", + "reference": "base/color/dark/base/display/color/orange/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/bgColor/disabled", + "name": "label/orange/bgColor/active", "value": { - "r": 0.12156862745098039, - "g": 0.43529411764705883, - "b": 0.9215686274509803, - "a": 0.05 + "r": 0.38823529411764707, + "g": 0.1843137254901961, + "b": 0.050980392156862744, + "a": 1 }, "type": "COLOR", - "alpha": 0.05, - "refId": "mode/buttonCounter/outline/bgColor/disabled", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/label/orange/bgColor/active", + "reference": "base/color/dark/base/display/color/orange/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/borderColor/active", + "name": "label/orange/bgColor/hover", "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, - "a": 0.1 + "r": 0.2627450980392157, + "g": 0.12549019607843137, + "b": 0.0392156862745098, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/borderColor/active", - "reference": "mode/button/danger/borderColor/hover", + "refId": "mode/label/orange/bgColor/hover", + "reference": "base/color/dark/base/display/color/orange/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/borderColor/rest", + "name": "label/orange/bgColor/rest", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, + "r": 0.19215686274509805, + "g": 0.09019607843137255, + "b": 0.03137254901960784, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/borderColor/rest", - "reference": "mode/borderColor/default", + "refId": "mode/label/orange/bgColor/rest", + "reference": "base/color/dark/base/display/color/orange/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/bgColor/rest", + "name": "label/green/fgColor/active", "value": { - "r": 0.12941176470588237, - "g": 0.14901960784313725, - "b": 0.17647058823529413, + "r": 0.4588235294117647, + "g": 0.8274509803921568, + "b": 0.43529411764705883, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/bgColor/rest", - "reference": "mode/control/bgColor/rest", + "refId": "mode/label/green/fgColor/active", + "reference": "base/color/dark/base/display/color/green/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/iconColor/rest", + "name": "label/green/fgColor/hover", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, + "r": 0.27450980392156865, + "g": 0.7568627450980392, + "b": 0.26666666666666666, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/iconColor/rest", - "reference": "mode/fgColor/danger", + "refId": "mode/label/green/fgColor/hover", + "reference": "base/color/dark/base/display/color/green/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/fgColor/disabled", + "name": "label/green/fgColor/rest", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, - "a": 0.5 + "r": 0.2549019607843137, + "g": 0.7058823529411765, + "b": 0.27058823529411763, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/button/danger/fgColor/disabled", - "reference": "mode/fgColor/danger", + "refId": "mode/label/green/fgColor/rest", + "reference": "base/color/dark/base/display/color/green/6", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/fgColor/rest", + "name": "label/green/bgColor/active", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, + "r": 0.12941176470588237, + "g": 0.27058823529411763, + "b": 0.1607843137254902, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/fgColor/rest", - "reference": "mode/fgColor/danger", + "refId": "mode/label/green/bgColor/active", + "reference": "base/color/dark/base/display/color/green/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/borderColor/selected", + "name": "label/green/bgColor/hover", "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, - "a": 0.1 + "r": 0.09411764705882353, + "g": 0.1843137254901961, + "b": 0.12156862745098039, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/borderColor/selected", - "reference": "mode/button/outline/borderColor/hover", + "refId": "mode/label/green/bgColor/hover", + "reference": "base/color/dark/base/display/color/green/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/fgColor/disabled", + "name": "label/green/bgColor/rest", "value": { - "r": 0.1843137254901961, - "g": 0.5058823529411764, - "b": 0.9686274509803922, - "a": 0.5 + "r": 0.07058823529411765, + "g": 0.12941176470588237, + "b": 0.09019607843137255, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/button/outline/fgColor/disabled", - "reference": "mode/fgColor/accent", + "refId": "mode/label/green/bgColor/rest", + "reference": "base/color/dark/base/display/color/green/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/borderColor/hover", + "name": "underlineNav/borderColor/active", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 - }, + "r": 0.9686274509803922, + "g": 0.5058823529411764, + "b": 0.4, + "a": 1 + }, "type": "COLOR", - "refId": "mode/button/invisible/borderColor/hover", - "reference": "mode/control/transparent/borderColor/hover", + "refId": "mode/underlineNav/borderColor/active", + "reference": "base/color/dark/base/color/coral/3", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { - "name": "button/invisible/borderColor/rest", + "name": "timelineBadge/bgColor", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/borderColor/rest", - "reference": "mode/control/transparent/borderColor/rest", + "refId": "mode/timelineBadge/bgColor", + "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/bgColor/disabled", + "name": "sideNav/bgColor/selected", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/bgColor/disabled", - "reference": "mode/control/transparent/bgColor/disabled", + "refId": "mode/sideNav/bgColor/selected", + "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/bgColor/active", + "name": "selectMenu/bgColor/active", "value": { - "r": 0.6941176470588235, - "g": 0.7294117647058823, - "b": 0.7686274509803922, - "a": 0.2 + "r": 0.047058823529411764, + "g": 0.17647058823529413, + "b": 0.4196078431372549, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/bgColor/active", - "reference": "mode/control/transparent/bgColor/active", + "refId": "mode/selectMenu/bgColor/active", + "reference": "base/color/dark/base/color/blue/8", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/bgColor/hover", + "name": "selectMenu/borderColor", "value": { - "r": 0.6941176470588235, - "g": 0.7294117647058823, - "b": 0.7686274509803922, - "a": 0.12 + "r": 0.2823529411764706, + "g": 0.30980392156862746, + "b": 0.34509803921568627, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/bgColor/hover", - "reference": "mode/control/transparent/bgColor/hover", + "refId": "mode/selectMenu/borderColor", + "reference": "base/color/dark/base/color/neutral/5", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "button/invisible/bgColor/rest", + "name": "overlay/backdrop/bgColor", "value": { - "r": 0, - "g": 0, - "b": 0, - "a": 0 + "r": 0.08627450980392157, + "g": 0.10588235294117647, + "b": 0.13333333333333333, + "a": 0.4 }, "type": "COLOR", - "refId": "mode/button/invisible/bgColor/rest", - "reference": "mode/control/transparent/bgColor/rest", + "alpha": 0.4, + "refId": "mode/overlay/backdrop/bgColor", + "reference": "base/color/dark/base/color/neutral/8", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/iconColor/hover", + "name": "overlay/bgColor", "value": { - "r": 0.9019607843137255, - "g": 0.9294117647058824, - "b": 0.9529411764705882, + "r": 0.08627450980392157, + "g": 0.10588235294117647, + "b": 0.13333333333333333, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/iconColor/hover", - "reference": "mode/fgColor/default", + "refId": "mode/overlay/bgColor", + "reference": "base/color/dark/base/color/neutral/8", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/iconColor/rest", + "name": "menu/bgColor/active", "value": { - "r": 0.5176470588235295, - "g": 0.5529411764705883, - "b": 0.592156862745098, + "r": 0.08627450980392157, + "g": 0.10588235294117647, + "b": 0.13333333333333333, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/iconColor/rest", - "reference": "mode/fgColor/muted", + "refId": "mode/menu/bgColor/active", + "reference": "base/color/dark/base/color/neutral/8", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/fgColor/rest", + "name": "reactionButton/selected/fgColor/hover", "value": { - "r": 0.1843137254901961, - "g": 0.5058823529411764, - "b": 0.9686274509803922, + "r": 0.4745098039215686, + "g": 0.7529411764705882, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/fgColor/rest", - "reference": "mode/fgColor/accent", + "refId": "mode/reactionButton/selected/fgColor/hover", + "reference": "base/color/dark/base/color/blue/2", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/borderColor/disabled", + "name": "reactionButton/selected/bgColor/rest", "value": { - "r": 0.27450980392156865, - "g": 0.7490196078431373, - "b": 0.3411764705882353, - "a": 1 + "r": 0.2196078431372549, + "g": 0.5450980392156862, + "b": 0.9921568627450981, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/button/primary/borderColor/disabled", - "reference": "mode/button/primary/bgColor/disabled", + "alpha": 0.2, + "refId": "mode/reactionButton/selected/bgColor/rest", + "reference": "base/color/dark/base/color/blue/4", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/borderColor/active", + "name": "buttonCounter/danger/fgColor/hover", "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, - "a": 0.1 + "r": 1, + "g": 1, + "b": 1, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/primary/borderColor/active", - "reference": "mode/button/primary/borderColor/rest", + "refId": "mode/buttonCounter/danger/fgColor/hover", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/borderColor/hover", + "name": "buttonCounter/danger/bgColor/rest", "value": { - "r": 0.9411764705882353, - "g": 0.9647058823529412, - "b": 0.9882352941176471, - "a": 0.1 + "r": 0.28627450980392155, + "g": 0.00784313725490196, + "b": 0.00784313725490196, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/button/primary/borderColor/hover", - "reference": "mode/button/primary/borderColor/rest", + "alpha": 0.2, + "refId": "mode/buttonCounter/danger/bgColor/rest", + "reference": "base/color/dark/base/color/red/9", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/bgColor/active", + "name": "buttonCounter/danger/bgColor/hover", "value": { - "r": 0.1803921568627451, - "g": 0.6039215686274509, - "b": 0.25098039215686274, - "a": 1 + "r": 1, + "g": 1, + "b": 1, + "a": 0.2 }, "type": "COLOR", - "isMix": true, - "refId": "mode/button/primary/bgColor/active", - "reference": "mode/bgColor/success-emphasis", + "alpha": 0.2, + "refId": "mode/buttonCounter/danger/bgColor/hover", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/bgColor/hover", + "name": "buttonCounter/outline/fgColor/hover", "value": { - "r": 0.1607843137254902, - "g": 0.5647058823529412, - "b": 0.23137254901960785, + "r": 0.34509803921568627, + "g": 0.6509803921568628, + "b": 1, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/button/primary/bgColor/hover", - "reference": "mode/bgColor/success-emphasis", + "refId": "mode/buttonCounter/outline/fgColor/hover", + "reference": "base/color/dark/base/color/blue/3", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/bgColor/rest", + "name": "buttonCounter/outline/fgColor/rest", "value": { - "r": 0.13725490196078433, - "g": 0.5254901960784314, - "b": 0.21176470588235294, + "r": 0.2196078431372549, + "g": 0.5450980392156862, + "b": 0.9921568627450981, "a": 1 }, "type": "COLOR", - "refId": "mode/button/primary/bgColor/rest", - "reference": "mode/bgColor/success-emphasis", + "refId": "mode/buttonCounter/outline/fgColor/rest", + "reference": "base/color/dark/base/color/blue/4", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/default/borderColor/rest", + "name": "buttonCounter/outline/bgColor/hover", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, - "a": 1 + "r": 0.0196078431372549, + "g": 0.11372549019607843, + "b": 0.30196078431372547, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/button/default/borderColor/rest", - "reference": "mode/borderColor/default", + "alpha": 0.2, + "refId": "mode/buttonCounter/outline/bgColor/hover", + "reference": "base/color/dark/base/color/blue/9", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/bgColor/selected", + "name": "buttonCounter/outline/bgColor/rest", "value": { - "r": 0.19215686274509805, - "g": 0.21176470588235294, - "b": 0.24313725490196078, - "a": 1 + "r": 0.0196078431372549, + "g": 0.11372549019607843, + "b": 0.30196078431372547, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/button/default/bgColor/selected", - "reference": "mode/control/bgColor/active", + "alpha": 0.2, + "refId": "mode/buttonCounter/outline/bgColor/rest", + "reference": "base/color/dark/base/color/blue/9", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/bgColor/active", + "name": "buttonCounter/primary/bgColor/rest", "value": { - "r": 0.19215686274509805, - "g": 0.21176470588235294, - "b": 0.24313725490196078, - "a": 1 + "r": 0.01568627450980392, + "g": 0.14901960784313725, + "b": 0.058823529411764705, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/button/default/bgColor/active", - "reference": "mode/control/bgColor/active", + "alpha": 0.2, + "refId": "mode/buttonCounter/primary/bgColor/rest", + "reference": "base/color/dark/base/color/green/9", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/bgColor/hover", + "name": "buttonCounter/invisible/bgColor/rest", "value": { - "r": 0.1607843137254902, - "g": 0.1803921568627451, - "b": 0.21176470588235294, + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/bgColor/hover", - "reference": "mode/control/bgColor/hover", + "alpha": 1, + "refId": "mode/buttonCounter/invisible/bgColor/rest", + "reference": "base/color/dark/base/color/neutral/6", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/bgColor/rest", + "name": "buttonCounter/default/bgColor/rest", "value": { - "r": 0.12941176470588237, - "g": 0.14901960784313725, - "b": 0.17647058823529413, + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/bgColor/rest", - "reference": "mode/control/bgColor/rest", + "refId": "mode/buttonCounter/default/bgColor/rest", + "reference": "base/color/dark/base/color/neutral/6", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/fgColor/rest", + "name": "button/star/iconColor", "value": { - "r": 0.788235294117647, - "g": 0.8196078431372549, - "b": 0.8509803921568627, + "r": 0.8901960784313725, + "g": 0.7019607843137254, + "b": 0.2549019607843137, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/fgColor/rest", - "reference": "mode/control/fgColor/rest", + "refId": "mode/button/star/iconColor", + "reference": "base/color/dark/base/color/yellow/2", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/borderColor/rest", + "name": "button/inactive/bgColor", "value": { - "r": 0.4, - "g": 0.43137254901960786, - "b": 0.4745098039215686, + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/borderColor/rest", - "reference": "mode/control/borderColor/emphasis", + "refId": "mode/button/inactive/bgColor", + "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/borderColor/disabled", + "name": "button/inactive/fgColor", "value": { "r": 0.5450980392156862, "g": 0.5803921568627451, @@ -4124,129 +4516,147 @@ "a": 1 }, "type": "COLOR", - "refId": "mode/controlTrack/borderColor/disabled", - "reference": "mode/fgColor/disabled", + "refId": "mode/button/inactive/fgColor", + "reference": "base/color/dark/base/color/neutral/3", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/fgColor/disabled", - "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/controlTrack/fgColor/disabled", - "reference": "mode/fgColor/onEmphasis", + "name": "button/danger/shadow/selected/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/danger/shadow/selected/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "controlTrack/fgColor/rest", + "name": "button/danger/shadow/selected/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/danger/shadow/selected/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/danger/shadow/selected/color", "value": { - "r": 0.5176470588235295, - "g": 0.5529411764705883, - "b": 0.592156862745098, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/controlTrack/fgColor/rest", - "reference": "mode/fgColor/muted", - "collection": "mode", + "scopes": ["EFFECT_COLOR"], "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "controlTrack/bgColor/disabled", + "name": "button/danger/borderColor/hover", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, - "a": 1 + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, + "a": 0.1 }, "type": "COLOR", - "refId": "mode/controlTrack/bgColor/disabled", - "reference": "mode/fgColor/disabled", + "alpha": 0.1, + "refId": "mode/button/danger/borderColor/hover", + "reference": "base/color/dark/base/color/neutral/0", "collection": "mode", "mode": "dark", "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "control/checked/borderColor/disabled", + "name": "button/danger/bgColor/active", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, + "r": 0.8156862745098039, + "g": 0.20784313725490197, + "b": 0.2, "a": 1 }, "type": "COLOR", - "refId": "mode/control/checked/borderColor/disabled", - "reference": "mode/fgColor/disabled", + "isMix": true, + "refId": "mode/button/danger/bgColor/active", + "reference": "base/color/dark/base/color/red/6", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/borderColor/active", + "name": "button/danger/bgColor/hover", "value": { - "r": 0.21176470588235294, - "g": 0.5215686274509804, - "b": 0.9529411764705882, + "r": 0.7137254901960784, + "g": 0.13725490196078433, + "b": 0.1411764705882353, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/checked/borderColor/active", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/button/danger/bgColor/hover", + "reference": "base/color/dark/base/color/red/6", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/borderColor/hover", + "name": "button/danger/iconColor/hover", "value": { - "r": 0.16470588235294117, - "g": 0.47843137254901963, - "b": 0.9372549019607843, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/checked/borderColor/hover", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/button/danger/iconColor/hover", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/borderColor/rest", + "name": "button/danger/fgColor/active", "value": { - "r": 0.12156862745098039, - "g": 0.43529411764705883, - "b": 0.9215686274509803, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/control/checked/borderColor/rest", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/button/danger/fgColor/active", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/fgColor/rest", + "name": "button/danger/fgColor/hover", "value": { "r": 1, "g": 1, @@ -4254,642 +4664,687 @@ "a": 1 }, "type": "COLOR", - "refId": "mode/control/checked/fgColor/rest", - "reference": "mode/fgColor/onEmphasis", + "refId": "mode/button/danger/fgColor/hover", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/bgColor/disabled", + "name": "button/outline/shadow/selected/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/outline/shadow/selected/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/outline/shadow/selected/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/outline/shadow/selected/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/outline/shadow/selected/color", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/control/checked/bgColor/disabled", - "reference": "mode/fgColor/disabled", - "collection": "mode", + "scopes": ["EFFECT_COLOR"], "mode": "dark", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/checked/bgColor/active", + "name": "button/outline/borderColor/hover", "value": { - "r": 0.21176470588235294, - "g": 0.5215686274509804, - "b": 0.9529411764705882, - "a": 1 + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, + "a": 0.1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/checked/bgColor/active", - "reference": "mode/bgColor/accent-emphasis", + "alpha": 0.1, + "refId": "mode/button/outline/borderColor/hover", + "reference": "base/color/dark/base/color/neutral/0", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] }, { - "name": "control/checked/bgColor/hover", + "name": "button/outline/bgColor/disabled", "value": { - "r": 0.16470588235294117, - "g": 0.47843137254901963, - "b": 0.9372549019607843, + "r": 0.050980392156862744, + "g": 0.06666666666666667, + "b": 0.09019607843137255, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/checked/bgColor/hover", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/button/outline/bgColor/disabled", + "reference": "base/color/dark/base/color/neutral/9", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/bgColor/rest", + "name": "button/outline/bgColor/active", "value": { - "r": 0.12156862745098039, - "g": 0.43529411764705883, - "b": 0.9215686274509803, + "r": 0.050980392156862744, + "g": 0.2549019607843137, + "b": 0.615686274509804, "a": 1 }, "type": "COLOR", - "refId": "mode/control/checked/bgColor/rest", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/button/outline/bgColor/active", + "reference": "base/color/dark/base/color/blue/7", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/danger/bgColor/active", + "name": "button/outline/bgColor/hover", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, - "a": 0.4 + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 }, "type": "COLOR", - "alpha": 0.4, - "refId": "mode/control/danger/bgColor/active", - "reference": "mode/bgColor/danger-muted", + "refId": "mode/button/outline/bgColor/hover", + "reference": "base/color/dark/base/color/neutral/6", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/danger/bgColor/hover", + "name": "button/outline/bgColor/rest", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, - "a": 0.1 + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/danger/bgColor/hover", - "reference": "mode/bgColor/danger-muted", + "refId": "mode/button/outline/bgColor/rest", + "reference": "base/color/dark/base/color/neutral/0", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/danger/fgColor/rest", + "name": "button/outline/fgColor/active", "value": { - "r": 0.9725490196078431, - "g": 0.3176470588235294, - "b": 0.28627450980392155, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/control/danger/fgColor/rest", - "reference": "mode/fgColor/danger", + "refId": "mode/button/outline/fgColor/active", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/iconColor/rest", + "name": "button/outline/fgColor/hover", "value": { - "r": 0.5176470588235295, - "g": 0.5529411764705883, - "b": 0.592156862745098, + "r": 0.34509803921568627, + "g": 0.6509803921568628, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/control/iconColor/rest", - "reference": "mode/fgColor/muted", + "refId": "mode/button/outline/fgColor/hover", + "reference": "base/color/dark/base/color/blue/3", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/warning", + "name": "button/outline/fgColor/rest", "value": { - "r": 0.6196078431372549, - "g": 0.41568627450980394, - "b": 0.011764705882352941, + "r": 0.2196078431372549, + "g": 0.5450980392156862, + "b": 0.9921568627450981, "a": 1 }, "type": "COLOR", - "refId": "mode/control/borderColor/warning", - "reference": "mode/borderColor/attention-emphasis", + "refId": "mode/button/outline/fgColor/rest", + "reference": "base/color/dark/base/color/blue/4", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/danger", + "name": "button/invisible/fgColor/hover", "value": { - "r": 0.8549019607843137, - "g": 0.21176470588235294, - "b": 0.2, + "r": 0.34509803921568627, + "g": 0.6509803921568628, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/control/borderColor/danger", - "reference": "mode/borderColor/danger-emphasis", + "refId": "mode/button/invisible/fgColor/hover", + "reference": "base/color/dark/base/color/blue/3", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/success", - "value": { - "r": 0.13725490196078433, - "g": 0.5254901960784314, - "b": 0.21176470588235294, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/control/borderColor/success", - "reference": "mode/borderColor/success-emphasis", + "name": "button/primary/shadow/selected/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/primary/shadow/selected/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "dark", - "group": "component", - "scopes": ["STROKE_COLOR"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/borderColor/rest", - "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/control/borderColor/rest", - "reference": "mode/borderColor/default", + "name": "button/primary/shadow/selected/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/primary/shadow/selected/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "dark", - "group": "component", - "scopes": ["STROKE_COLOR"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/fgColor/disabled", + "name": "button/primary/shadow/selected/color", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/control/fgColor/disabled", - "reference": "mode/fgColor/disabled", - "collection": "mode", + "scopes": ["EFFECT_COLOR"], "mode": "dark", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/bgColor/disabled", + "name": "button/primary/borderColor/rest", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, - "a": 1 + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, + "a": 0.1 }, "type": "COLOR", - "refId": "mode/control/bgColor/disabled", - "reference": "mode/bgColor/disabled", + "alpha": 0.1, + "refId": "mode/button/primary/borderColor/rest", + "reference": "base/color/dark/base/color/neutral/0", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] }, { - "name": "codeMirror/lines/bgColor", + "name": "button/primary/bgColor/disabled", "value": { - "r": 0.050980392156862744, - "g": 0.06666666666666667, - "b": 0.09019607843137255, + "r": 0.06274509803921569, + "g": 0.34509803921568627, + "b": 0.13725490196078433, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/lines/bgColor", - "reference": "mode/bgColor/default", + "isMix": true, + "refId": "mode/button/primary/bgColor/disabled", + "reference": "base/color/dark/base/color/green/5", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/matchingBracket/fgColor", + "name": "button/primary/fgColor/disabled", "value": { - "r": 0.9019607843137255, - "g": 0.9294117647058824, - "b": 0.9529411764705882, - "a": 1 + "r": 1, + "g": 1, + "b": 1, + "a": 0.4 }, "type": "COLOR", - "refId": "mode/codeMirror/matchingBracket/fgColor", - "reference": "mode/fgColor/default", + "alpha": 0.4, + "refId": "mode/button/primary/fgColor/disabled", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/activeline/bgColor", - "value": { - "r": 0.43137254901960786, - "g": 0.4627450980392157, - "b": 0.5058823529411764, - "a": 0.4 - }, - "type": "COLOR", - "refId": "mode/codeMirror/activeline/bgColor", - "reference": "mode/bgColor/neutral-muted", + "name": "button/default/shadow/resting/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/default/shadow/resting/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "dark", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "codeMirror/selection/bgColor", - "value": { - "r": 0.2196078431372549, - "g": 0.5450980392156862, - "b": 0.9921568627450981, - "a": 0.4 - }, - "type": "COLOR", - "refId": "mode/codeMirror/selection/bgColor", - "reference": "mode/borderColor/accent-muted", + "name": "button/default/shadow/resting/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/default/shadow/resting/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "dark", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "codeMirror/cursor/fgColor", + "name": "button/default/shadow/resting/color", "value": { - "r": 0.9019607843137255, - "g": 0.9294117647058824, - "b": 0.9529411764705882, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/codeMirror/cursor/fgColor", - "reference": "mode/fgColor/default", - "collection": "mode", + "scopes": ["EFFECT_COLOR"], "mode": "dark", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "codeMirror/lineNumber/fgColor", + "name": "counter/borderColor", "value": { - "r": 0.5176470588235295, - "g": 0.5529411764705883, - "b": 0.592156862745098, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/codeMirror/lineNumber/fgColor", - "reference": "mode/fgColor/muted", + "refId": "mode/counter/borderColor", + "reference": "base/color/dark/base/color/transparent", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] }, { - "name": "codeMirror/gutterMarker/fgColor/muted", + "name": "controlKnob/bgColor/checked", "value": { - "r": 0.5176470588235295, - "g": 0.5529411764705883, - "b": 0.592156862745098, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/gutterMarker/fgColor/muted", - "reference": "mode/fgColor/muted", + "refId": "mode/controlKnob/bgColor/checked", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/gutterMarker/fgColor/default", + "name": "controlKnob/bgColor/rest", "value": { - "r": 0.050980392156862744, - "g": 0.06666666666666667, - "b": 0.09019607843137255, + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/gutterMarker/fgColor/default", - "reference": "mode/bgColor/default", + "refId": "mode/controlKnob/bgColor/rest", + "reference": "base/color/dark/base/color/black", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/gutters/bgColor", + "name": "controlTrack/borderColor/rest", "value": { - "r": 0.050980392156862744, - "g": 0.06666666666666667, - "b": 0.09019607843137255, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/codeMirror/gutters/bgColor", - "reference": "mode/bgColor/default", + "refId": "mode/controlTrack/borderColor/rest", + "reference": "base/color/dark/base/color/transparent", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] }, { - "name": "codeMirror/bgColor", + "name": "controlTrack/bgColor/active", "value": { - "r": 0.050980392156862744, - "g": 0.06666666666666667, - "b": 0.09019607843137255, + "r": 0.19215686274509805, + "g": 0.21176470588235294, + "b": 0.24313725490196078, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/bgColor", - "reference": "mode/bgColor/default", + "isMix": true, + "refId": "mode/controlTrack/bgColor/active", + "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark", - "group": "component", + "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/fgColor", + "name": "controlTrack/bgColor/hover", "value": { - "r": 0.9019607843137255, - "g": 0.9294117647058824, - "b": 0.9529411764705882, + "r": 0.1607843137254902, + "g": 0.1803921568627451, + "b": 0.21176470588235294, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/fgColor", - "reference": "mode/fgColor/default", + "isMix": true, + "refId": "mode/controlTrack/bgColor/hover", + "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/expander/iconColor", + "name": "controlTrack/bgColor/rest", "value": { - "r": 0.5176470588235295, - "g": 0.5529411764705883, - "b": 0.592156862745098, + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/expander/iconColor", - "reference": "mode/fgColor/muted", + "refId": "mode/controlTrack/bgColor/rest", + "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/hunk/bgColor/num", + "name": "control/checked/fgColor/disabled", "value": { - "r": 0.2196078431372549, - "g": 0.5450980392156862, - "b": 0.9921568627450981, - "a": 0.4 + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/hunk/bgColor/num", - "reference": "mode/borderColor/accent-muted", + "refId": "mode/control/checked/fgColor/disabled", + "reference": "base/color/dark/base/color/black", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/fgColor/num", + "name": "control/danger/fgColor/hover", "value": { - "r": 0.9019607843137255, - "g": 0.9294117647058824, - "b": 0.9529411764705882, + "r": 1, + "g": 0.4823529411764706, + "b": 0.4470588235294118, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/deletion/fgColor/num", - "reference": "mode/fgColor/default", + "refId": "mode/control/danger/fgColor/hover", + "reference": "base/color/dark/base/color/red/3", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/fgColor/text", + "name": "control/transparent/borderColor/active", "value": { - "r": 0.9019607843137255, - "g": 0.9294117647058824, - "b": 0.9529411764705882, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/diffBlob/deletion/fgColor/text", - "reference": "mode/fgColor/default", + "refId": "mode/control/transparent/borderColor/active", + "reference": "base/color/dark/base/color/transparent", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "diffBlob/addition/fgColor/num", + "name": "control/transparent/borderColor/hover", "value": { - "r": 0.9019607843137255, - "g": 0.9294117647058824, - "b": 0.9529411764705882, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/diffBlob/addition/fgColor/num", - "reference": "mode/fgColor/default", + "refId": "mode/control/transparent/borderColor/hover", + "reference": "base/color/dark/base/color/transparent", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "diffBlob/addition/fgColor/text", + "name": "control/transparent/borderColor/rest", "value": { - "r": 0.9019607843137255, - "g": 0.9294117647058824, - "b": 0.9529411764705882, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/diffBlob/addition/fgColor/text", - "reference": "mode/fgColor/default", + "refId": "mode/control/transparent/borderColor/rest", + "reference": "base/color/dark/base/color/transparent", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "page/header/bgColor", + "name": "control/transparent/bgColor/selected", "value": { - "r": 0.050980392156862744, - "g": 0.06666666666666667, - "b": 0.09019607843137255, - "a": 1 + "r": 0.6941176470588235, + "g": 0.7294117647058823, + "b": 0.7686274509803922, + "a": 0.08 }, "type": "COLOR", - "refId": "mode/page/header/bgColor", - "reference": "mode/bgColor/default", + "alpha": 0.08, + "refId": "mode/control/transparent/bgColor/selected", + "reference": "base/color/dark/base/color/neutral/2", "collection": "mode", "mode": "dark", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/bgColor/disabled", + "name": "control/transparent/bgColor/active", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, - "a": 1 + "r": 0.6941176470588235, + "g": 0.7294117647058823, + "b": 0.7686274509803922, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/button/danger/bgColor/disabled", - "reference": "mode/control/bgColor/disabled", + "alpha": 0.2, + "refId": "mode/control/transparent/bgColor/active", + "reference": "base/color/dark/base/color/neutral/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/iconColor/disabled", + "name": "control/transparent/bgColor/hover", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, - "a": 1 + "r": 0.6941176470588235, + "g": 0.7294117647058823, + "b": 0.7686274509803922, + "a": 0.12 }, "type": "COLOR", - "refId": "mode/button/invisible/iconColor/disabled", - "reference": "mode/control/fgColor/disabled", + "alpha": 0.12, + "refId": "mode/control/transparent/bgColor/hover", + "reference": "base/color/dark/base/color/neutral/2", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/fgColor/disabled", + "name": "control/transparent/bgColor/rest", "value": { - "r": 0.5450980392156862, - "g": 0.5803921568627451, - "b": 0.6196078431372549, - "a": 1 + "r": 0, + "g": 0, + "b": 0, + "a": 0 }, "type": "COLOR", - "refId": "mode/button/invisible/fgColor/disabled", - "reference": "mode/control/fgColor/disabled", + "refId": "mode/control/transparent/bgColor/rest", + "reference": "base/color/dark/base/color/transparent", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/borderColor/active", + "name": "control/borderColor/selected", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/borderColor/active", - "reference": "mode/button/default/borderColor/rest", + "refId": "mode/control/borderColor/selected", + "reference": "base/color/dark/base/color/neutral/0", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["STROKE_COLOR"] }, { - "name": "button/default/borderColor/hover", + "name": "control/borderColor/emphasis", "value": { - "r": 0.18823529411764706, - "g": 0.21176470588235294, - "b": 0.23921568627450981, + "r": 0.4, + "g": 0.43137254901960786, + "b": 0.4745098039215686, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/borderColor/hover", - "reference": "mode/button/default/borderColor/rest", + "isMix": true, + "refId": "mode/control/borderColor/emphasis", + "reference": "base/color/dark/base/color/neutral/4", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["STROKE_COLOR"] }, { - "name": "button/default/bgColor/disabled", + "name": "control/fgColor/placeholder", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, - "a": 1 - }, + "r": 0.2823529411764706, + "g": 0.30980392156862746, + "b": 0.34509803921568627, + "a": 1 + }, "type": "COLOR", - "refId": "mode/button/default/bgColor/disabled", - "reference": "mode/control/bgColor/disabled", + "refId": "mode/control/fgColor/placeholder", + "reference": "base/color/dark/base/color/neutral/5", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/borderColor/checked", + "name": "control/fgColor/rest", "value": { - "r": 0.12156862745098039, - "g": 0.43529411764705883, - "b": 0.9215686274509803, + "r": 0.788235294117647, + "g": 0.8196078431372549, + "b": 0.8509803921568627, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/borderColor/checked", - "reference": "mode/control/checked/bgColor/rest", + "refId": "mode/control/fgColor/rest", + "reference": "base/color/dark/base/color/neutral/1", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/borderColor/disabled", + "name": "control/bgColor/selected", "value": { "r": 0.08627450980392157, "g": 0.10588235294117647, @@ -4897,86 +5352,4740 @@ "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/borderColor/disabled", - "reference": "mode/control/bgColor/disabled", + "refId": "mode/control/bgColor/selected", + "reference": "base/color/dark/base/color/neutral/8", "collection": "mode", "mode": "dark", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/bgColor/disabled", + "name": "control/bgColor/active", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, + "r": 0.19215686274509805, + "g": 0.21176470588235294, + "b": 0.24313725490196078, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/bgColor/disabled", - "reference": "mode/control/bgColor/disabled", + "isMix": true, + "refId": "mode/control/bgColor/active", + "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/disabled", + "name": "control/bgColor/hover", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, + "r": 0.1607843137254902, + "g": 0.1803921568627451, + "b": 0.21176470588235294, "a": 1 }, "type": "COLOR", - "refId": "mode/control/borderColor/disabled", - "reference": "mode/borderColor/disabled", + "isMix": true, + "refId": "mode/control/bgColor/hover", + "reference": "base/color/dark/base/color/neutral/7", "collection": "mode", "mode": "dark", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "avatar/borderColor", + "name": "control/bgColor/rest", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/bgColor/rest", + "reference": "base/color/dark/base/color/neutral/7", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "avatarStack/fade/bgColor/muted", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/avatarStack/fade/bgColor/muted", + "reference": "base/color/dark/base/color/neutral/7", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "avatarStack/fade/bgColor/default", "value": { "r": 0.18823529411764706, "g": 0.21176470588235294, "b": 0.23921568627450981, - "a": 0.5 + "a": 1 + }, + "type": "COLOR", + "refId": "mode/avatarStack/fade/bgColor/default", + "reference": "base/color/dark/base/color/neutral/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "avatar/shadow/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/shadow/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/shadow/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/shadow/spread", + "value": 2, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/shadow/color", + "value": { + "r": 0.050980392156862744, + "g": 0.06666666666666667, + "b": 0.09019607843137255, + "a": 1 }, "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/borderColor", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 0.15 + }, + "type": "COLOR", + "alpha": 0.15, "refId": "mode/avatar/borderColor", - "reference": "mode/borderColor/muted", + "reference": "base/color/dark/base/color/white", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { - "name": "button/invisible/borderColor/disabled", + "name": "avatar/bgColor", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, + "r": 1, + "g": 1, + "b": 1, + "a": 0.1 + }, + "type": "COLOR", + "alpha": 0.1, + "refId": "mode/avatar/bgColor", + "reference": "base/color/dark/base/color/white", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pink/borderColor/emphasis", + "value": { + "r": 0.8274509803921568, + "g": 0.27058823529411763, + "b": 0.5686274509803921, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/borderColor/disabled", - "reference": "mode/control/borderColor/disabled", + "refId": "mode/display/pink/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/pink/5", "collection": "mode", "mode": "dark", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { - "name": "button/default/borderColor/disabled", + "name": "display/pink/borderColor/muted", "value": { - "r": 0.08627450980392157, - "g": 0.10588235294117647, - "b": 0.13333333333333333, + "r": 0.27058823529411763, + "g": 0.10980392156862745, + "b": 0.20784313725490197, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pink/borderColor/muted", + "reference": "base/color/dark/base/display/color/pink/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/pink/fgColor", + "value": { + "r": 0.8980392156862745, + "g": 0.4823529411764706, + "b": 0.6980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pink/fgColor", + "reference": "base/color/dark/base/display/color/pink/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pink/bgColor/emphasis", + "value": { + "r": 0.8274509803921568, + "g": 0.27058823529411763, + "b": 0.5686274509803921, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pink/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/pink/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pink/bgColor/muted", + "value": { + "r": 0.17647058823529413, + "g": 0.08235294117647059, + "b": 0.1411764705882353, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pink/bgColor/muted", + "reference": "base/color/dark/base/display/color/pink/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/indigo/borderColor/emphasis", + "value": { + "r": 0.4392156862745098, + "g": 0.4392156862745098, + "b": 0.8823529411764706, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/indigo/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/indigo/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/indigo/borderColor/muted", + "value": { + "r": 0.1450980392156863, + "g": 0.12941176470588237, + "b": 0.37254901960784315, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/indigo/borderColor/muted", + "reference": "base/color/dark/base/display/color/indigo/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/indigo/fgColor", + "value": { + "r": 0.596078431372549, + "g": 0.6, + "b": 0.9254901960784314, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/indigo/fgColor", + "reference": "base/color/dark/base/display/color/indigo/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/indigo/bgColor/emphasis", + "value": { + "r": 0.4392156862745098, + "g": 0.4392156862745098, + "b": 0.8823529411764706, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/indigo/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/indigo/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/indigo/bgColor/muted", + "value": { + "r": 0.10588235294117647, + "g": 0.09411764705882353, + "b": 0.24705882352941178, "a": 1 }, "type": "COLOR", + "refId": "mode/display/indigo/bgColor/muted", + "reference": "base/color/dark/base/display/color/indigo/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/cyan/borderColor/emphasis", + "value": { + "r": 0.0196078431372549, + "g": 0.5294117647058824, + "b": 0.7019607843137254, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/cyan/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/cyan/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/cyan/borderColor/muted", + "value": { + "r": 0, + "g": 0.1803921568627451, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/cyan/borderColor/muted", + "reference": "base/color/dark/base/display/color/cyan/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/cyan/fgColor", + "value": { + "r": 0.027450980392156862, + "g": 0.6745098039215687, + "b": 0.8941176470588236, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/cyan/fgColor", + "reference": "base/color/dark/base/display/color/cyan/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/cyan/bgColor/emphasis", + "value": { + "r": 0.0196078431372549, + "g": 0.5294117647058824, + "b": 0.7019607843137254, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/cyan/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/cyan/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/cyan/bgColor/muted", + "value": { + "r": 0, + "g": 0.12156862745098039, + "b": 0.1607843137254902, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/cyan/bgColor/muted", + "reference": "base/color/dark/base/display/color/cyan/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/teal/borderColor/emphasis", + "value": { + "r": 0.08235294117647059, + "g": 0.5411764705882353, + "b": 0.5411764705882353, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/teal/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/teal/borderColor/muted", + "value": { + "r": 0.027450980392156862, + "g": 0.18823529411764706, + "b": 0.21176470588235294, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/borderColor/muted", + "reference": "base/color/dark/base/display/color/teal/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/teal/fgColor", + "value": { + "r": 0.10980392156862745, + "g": 0.6901960784313725, + "b": 0.6705882352941176, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/fgColor", + "reference": "base/color/dark/base/display/color/teal/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/teal/bgColor/emphasis", + "value": { + "r": 0.08235294117647059, + "g": 0.5411764705882353, + "b": 0.5411764705882353, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/teal/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/teal/bgColor/muted", + "value": { + "r": 0.01568627450980392, + "g": 0.12156862745098039, + "b": 0.1450980392156863, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/bgColor/muted", + "reference": "base/color/dark/base/display/color/teal/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pine/borderColor/emphasis", + "value": { + "r": 0.09411764705882353, + "g": 0.5686274509803921, + "b": 0.3686274509803922, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/pine/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/pine/borderColor/muted", + "value": { + "r": 0.043137254901960784, + "g": 0.19607843137254902, + "b": 0.1411764705882353, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/borderColor/muted", + "reference": "base/color/dark/base/display/color/pine/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/pine/fgColor", + "value": { + "r": 0.10588235294117647, + "g": 0.7137254901960784, + "b": 0.45098039215686275, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/fgColor", + "reference": "base/color/dark/base/display/color/pine/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pine/bgColor/emphasis", + "value": { + "r": 0.09411764705882353, + "g": 0.5686274509803921, + "b": 0.3686274509803922, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/pine/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pine/bgColor/muted", + "value": { + "r": 0.03137254901960784, + "g": 0.12941176470588237, + "b": 0.09803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/bgColor/muted", + "reference": "base/color/dark/base/display/color/pine/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lime/borderColor/emphasis", + "value": { + "r": 0.37254901960784315, + "g": 0.5372549019607843, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/lime/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/lime/borderColor/muted", + "value": { + "r": 0.12156862745098039, + "g": 0.19215686274509805, + "b": 0.08627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/borderColor/muted", + "reference": "base/color/dark/base/display/color/lime/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/lime/fgColor", + "value": { + "r": 0.49019607843137253, + "g": 0.6823529411764706, + "b": 0.21568627450980393, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/fgColor", + "reference": "base/color/dark/base/display/color/lime/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lime/bgColor/emphasis", + "value": { + "r": 0.37254901960784315, + "g": 0.5372549019607843, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/lime/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lime/bgColor/muted", + "value": { + "r": 0.0784313725490196, + "g": 0.12156862745098039, + "b": 0.058823529411764705, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/bgColor/muted", + "reference": "base/color/dark/base/display/color/lime/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/olive/borderColor/emphasis", + "value": { + "r": 0.47843137254901963, + "g": 0.5137254901960784, + "b": 0.12941176470588237, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/olive/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/olive/borderColor/muted", + "value": { + "r": 0.1450980392156863, + "g": 0.17647058823529413, + "b": 0.06274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/borderColor/muted", + "reference": "base/color/dark/base/display/color/olive/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/olive/fgColor", + "value": { + "r": 0.6352941176470588, + "g": 0.6509803921568628, + "b": 0.14901960784313725, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/fgColor", + "reference": "base/color/dark/base/display/color/olive/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/olive/bgColor/emphasis", + "value": { + "r": 0.47843137254901963, + "g": 0.5137254901960784, + "b": 0.12941176470588237, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/olive/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/olive/bgColor/muted", + "value": { + "r": 0.09019607843137255, + "g": 0.11764705882352941, + "b": 0.043137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/bgColor/muted", + "reference": "base/color/dark/base/display/color/olive/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lemon/borderColor/emphasis", + "value": { + "r": 0.592156862745098, + "g": 0.4823529411764706, + "b": 0.047058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/lemon/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/lemon/borderColor/muted", + "value": { + "r": 0.21568627450980393, + "g": 0.1607843137254902, + "b": 0.00392156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/borderColor/muted", + "reference": "base/color/dark/base/display/color/lemon/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/lemon/fgColor", + "value": { + "r": 0.7294117647058823, + "g": 0.6078431372549019, + "b": 0.07058823529411765, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/fgColor", + "reference": "base/color/dark/base/display/color/lemon/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lemon/bgColor/emphasis", + "value": { + "r": 0.592156862745098, + "g": 0.4823529411764706, + "b": 0.047058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/lemon/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lemon/bgColor/muted", + "value": { + "r": 0.1607843137254902, + "g": 0.11372549019607843, + "b": 0, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/bgColor/muted", + "reference": "base/color/dark/base/display/color/lemon/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/brown/borderColor/emphasis", + "value": { + "r": 0.5803921568627451, + "g": 0.4666666666666667, + "b": 0.2980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/brown/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/brown/borderColor/muted", + "value": { + "r": 0.20392156862745098, + "g": 0.16470588235294117, + "b": 0.11372549019607843, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/borderColor/muted", + "reference": "base/color/dark/base/display/color/brown/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/brown/fgColor", + "value": { + "r": 0.7137254901960784, + "g": 0.6039215686274509, + "b": 0.42745098039215684, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/fgColor", + "reference": "base/color/dark/base/display/color/brown/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/brown/bgColor/emphasis", + "value": { + "r": 0.5803921568627451, + "g": 0.4666666666666667, + "b": 0.2980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/brown/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/brown/bgColor/muted", + "value": { + "r": 0.1411764705882353, + "g": 0.10980392156862745, + "b": 0.0784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/bgColor/muted", + "reference": "base/color/dark/base/display/color/brown/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/auburn/borderColor/emphasis", + "value": { + "r": 0.6588235294117647, + "g": 0.43529411764705883, + "b": 0.4196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/auburn/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/auburn/borderColor/muted", + "value": { + "r": 0.22745098039215686, + "g": 0.1411764705882353, + "b": 0.13333333333333333, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/borderColor/muted", + "reference": "base/color/dark/base/display/color/auburn/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/auburn/fgColor", + "value": { + "r": 0.7490196078431373, + "g": 0.5843137254901961, + "b": 0.5725490196078431, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/fgColor", + "reference": "base/color/dark/base/display/color/auburn/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/auburn/bgColor/emphasis", + "value": { + "r": 0.6588235294117647, + "g": 0.43529411764705883, + "b": 0.4196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/auburn/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/auburn/bgColor/muted", + "value": { + "r": 0.15294117647058825, + "g": 0.09411764705882353, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/bgColor/muted", + "reference": "base/color/dark/base/display/color/auburn/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/gray/borderColor/emphasis", + "value": { + "r": 0.43137254901960786, + "g": 0.4980392156862745, + "b": 0.5882352941176471, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/gray/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/gray/borderColor/muted", + "value": { + "r": 0.16470588235294117, + "g": 0.16862745098039217, + "b": 0.17647058823529413, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/borderColor/muted", + "reference": "base/color/dark/base/display/color/gray/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/gray/fgColor", + "value": { + "r": 0.5725490196078431, + "g": 0.6313725490196078, + "b": 0.7098039215686275, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/fgColor", + "reference": "base/color/dark/base/display/color/gray/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/gray/bgColor/emphasis", + "value": { + "r": 0.43137254901960786, + "g": 0.4980392156862745, + "b": 0.5882352941176471, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/gray/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/gray/bgColor/muted", + "value": { + "r": 0.10980392156862745, + "g": 0.10980392156862745, + "b": 0.10980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/bgColor/muted", + "reference": "base/color/dark/base/display/color/gray/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/yellow/borderColor/emphasis", + "value": { + "r": 0.6666666666666666, + "g": 0.44313725490196076, + "b": 0.03529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/yellow/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/yellow/borderColor/muted", + "value": { + "r": 0.23921568627450981, + "g": 0.1411764705882353, + "b": 0.00392156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/borderColor/muted", + "reference": "base/color/dark/base/display/color/yellow/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/yellow/fgColor", + "value": { + "r": 0.8274509803921568, + "g": 0.5686274509803921, + "b": 0.050980392156862744, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/fgColor", + "reference": "base/color/dark/base/display/color/yellow/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/yellow/bgColor/emphasis", + "value": { + "r": 0.6666666666666666, + "g": 0.44313725490196076, + "b": 0.03529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/yellow/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/yellow/bgColor/muted", + "value": { + "r": 0.1803921568627451, + "g": 0.10196078431372549, + "b": 0, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/bgColor/muted", + "reference": "base/color/dark/base/display/color/yellow/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/coral/borderColor/emphasis", + "value": { + "r": 0.9215686274509803, + "g": 0.2, + "b": 0.25882352941176473, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/red/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/coral/borderColor/muted", + "value": { + "r": 0.34509803921568627, + "g": 0.03529411764705882, + "b": 0.10196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/borderColor/muted", + "reference": "base/color/dark/base/display/color/red/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/coral/fgColor", + "value": { + "r": 0.9490196078431372, + "g": 0.49019607843137253, + "b": 0.5137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/fgColor", + "reference": "base/color/dark/base/display/color/red/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/coral/bgColor/emphasis", + "value": { + "r": 0.9215686274509803, + "g": 0.2, + "b": 0.25882352941176473, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/red/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/coral/bgColor/muted", + "value": { + "r": 0.23529411764705882, + "g": 0.023529411764705882, + "b": 0.0784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/bgColor/muted", + "reference": "base/color/dark/base/display/color/red/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/red/borderColor/emphasis", + "value": { + "r": 0.9215686274509803, + "g": 0.2, + "b": 0.25882352941176473, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/red/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/red/borderColor/muted", + "value": { + "r": 0.34509803921568627, + "g": 0.03529411764705882, + "b": 0.10196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/borderColor/muted", + "reference": "base/color/dark/base/display/color/red/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/red/fgColor", + "value": { + "r": 0.9490196078431372, + "g": 0.49019607843137253, + "b": 0.5137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/fgColor", + "reference": "base/color/dark/base/display/color/red/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/red/bgColor/emphasis", + "value": { + "r": 0.9215686274509803, + "g": 0.2, + "b": 0.25882352941176473, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/red/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/red/bgColor/muted", + "value": { + "r": 0.23529411764705882, + "g": 0.023529411764705882, + "b": 0.0784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/bgColor/muted", + "reference": "base/color/dark/base/display/color/red/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/plum/borderColor/emphasis", + "value": { + "r": 0.7137254901960784, + "g": 0.2627450980392157, + "b": 0.9372549019607843, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/plum/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/plum/borderColor/muted", + "value": { + "r": 0.25098039215686274, + "g": 0.07058823529411765, + "b": 0.3686274509803922, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/borderColor/muted", + "reference": "base/color/dark/base/display/color/plum/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/plum/fgColor", + "value": { + "r": 0.8156862745098039, + "g": 0.49411764705882355, + "b": 0.9686274509803922, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/fgColor", + "reference": "base/color/dark/base/display/color/plum/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/plum/bgColor/emphasis", + "value": { + "r": 0.7137254901960784, + "g": 0.2627450980392157, + "b": 0.9372549019607843, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/plum/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/plum/bgColor/muted", + "value": { + "r": 0.16470588235294117, + "g": 0.054901960784313725, + "b": 0.24705882352941178, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/bgColor/muted", + "reference": "base/color/dark/base/display/color/plum/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/purple/borderColor/emphasis", + "value": { + "r": 0.592156862745098, + "g": 0.3568627450980392, + "b": 0.9450980392156862, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/purple/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/purple/borderColor/muted", + "value": { + "r": 0.19215686274509805, + "g": 0.0784313725490196, + "b": 0.4196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/borderColor/muted", + "reference": "base/color/dark/base/display/color/purple/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/purple/fgColor", + "value": { + "r": 0.7137254901960784, + "g": 0.5294117647058824, + "b": 0.9686274509803922, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/fgColor", + "reference": "base/color/dark/base/display/color/purple/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/purple/bgColor/emphasis", + "value": { + "r": 0.592156862745098, + "g": 0.3568627450980392, + "b": 0.9450980392156862, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/purple/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/purple/bgColor/muted", + "value": { + "r": 0.12941176470588237, + "g": 0.06274509803921569, + "b": 0.2784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/bgColor/muted", + "reference": "base/color/dark/base/display/color/purple/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/orange/borderColor/emphasis", + "value": { + "r": 0.7686274509803922, + "g": 0.3843137254901961, + "b": 0.07058823529411765, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/orange/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/orange/borderColor/muted", + "value": { + "r": 0.2627450980392157, + "g": 0.12549019607843137, + "b": 0.0392156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/borderColor/muted", + "reference": "base/color/dark/base/display/color/orange/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/orange/fgColor", + "value": { + "r": 0.9294117647058824, + "g": 0.5137254901960784, + "b": 0.14901960784313725, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/fgColor", + "reference": "base/color/dark/base/display/color/orange/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/orange/bgColor/emphasis", + "value": { + "r": 0.7686274509803922, + "g": 0.3843137254901961, + "b": 0.07058823529411765, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/orange/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/orange/bgColor/muted", + "value": { + "r": 0.19215686274509805, + "g": 0.09019607843137255, + "b": 0.03137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/bgColor/muted", + "reference": "base/color/dark/base/display/color/orange/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/green/borderColor/emphasis", + "value": { + "r": 0.2196078431372549, + "g": 0.5607843137254902, + "b": 0.24705882352941178, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/green/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/green/borderColor/muted", + "value": { + "r": 0.09411764705882353, + "g": 0.1843137254901961, + "b": 0.12156862745098039, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/borderColor/muted", + "reference": "base/color/dark/base/display/color/green/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/green/fgColor", + "value": { + "r": 0.2549019607843137, + "g": 0.7058823529411765, + "b": 0.27058823529411763, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/fgColor", + "reference": "base/color/dark/base/display/color/green/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/green/bgColor/emphasis", + "value": { + "r": 0.2196078431372549, + "g": 0.5607843137254902, + "b": 0.24705882352941178, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/green/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/green/bgColor/muted", + "value": { + "r": 0.07058823529411765, + "g": 0.12941176470588237, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/bgColor/muted", + "reference": "base/color/dark/base/display/color/green/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/blue/borderColor/emphasis", + "value": { + "r": 0.0196078431372549, + "g": 0.4627450980392157, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/borderColor/emphasis", + "reference": "base/color/dark/base/display/color/blue/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/blue/borderColor/muted", + "value": { + "r": 0, + "g": 0.15294117647058825, + "b": 0.4, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/borderColor/muted", + "reference": "base/color/dark/base/display/color/blue/1", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/blue/fgColor", + "value": { + "r": 0.30196078431372547, + "g": 0.6274509803921569, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/fgColor", + "reference": "base/color/dark/base/display/color/blue/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/blue/bgColor/emphasis", + "value": { + "r": 0.0196078431372549, + "g": 0.4627450980392157, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/bgColor/emphasis", + "reference": "base/color/dark/base/display/color/blue/5", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/blue/bgColor/muted", + "value": { + "r": 0, + "g": 0.10196078431372549, + "b": 0.2784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/bgColor/muted", + "reference": "base/color/dark/base/display/color/blue/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/gray/color/muted", + "value": { + "r": 0.10980392156862745, + "g": 0.10980392156862745, + "b": 0.10980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/gray/color/muted", + "reference": "base/color/dark/base/display/color/gray/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/gray/color", + "value": { + "r": 0.3411764705882353, + "g": 0.3843137254901961, + "b": 0.4392156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/gray/color", + "reference": "base/color/dark/base/display/color/gray/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/red/color/muted", + "value": { + "r": 0.23529411764705882, + "g": 0.023529411764705882, + "b": 0.0784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/red/color/muted", + "reference": "base/color/dark/base/display/color/red/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/red/color", + "value": { + "r": 0.9215686274509803, + "g": 0.2, + "b": 0.25882352941176473, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/red/color", + "reference": "base/color/dark/base/display/color/red/5", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/pink/color/muted", + "value": { + "r": 0.17647058823529413, + "g": 0.08235294117647059, + "b": 0.1411764705882353, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/pink/color/muted", + "reference": "base/color/dark/base/display/color/pink/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/pink/color", + "value": { + "r": 0.8274509803921568, + "g": 0.27058823529411763, + "b": 0.5686274509803921, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/pink/color", + "reference": "base/color/dark/base/display/color/pink/5", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/purple/color/muted", + "value": { + "r": 0.12941176470588237, + "g": 0.06274509803921569, + "b": 0.2784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/purple/color/muted", + "reference": "base/color/dark/base/display/color/purple/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/purple/color", + "value": { + "r": 0.592156862745098, + "g": 0.3568627450980392, + "b": 0.9450980392156862, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/purple/color", + "reference": "base/color/dark/base/display/color/purple/5", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/teal/color/muted", + "value": { + "r": 0.01568627450980392, + "g": 0.12156862745098039, + "b": 0.1450980392156863, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/teal/color/muted", + "reference": "base/color/dark/base/display/color/teal/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/teal/color", + "value": { + "r": 0.06274509803921569, + "g": 0.4235294117647059, + "b": 0.4392156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/teal/color", + "reference": "base/color/dark/base/display/color/teal/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/green/color/muted", + "value": { + "r": 0.07058823529411765, + "g": 0.12941176470588237, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/green/color/muted", + "reference": "base/color/dark/base/display/color/green/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/green/color", + "value": { + "r": 0.1843137254901961, + "g": 0.43529411764705883, + "b": 0.21568627450980393, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/green/color", + "reference": "base/color/dark/base/display/color/green/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/yellow/color/muted", + "value": { + "r": 0.1803921568627451, + "g": 0.10196078431372549, + "b": 0, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/yellow/color/muted", + "reference": "base/color/dark/base/display/color/yellow/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/yellow/color", + "value": { + "r": 0.5372549019607843, + "g": 0.34901960784313724, + "b": 0.023529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/yellow/color", + "reference": "base/color/dark/base/display/color/yellow/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/orange/color/muted", + "value": { + "r": 0.19215686274509805, + "g": 0.09019607843137255, + "b": 0.03137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/orange/color/muted", + "reference": "base/color/dark/base/display/color/orange/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/orange/color", + "value": { + "r": 0.596078431372549, + "g": 0.29411764705882354, + "b": 0.06274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/orange/color", + "reference": "base/color/dark/base/display/color/orange/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/auburn/color/muted", + "value": { + "r": 0.15294117647058825, + "g": 0.09411764705882353, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/auburn/color/muted", + "reference": "base/color/dark/base/display/color/auburn/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/auburn/color", + "value": { + "r": 0.6588235294117647, + "g": 0.43529411764705883, + "b": 0.4196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/auburn/color", + "reference": "base/color/dark/base/display/color/auburn/5", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/blue/color/muted", + "value": { + "r": 0, + "g": 0.10196078431372549, + "b": 0.2784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/blue/color/muted", + "reference": "base/color/dark/base/display/color/blue/0", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/blue/color", + "value": { + "r": 0.0196078431372549, + "g": 0.4627450980392157, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/blue/color", + "reference": "base/color/dark/base/display/color/blue/5", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "headerSearch/borderColor", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/headerSearch/borderColor", + "reference": "base/color/dark/base/color/neutral/6", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "headerSearch/bgColor", + "value": { + "r": 0.050980392156862744, + "g": 0.06666666666666667, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/headerSearch/bgColor", + "reference": "base/color/dark/base/color/neutral/9", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "header/borderColor/divider", + "value": { + "r": 0.5450980392156862, + "g": 0.5803921568627451, + "b": 0.6196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/header/borderColor/divider", + "reference": "base/color/dark/base/color/neutral/3", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "header/bgColor", + "value": { + "r": 0.08627450980392157, + "g": 0.10588235294117647, + "b": 0.13333333333333333, + "a": 0.95 + }, + "type": "COLOR", + "alpha": 0.95, + "refId": "mode/header/bgColor", + "reference": "base/color/dark/base/color/neutral/8", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "header/fgColor/logo", + "value": { + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/header/fgColor/logo", + "reference": "base/color/dark/base/color/neutral/0", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "header/fgColor/default", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 0.7 + }, + "type": "COLOR", + "alpha": 0.7, + "refId": "mode/header/fgColor/default", + "reference": "base/color/dark/base/color/white", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/variable", + "value": { + "r": 1, + "g": 0.6509803921568628, + "b": 0.3411764705882353, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/variable", + "reference": "base/color/dark/base/color/orange/2", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/support", + "value": { + "r": 0.4745098039215686, + "g": 0.7529411764705882, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/support", + "reference": "base/color/dark/base/color/blue/2", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/string", + "value": { + "r": 0.6470588235294118, + "g": 0.8392156862745098, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/string", + "reference": "base/color/dark/base/color/blue/1", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/storage", + "value": { + "r": 1, + "g": 0.4823529411764706, + "b": 0.4470588235294118, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/storage", + "reference": "base/color/dark/base/color/red/3", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/keyword", + "value": { + "r": 1, + "g": 0.4823529411764706, + "b": 0.4470588235294118, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/keyword", + "reference": "base/color/dark/base/color/red/3", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/entity", + "value": { + "r": 0.8235294117647058, + "g": 0.6588235294117647, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/entity", + "reference": "base/color/dark/base/color/purple/2", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/constant", + "value": { + "r": 0.4745098039215686, + "g": 0.7529411764705882, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/constant", + "reference": "base/color/dark/base/color/blue/2", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/comment", + "value": { + "r": 0.5450980392156862, + "g": 0.5803921568627451, + "b": 0.6196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/comment", + "reference": "base/color/dark/base/color/neutral/3", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/bgColor/word", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 0.4 + }, + "type": "COLOR", + "alpha": 0.4, + "refId": "mode/diffBlob/deletion/bgColor/word", + "reference": "base/color/dark/base/color/red/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/bgColor/line", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 0.15 + }, + "type": "COLOR", + "alpha": 0.15, + "refId": "mode/diffBlob/deletion/bgColor/line", + "reference": "base/color/dark/base/color/red/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/bgColor/num", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 0.3 + }, + "type": "COLOR", + "alpha": 0.3, + "refId": "mode/diffBlob/deletion/bgColor/num", + "reference": "base/color/dark/base/color/red/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/bgColor/word", + "value": { + "r": 0.1803921568627451, + "g": 0.6274509803921569, + "b": 0.2627450980392157, + "a": 0.4 + }, + "type": "COLOR", + "alpha": 0.4, + "refId": "mode/diffBlob/addition/bgColor/word", + "reference": "base/color/dark/base/color/green/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/bgColor/line", + "value": { + "r": 0.1803921568627451, + "g": 0.6274509803921569, + "b": 0.2627450980392157, + "a": 0.15 + }, + "type": "COLOR", + "alpha": 0.15, + "refId": "mode/diffBlob/addition/bgColor/line", + "reference": "base/color/dark/base/color/green/4", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/bgColor/num", + "value": { + "r": 0.24705882352941178, + "g": 0.7254901960784313, + "b": 0.3137254901960784, + "a": 0.3 + }, + "type": "COLOR", + "alpha": 0.3, + "refId": "mode/diffBlob/addition/bgColor/num", + "reference": "base/color/dark/base/color/green/3", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "highlight/neutral/bgColor", + "value": { + "r": 0.8235294117647058, + "g": 0.6, + "b": 0.13333333333333333, + "a": 0.4 + }, + "type": "COLOR", + "alpha": 0.4, + "refId": "mode/highlight/neutral/bgColor", + "reference": "base/color/dark/base/color/yellow/3", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "topicTag/borderColor", + "value": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "type": "COLOR", + "refId": "mode/topicTag/borderColor", + "reference": "base/color/dark/base/color/transparent", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "borderColor/open-emphasis", + "value": { + "r": 0.13725490196078433, + "g": 0.5254901960784314, + "b": 0.21176470588235294, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/borderColor/open-emphasis", + "reference": "mode/borderColor/success-emphasis", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + }, + { + "name": "borderColor/open-muted", + "value": { + "r": 0.1803921568627451, + "g": 0.6274509803921569, + "b": 0.2627450980392157, + "a": 0.4 + }, + "type": "COLOR", + "refId": "mode/borderColor/open-muted", + "reference": "mode/borderColor/success-muted", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + }, + { + "name": "borderColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/borderColor/disabled", + "reference": "mode/bgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "borderColor/muted", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 0.7 + }, + "type": "COLOR", + "alpha": 0.7, + "refId": "mode/borderColor/muted", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + }, + { + "name": "bgColor/open-emphasis", + "value": { + "r": 0.13725490196078433, + "g": 0.5254901960784314, + "b": 0.21176470588235294, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/open-emphasis", + "reference": "mode/bgColor/success-emphasis", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + }, + { + "name": "bgColor/open-muted", + "value": { + "r": 0.1803921568627451, + "g": 0.6274509803921569, + "b": 0.2627450980392157, + "a": 0.1 + }, + "type": "COLOR", + "alpha": 0.1, + "refId": "mode/bgColor/open-muted", + "reference": "mode/bgColor/success-muted", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + }, + { + "name": "fgColor/open", + "value": { + "r": 0.24705882352941178, + "g": 0.7254901960784313, + "b": 0.3137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/open", + "reference": "mode/fgColor/success", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + }, + { + "name": "fgColor/link", + "value": { + "r": 0.26666666666666666, + "g": 0.5764705882352941, + "b": 0.9725490196078431, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/link", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "dark", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + }, + { + "name": "card/bgColor", + "value": { + "r": 0.08627450980392157, + "g": 0.10588235294117647, + "b": 0.13333333333333333, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/card/bgColor", + "reference": "mode/bgColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "selection/bgColor", + "value": { + "r": 0.12156862745098039, + "g": 0.43529411764705883, + "b": 0.9215686274509803, + "a": 0.7 + }, + "type": "COLOR", + "alpha": 0.7, + "refId": "mode/selection/bgColor", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "underlineNav/iconColor/rest", + "value": { + "r": 0.5529411764705883, + "g": 0.5882352941176471, + "b": 0.6274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/underlineNav/iconColor/rest", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "underlineNav/borderColor/hover", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 0.4 + }, + "type": "COLOR", + "refId": "mode/underlineNav/borderColor/hover", + "reference": "mode/borderColor/neutral-muted", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "treeViewItem/leadingVisual/iconColor/rest", + "value": { + "r": 0.5529411764705883, + "g": 0.5882352941176471, + "b": 0.6274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/treeViewItem/leadingVisual/iconColor/rest", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "focus/outlineColor", + "value": { + "r": 0.12156862745098039, + "g": 0.43529411764705883, + "b": 0.9215686274509803, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/focus/outlineColor", + "reference": "mode/borderColor/accent-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "reactionButton/selected/bgColor/hover", + "value": { + "r": 0.27058823529411763, + "g": 0.5882352941176471, + "b": 0.9921568627450981, + "a": 0.2 + }, + "type": "COLOR", + "alpha": 0.2, + "isMix": true, + "refId": "mode/reactionButton/selected/bgColor/hover", + "reference": "mode/reactionButton/selected/bgColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/danger/fgColor/disabled", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 0.5 + }, + "type": "COLOR", + "alpha": 0.5, + "refId": "mode/buttonCounter/danger/fgColor/disabled", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/danger/fgColor/rest", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/buttonCounter/danger/fgColor/rest", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/danger/bgColor/disabled", + "value": { + "r": 0.8549019607843137, + "g": 0.21176470588235294, + "b": 0.2, + "a": 0.05 + }, + "type": "COLOR", + "alpha": 0.05, + "refId": "mode/buttonCounter/danger/bgColor/disabled", + "reference": "mode/bgColor/danger-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/outline/fgColor/disabled", + "value": { + "r": 0.26666666666666666, + "g": 0.5764705882352941, + "b": 0.9725490196078431, + "a": 0.5 + }, + "type": "COLOR", + "alpha": 0.5, + "refId": "mode/buttonCounter/outline/fgColor/disabled", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/outline/bgColor/disabled", + "value": { + "r": 0.12156862745098039, + "g": 0.43529411764705883, + "b": 0.9215686274509803, + "a": 0.05 + }, + "type": "COLOR", + "alpha": 0.05, + "refId": "mode/buttonCounter/outline/bgColor/disabled", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/borderColor/active", + "value": { + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, + "a": 0.1 + }, + "type": "COLOR", + "refId": "mode/button/danger/borderColor/active", + "reference": "mode/button/danger/borderColor/hover", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/danger/borderColor/rest", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/danger/borderColor/rest", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/danger/bgColor/rest", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/danger/bgColor/rest", + "reference": "mode/control/bgColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/iconColor/rest", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/danger/iconColor/rest", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/fgColor/disabled", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 0.5 + }, + "type": "COLOR", + "alpha": 0.5, + "refId": "mode/button/danger/fgColor/disabled", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/fgColor/rest", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/danger/fgColor/rest", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/outline/borderColor/selected", + "value": { + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, + "a": 0.1 + }, + "type": "COLOR", + "refId": "mode/button/outline/borderColor/selected", + "reference": "mode/button/outline/borderColor/hover", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/outline/fgColor/disabled", + "value": { + "r": 0.26666666666666666, + "g": 0.5764705882352941, + "b": 0.9725490196078431, + "a": 0.5 + }, + "type": "COLOR", + "alpha": 0.5, + "refId": "mode/button/outline/fgColor/disabled", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/borderColor/hover", + "value": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "type": "COLOR", + "refId": "mode/button/invisible/borderColor/hover", + "reference": "mode/control/transparent/borderColor/hover", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/invisible/borderColor/rest", + "value": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "type": "COLOR", + "refId": "mode/button/invisible/borderColor/rest", + "reference": "mode/control/transparent/borderColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/invisible/bgColor/active", + "value": { + "r": 0.6941176470588235, + "g": 0.7294117647058823, + "b": 0.7686274509803922, + "a": 0.2 + }, + "type": "COLOR", + "refId": "mode/button/invisible/bgColor/active", + "reference": "mode/control/transparent/bgColor/active", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/bgColor/hover", + "value": { + "r": 0.6941176470588235, + "g": 0.7294117647058823, + "b": 0.7686274509803922, + "a": 0.12 + }, + "type": "COLOR", + "refId": "mode/button/invisible/bgColor/hover", + "reference": "mode/control/transparent/bgColor/hover", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/bgColor/rest", + "value": { + "r": 0, + "g": 0, + "b": 0, + "a": 0 + }, + "type": "COLOR", + "refId": "mode/button/invisible/bgColor/rest", + "reference": "mode/control/transparent/bgColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/iconColor/hover", + "value": { + "r": 0.9019607843137255, + "g": 0.9294117647058824, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/iconColor/hover", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/iconColor/rest", + "value": { + "r": 0.5529411764705883, + "g": 0.5882352941176471, + "b": 0.6274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/iconColor/rest", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/fgColor/rest", + "value": { + "r": 0.26666666666666666, + "g": 0.5764705882352941, + "b": 0.9725490196078431, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/fgColor/rest", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/borderColor/disabled", + "value": { + "r": 0.06274509803921569, + "g": 0.34509803921568627, + "b": 0.13725490196078433, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/primary/borderColor/disabled", + "reference": "mode/button/primary/bgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/primary/borderColor/active", + "value": { + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, + "a": 0.1 + }, + "type": "COLOR", + "refId": "mode/button/primary/borderColor/active", + "reference": "mode/button/primary/borderColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/primary/borderColor/hover", + "value": { + "r": 0.9411764705882353, + "g": 0.9647058823529412, + "b": 0.9882352941176471, + "a": 0.1 + }, + "type": "COLOR", + "refId": "mode/button/primary/borderColor/hover", + "reference": "mode/button/primary/borderColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/primary/bgColor/active", + "value": { + "r": 0.1803921568627451, + "g": 0.6039215686274509, + "b": 0.25098039215686274, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/button/primary/bgColor/active", + "reference": "mode/bgColor/success-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/bgColor/hover", + "value": { + "r": 0.1607843137254902, + "g": 0.5647058823529412, + "b": 0.23137254901960785, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/button/primary/bgColor/hover", + "reference": "mode/bgColor/success-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/bgColor/rest", + "value": { + "r": 0.13725490196078433, + "g": 0.5254901960784314, + "b": 0.21176470588235294, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/primary/bgColor/rest", + "reference": "mode/bgColor/success-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/iconColor/rest", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/primary/iconColor/rest", + "reference": "mode/fgColor/white", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/fgColor/rest", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/primary/fgColor/rest", + "reference": "mode/fgColor/white", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/borderColor/rest", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/borderColor/rest", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/default/bgColor/selected", + "value": { + "r": 0.19215686274509805, + "g": 0.21176470588235294, + "b": 0.24313725490196078, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/bgColor/selected", + "reference": "mode/control/bgColor/active", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/bgColor/active", + "value": { + "r": 0.19215686274509805, + "g": 0.21176470588235294, + "b": 0.24313725490196078, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/bgColor/active", + "reference": "mode/control/bgColor/active", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/bgColor/hover", + "value": { + "r": 0.1607843137254902, + "g": 0.1803921568627451, + "b": 0.21176470588235294, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/bgColor/hover", + "reference": "mode/control/bgColor/hover", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/bgColor/rest", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/bgColor/rest", + "reference": "mode/control/bgColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/fgColor/rest", + "value": { + "r": 0.788235294117647, + "g": 0.8196078431372549, + "b": 0.8509803921568627, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/fgColor/rest", + "reference": "mode/control/fgColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "controlKnob/borderColor/rest", + "value": { + "r": 0.4, + "g": 0.43137254901960786, + "b": 0.4745098039215686, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlKnob/borderColor/rest", + "reference": "mode/control/borderColor/emphasis", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "controlTrack/borderColor/disabled", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlTrack/borderColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "controlTrack/fgColor/disabled", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlTrack/fgColor/disabled", + "reference": "mode/fgColor/onEmphasis", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "controlTrack/fgColor/rest", + "value": { + "r": 0.5529411764705883, + "g": 0.5882352941176471, + "b": 0.6274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlTrack/fgColor/rest", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "controlTrack/bgColor/disabled", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlTrack/bgColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/borderColor/disabled", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/borderColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/checked/borderColor/active", + "value": { + "r": 0.21176470588235294, + "g": 0.5215686274509804, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/control/checked/borderColor/active", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/checked/borderColor/hover", + "value": { + "r": 0.16470588235294117, + "g": 0.47843137254901963, + "b": 0.9372549019607843, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/control/checked/borderColor/hover", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/checked/borderColor/rest", + "value": { + "r": 0.12156862745098039, + "g": 0.43529411764705883, + "b": 0.9215686274509803, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/borderColor/rest", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/checked/fgColor/rest", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/fgColor/rest", + "reference": "mode/fgColor/onEmphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/bgColor/disabled", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/bgColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/bgColor/active", + "value": { + "r": 0.21176470588235294, + "g": 0.5215686274509804, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/control/checked/bgColor/active", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/bgColor/hover", + "value": { + "r": 0.16470588235294117, + "g": 0.47843137254901963, + "b": 0.9372549019607843, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/control/checked/bgColor/hover", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/bgColor/rest", + "value": { + "r": 0.12156862745098039, + "g": 0.43529411764705883, + "b": 0.9215686274509803, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/bgColor/rest", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/danger/bgColor/active", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 0.4 + }, + "type": "COLOR", + "alpha": 0.4, + "refId": "mode/control/danger/bgColor/active", + "reference": "mode/bgColor/danger-muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/danger/bgColor/hover", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 0.1 + }, + "type": "COLOR", + "refId": "mode/control/danger/bgColor/hover", + "reference": "mode/bgColor/danger-muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/danger/fgColor/rest", + "value": { + "r": 0.9725490196078431, + "g": 0.3176470588235294, + "b": 0.28627450980392155, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/danger/fgColor/rest", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/transparent/bgColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/control/transparent/bgColor/disabled", + "reference": "mode/bgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/iconColor/rest", + "value": { + "r": 0.5529411764705883, + "g": 0.5882352941176471, + "b": 0.6274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/iconColor/rest", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/borderColor/warning", + "value": { + "r": 0.6196078431372549, + "g": 0.41568627450980394, + "b": 0.011764705882352941, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/warning", + "reference": "mode/borderColor/attention-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/borderColor/danger", + "value": { + "r": 0.8549019607843137, + "g": 0.21176470588235294, + "b": 0.2, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/danger", + "reference": "mode/borderColor/danger-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/borderColor/success", + "value": { + "r": 0.13725490196078433, + "g": 0.5254901960784314, + "b": 0.21176470588235294, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/success", + "reference": "mode/borderColor/success-emphasis", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/borderColor/rest", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/rest", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/fgColor/disabled", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/fgColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/bgColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/control/bgColor/disabled", + "reference": "mode/bgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/lines/bgColor", + "value": { + "r": 0.050980392156862744, + "g": 0.06666666666666667, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/lines/bgColor", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/matchingBracket/fgColor", + "value": { + "r": 0.9019607843137255, + "g": 0.9294117647058824, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/matchingBracket/fgColor", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/activeline/bgColor", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 0.4 + }, + "type": "COLOR", + "refId": "mode/codeMirror/activeline/bgColor", + "reference": "mode/bgColor/neutral-muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/selection/bgColor", + "value": { + "r": 0.2196078431372549, + "g": 0.5450980392156862, + "b": 0.9921568627450981, + "a": 0.4 + }, + "type": "COLOR", + "refId": "mode/codeMirror/selection/bgColor", + "reference": "mode/borderColor/accent-muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/cursor/fgColor", + "value": { + "r": 0.9019607843137255, + "g": 0.9294117647058824, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/cursor/fgColor", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/lineNumber/fgColor", + "value": { + "r": 0.5529411764705883, + "g": 0.5882352941176471, + "b": 0.6274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/lineNumber/fgColor", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/gutterMarker/fgColor/muted", + "value": { + "r": 0.5529411764705883, + "g": 0.5882352941176471, + "b": 0.6274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/gutterMarker/fgColor/muted", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/gutterMarker/fgColor/default", + "value": { + "r": 0.050980392156862744, + "g": 0.06666666666666667, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/gutterMarker/fgColor/default", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/gutters/bgColor", + "value": { + "r": 0.050980392156862744, + "g": 0.06666666666666667, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/gutters/bgColor", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/bgColor", + "value": { + "r": 0.050980392156862744, + "g": 0.06666666666666667, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/bgColor", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/fgColor", + "value": { + "r": 0.9019607843137255, + "g": 0.9294117647058824, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/fgColor", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/expander/iconColor", + "value": { + "r": 0.5529411764705883, + "g": 0.5882352941176471, + "b": 0.6274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/expander/iconColor", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/hunk/bgColor/num", + "value": { + "r": 0.2196078431372549, + "g": 0.5450980392156862, + "b": 0.9921568627450981, + "a": 0.4 + }, + "type": "COLOR", + "refId": "mode/diffBlob/hunk/bgColor/num", + "reference": "mode/borderColor/accent-muted", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/fgColor/num", + "value": { + "r": 0.9019607843137255, + "g": 0.9294117647058824, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/deletion/fgColor/num", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/fgColor/text", + "value": { + "r": 0.9019607843137255, + "g": 0.9294117647058824, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/deletion/fgColor/text", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/fgColor/num", + "value": { + "r": 0.9019607843137255, + "g": 0.9294117647058824, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/addition/fgColor/num", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/fgColor/text", + "value": { + "r": 0.9019607843137255, + "g": 0.9294117647058824, + "b": 0.9529411764705882, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/addition/fgColor/text", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "page/header/bgColor", + "value": { + "r": 0.050980392156862744, + "g": 0.06666666666666667, + "b": 0.09019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/page/header/bgColor", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "overlay/borderColor", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/overlay/borderColor", + "reference": "mode/borderColor/muted", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "reactionButton/selected/fgColor/rest", + "value": { + "r": 0.26666666666666666, + "g": 0.5764705882352941, + "b": 0.9725490196078431, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/reactionButton/selected/fgColor/rest", + "reference": "mode/fgColor/link", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/bgColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/button/danger/bgColor/disabled", + "reference": "mode/control/bgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/bgColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/button/invisible/bgColor/disabled", + "reference": "mode/control/transparent/bgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/iconColor/disabled", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/iconColor/disabled", + "reference": "mode/control/fgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/fgColor/disabled", + "value": { + "r": 0.43137254901960786, + "g": 0.4627450980392157, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/fgColor/disabled", + "reference": "mode/control/fgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/borderColor/active", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/borderColor/active", + "reference": "mode/button/default/borderColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/default/borderColor/hover", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/borderColor/hover", + "reference": "mode/button/default/borderColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/default/bgColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/button/default/bgColor/disabled", + "reference": "mode/control/bgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "controlKnob/borderColor/checked", + "value": { + "r": 0.12156862745098039, + "g": 0.43529411764705883, + "b": 0.9215686274509803, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlKnob/borderColor/checked", + "reference": "mode/control/checked/bgColor/rest", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "controlKnob/borderColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/controlKnob/borderColor/disabled", + "reference": "mode/control/bgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "controlKnob/bgColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/controlKnob/bgColor/disabled", + "reference": "mode/control/bgColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/borderColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/disabled", + "reference": "mode/borderColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "shadow/floating/xlarge/1/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/1/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/1/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/1/spread", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/1/color", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/offsetY", + "value": 32, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/blur", + "value": 64, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 1 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/spread", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/color", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/offsetY", + "value": 24, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/blur", + "value": 48, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 1 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/spread", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/color", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/offsetY", + "value": 8, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/blur", + "value": 16, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/spread", + "value": -4, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.4 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/offsetY", + "value": 4, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/blur", + "value": 32, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/spread", + "value": -4, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.4 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/offsetY", + "value": 24, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/blur", + "value": 48, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/spread", + "value": -12, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.4 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/offsetY", + "value": 48, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/blur", + "value": 96, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/spread", + "value": -24, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.4 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/spread", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/color", + "value": { + "r": 0.18823529411764706, + "g": 0.21176470588235294, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/offsetY", + "value": 6, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/blur", + "value": 12, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/spread", + "value": -3, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.4 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/offsetY", + "value": 6, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/blur", + "value": 18, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/color", + "value": { + "r": 0.00392156862745098, + "g": 0.01568627450980392, + "b": 0.03529411764705882, + "a": 0.4 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "dark", + "collection": "mode", + "group": "shadow" + }, + { + "name": "button/invisible/borderColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/button/invisible/borderColor/disabled", + "reference": "mode/control/borderColor/disabled", + "collection": "mode", + "mode": "dark", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/default/borderColor/disabled", + "value": { + "r": 0.12941176470588237, + "g": 0.14901960784313725, + "b": 0.17647058823529413, + "a": 0.7 + }, + "type": "COLOR", "refId": "mode/button/default/borderColor/disabled", "reference": "mode/control/borderColor/disabled", "collection": "mode", diff --git a/dist/figma/themes/light.json b/dist/figma/themes/light.json index a860bcde6..79e69e075 100644 --- a/dist/figma/themes/light.json +++ b/dist/figma/themes/light.json @@ -29,6 +29,206 @@ "group": "syntax", "scopes": ["ALL_SCOPES"] }, + { + "name": "shadow/resting/medium/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/medium/offsetY", + "value": 3, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/medium/blur", + "value": 6, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/medium/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/medium/color", + "value": { + "r": 0.25882352941176473, + "g": 0.2901960784313726, + "b": 0.3254901960784314, + "a": 0.12 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/small/color", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.04 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/resting/xsmall/color", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.1 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/inset/color", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.04 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, { "name": "color/prettylights/syntax/sublimelinter/gutter/mark", "value": { @@ -39,7 +239,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/sublimelinter/gutter/mark", - "reference": "base/color/light/base/color/gray/4", + "reference": "base/color/light/base/color/neutral/4", "collection": "mode", "mode": "light", "group": "syntax", @@ -87,7 +287,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/markup/ignored/text", - "reference": "base/color/light/base/color/gray/1", + "reference": "base/color/light/base/color/neutral/1", "collection": "mode", "mode": "light", "group": "syntax", @@ -199,7 +399,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/markup/bold", - "reference": "base/color/light/base/color/gray/9", + "reference": "base/color/light/base/color/neutral/9", "collection": "mode", "mode": "light", "group": "syntax", @@ -215,7 +415,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/markup/italic", - "reference": "base/color/light/base/color/gray/9", + "reference": "base/color/light/base/color/neutral/9", "collection": "mode", "mode": "light", "group": "syntax", @@ -295,7 +495,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/carriage/return/text", - "reference": "base/color/light/base/color/gray/0", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", "group": "syntax", @@ -327,7 +527,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/invalid/illegal/text", - "reference": "base/color/light/base/color/gray/0", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", "group": "syntax", @@ -343,7 +543,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/brackethighlighter/angle", - "reference": "base/color/light/base/color/gray/6", + "reference": "base/color/light/base/color/neutral/6", "collection": "mode", "mode": "light", "group": "syntax", @@ -439,7 +639,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/storage/modifier/import", - "reference": "base/color/light/base/color/gray/9", + "reference": "base/color/light/base/color/neutral/9", "collection": "mode", "mode": "light", "group": "syntax", @@ -503,7 +703,7 @@ }, "type": "COLOR", "refId": "mode/color/prettylights/syntax/comment", - "reference": "base/color/light/base/color/gray/6", + "reference": "base/color/light/base/color/neutral/6", "collection": "mode", "mode": "light", "group": "syntax", @@ -679,7 +879,7 @@ }, "type": "COLOR", "refId": "mode/color/ansi/gray", - "reference": "base/color/light/base/color/gray/5", + "reference": "base/color/light/base/color/neutral/5", "collection": "mode", "mode": "light", "group": "syntax", @@ -695,7 +895,7 @@ }, "type": "COLOR", "refId": "mode/color/ansi/white-bright", - "reference": "base/color/light/base/color/gray/4", + "reference": "base/color/light/base/color/neutral/4", "collection": "mode", "mode": "light", "group": "syntax", @@ -711,7 +911,7 @@ }, "type": "COLOR", "refId": "mode/color/ansi/white", - "reference": "base/color/light/base/color/gray/5", + "reference": "base/color/light/base/color/neutral/5", "collection": "mode", "mode": "light", "group": "syntax", @@ -727,7 +927,7 @@ }, "type": "COLOR", "refId": "mode/color/ansi/black-bright", - "reference": "base/color/light/base/color/gray/6", + "reference": "base/color/light/base/color/neutral/6", "collection": "mode", "mode": "light", "group": "syntax", @@ -743,7 +943,7 @@ }, "type": "COLOR", "refId": "mode/color/ansi/black", - "reference": "base/color/light/base/color/gray/9", + "reference": "base/color/light/base/color/neutral/9", "collection": "mode", "mode": "light", "group": "syntax", @@ -788,6 +988,45 @@ "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" } }, + { + "name": "borderColor/upsell-emphasis", + "value": { + "r": 0.5098039215686274, + "g": 0.3137254901960784, + "b": 0.8745098039215686, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/borderColor/upsell-emphasis", + "reference": "base/color/light/base/color/purple/5", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-upsell-emphasis)" + } + }, + { + "name": "borderColor/upsell-muted", + "value": { + "r": 0.7607843137254902, + "g": 0.592156862745098, + "b": 1, + "a": 0.4 + }, + "type": "COLOR", + "alpha": 0.4, + "refId": "mode/borderColor/upsell-muted", + "reference": "base/color/light/base/color/purple/3", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-upsell-muted)" + } + }, { "name": "borderColor/done-emphasis", "value": { @@ -804,7 +1043,7 @@ "group": "semantic", "scopes": ["STROKE_COLOR"], "codeSyntax": { - "web": "var(--borderColor-done-emphasis) /* utility class: .color-border-done-emphasis */" + "web": "var(--borderColor-done-emphasis)" } }, { @@ -986,14 +1225,14 @@ { "name": "borderColor/success-emphasis", "value": { - "r": 0.10196078431372549, - "g": 0.4980392156862745, - "b": 0.21568627450980393, + "r": 0.03137254901960784, + "g": 0.5215686274509804, + "b": 0.4235294117647059, "a": 1 }, "type": "COLOR", "refId": "mode/borderColor/success-emphasis", - "reference": "base/color/light/base/color/green/5", + "reference": "base/color/light/prov/color/green/5", "collection": "mode", "mode": "light", "group": "semantic", @@ -1005,15 +1244,15 @@ { "name": "borderColor/success-muted", "value": { - "r": 0.2901960784313726, - "g": 0.7607843137254902, - "b": 0.4196078431372549, + "r": 0.5803921568627451, + "g": 0.7725490196078432, + "b": 0.7137254901960784, "a": 0.4 }, "type": "COLOR", "alpha": 0.4, "refId": "mode/borderColor/success-muted", - "reference": "base/color/light/base/color/green/3", + "reference": "base/color/light/prov/color/green/3", "collection": "mode", "mode": "light", "group": "semantic", @@ -1071,7 +1310,7 @@ }, "type": "COLOR", "refId": "mode/borderColor/neutral-emphasis", - "reference": "base/color/light/base/color/gray/5", + "reference": "base/color/light/base/color/neutral/5", "collection": "mode", "mode": "light", "group": "semantic", @@ -1088,7 +1327,7 @@ "type": "COLOR", "alpha": 0.2, "refId": "mode/borderColor/neutral-muted", - "reference": "base/color/light/base/color/gray/3", + "reference": "base/color/light/base/color/neutral/3", "collection": "mode", "mode": "light", "group": "semantic", @@ -1120,7 +1359,7 @@ }, "type": "COLOR", "refId": "mode/borderColor/emphasis", - "reference": "base/color/light/base/color/gray/5", + "reference": "base/color/light/base/color/neutral/5", "collection": "mode", "mode": "light", "group": "semantic", @@ -1136,7 +1375,7 @@ }, "type": "COLOR", "refId": "mode/borderColor/default", - "reference": "base/color/light/base/color/gray/2", + "reference": "base/color/light/base/color/neutral/2", "collection": "mode", "mode": "light", "group": "semantic", @@ -1183,6 +1422,44 @@ "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" } }, + { + "name": "bgColor/upsell-emphasis", + "value": { + "r": 0.5098039215686274, + "g": 0.3137254901960784, + "b": 0.8745098039215686, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/upsell-emphasis", + "reference": "base/color/light/base/color/purple/5", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--bgColor-upsell-emphasis)" + } + }, + { + "name": "bgColor/upsell-muted", + "value": { + "r": 0.984313725490196, + "g": 0.9372549019607843, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/upsell-muted", + "reference": "base/color/light/base/color/purple/0", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--bgColor-upsell-muted)" + } + }, { "name": "bgColor/done-emphasis", "value": { @@ -1376,15 +1653,15 @@ { "name": "bgColor/success-emphasis", "value": { - "r": 0.12156862745098039, - "g": 0.5333333333333333, - "b": 0.23921568627450981, + "r": 0.10980392156862745, + "g": 0.5568627450980392, + "b": 0.4588235294117647, "a": 1 }, "type": "COLOR", "isMix": true, "refId": "mode/bgColor/success-emphasis", - "reference": "base/color/light/base/color/green/4", + "reference": "base/color/light/prov/color/green/4", "collection": "mode", "mode": "light", "group": "semantic", @@ -1396,14 +1673,14 @@ { "name": "bgColor/success-muted", "value": { - "r": 0.8549019607843137, - "g": 0.984313725490196, - "b": 0.8823529411764706, + "r": 0.9529411764705882, + "g": 0.9725490196078431, + "b": 0.9647058823529412, "a": 1 }, "type": "COLOR", "refId": "mode/bgColor/success-muted", - "reference": "base/color/light/base/color/green/0", + "reference": "base/color/light/prov/color/green/0", "collection": "mode", "mode": "light", "group": "semantic", @@ -1460,7 +1737,7 @@ }, "type": "COLOR", "refId": "mode/bgColor/neutral-emphasis", - "reference": "base/color/light/base/color/gray/5", + "reference": "base/color/light/base/color/neutral/5", "collection": "mode", "mode": "light", "group": "semantic", @@ -1477,7 +1754,7 @@ "type": "COLOR", "alpha": 0.2, "refId": "mode/bgColor/neutral-muted", - "reference": "base/color/light/base/color/gray/3", + "reference": "base/color/light/base/color/neutral/3", "collection": "mode", "mode": "light", "group": "semantic", @@ -1505,14 +1782,47 @@ { "name": "bgColor/disabled", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, - "a": 1 + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 }, "type": "COLOR", + "alpha": 0.7, "refId": "mode/bgColor/disabled", - "reference": "base/color/light/base/color/gray/0", + "reference": "base/color/light/base/color/neutral/1", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "bgColor/black", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/black", + "reference": "base/color/light/base/color/black", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "bgColor/white", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/white", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "semantic", @@ -1528,7 +1838,7 @@ }, "type": "COLOR", "refId": "mode/bgColor/inverse", - "reference": "base/color/light/base/color/gray/9", + "reference": "base/color/light/base/color/neutral/9", "collection": "mode", "mode": "light", "group": "semantic", @@ -1544,7 +1854,7 @@ }, "type": "COLOR", "refId": "mode/bgColor/emphasis", - "reference": "base/color/light/base/color/gray/9", + "reference": "base/color/light/base/color/neutral/9", "collection": "mode", "mode": "light", "group": "semantic", @@ -1563,7 +1873,7 @@ }, "type": "COLOR", "refId": "mode/bgColor/inset", - "reference": "base/color/light/base/color/gray/0", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", "group": "semantic", @@ -1582,7 +1892,7 @@ }, "type": "COLOR", "refId": "mode/bgColor/muted", - "reference": "base/color/light/base/color/gray/0", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", "group": "semantic", @@ -1629,6 +1939,25 @@ "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" } }, + { + "name": "fgColor/upsell", + "value": { + "r": 0.5098039215686274, + "g": 0.3137254901960784, + "b": 0.8745098039215686, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/upsell", + "reference": "base/color/light/base/color/purple/5", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--fgColor-upsell)" + } + }, { "name": "fgColor/done", "value": { @@ -1709,14 +2038,14 @@ { "name": "fgColor/success", "value": { - "r": 0.10196078431372549, - "g": 0.4980392156862745, - "b": 0.21568627450980393, + "r": 0.03137254901960784, + "g": 0.5215686274509804, + "b": 0.4235294117647059, "a": 1 }, "type": "COLOR", "refId": "mode/fgColor/success", - "reference": "base/color/light/base/color/green/5", + "reference": "base/color/light/prov/color/green/5", "collection": "mode", "mode": "light", "group": "semantic", @@ -1754,7 +2083,7 @@ }, "type": "COLOR", "refId": "mode/fgColor/neutral", - "reference": "base/color/light/base/color/gray/5", + "reference": "base/color/light/base/color/neutral/5", "collection": "mode", "mode": "light", "group": "semantic", @@ -1770,14 +2099,30 @@ }, "type": "COLOR", "refId": "mode/fgColor/disabled", - "reference": "base/color/light/base/color/gray/4", + "reference": "base/color/light/base/color/neutral/4", "collection": "mode", "mode": "light", "group": "semantic", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "fgColor/onEmphasis", + "name": "fgColor/black", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/black", + "reference": "base/color/light/base/color/black", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "fgColor/white", "value": { "r": 1, "g": 1, @@ -1785,7 +2130,23 @@ "a": 1 }, "type": "COLOR", - "refId": "mode/fgColor/onEmphasis", + "refId": "mode/fgColor/white", + "reference": "base/color/light/base/color/white", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "fgColor/onEmphasis", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/onEmphasis", "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", @@ -1806,7 +2167,7 @@ "type": "COLOR", "isMix": true, "refId": "mode/fgColor/muted", - "reference": "base/color/light/base/color/gray/6", + "reference": "base/color/light/base/color/neutral/6", "collection": "mode", "mode": "light", "group": "semantic", @@ -1835,1921 +2196,1911 @@ } }, { - "name": "underlineNav/borderColor/active", + "name": "label/coral/fgColor/active", "value": { - "r": 0.9921568627450981, - "g": 0.5490196078431373, - "b": 0.45098039215686275, + "r": 0.49411764705882355, + "g": 0.12549019607843137, + "b": 0.06666666666666667, "a": 1 }, "type": "COLOR", - "refId": "mode/underlineNav/borderColor/active", - "reference": "base/color/light/base/color/coral/3", + "refId": "mode/label/coral/fgColor/active", + "reference": "base/color/light/base/display/color/coral/8", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "treeViewItem/leadingVisual/iconColor/rest", + "name": "label/coral/fgColor/hover", "value": { - "r": 0.32941176470588235, - "g": 0.6823529411764706, - "b": 1, + "r": 0.6078431372549019, + "g": 0.15294117647058825, + "b": 0.07058823529411765, "a": 1 }, "type": "COLOR", - "refId": "mode/treeViewItem/leadingVisual/iconColor/rest", - "reference": "base/color/light/base/color/blue/3", + "refId": "mode/label/coral/fgColor/hover", + "reference": "base/color/light/base/display/color/coral/7", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "timelineBadge/bgColor", + "name": "label/coral/fgColor/rest", "value": { - "r": 0.9176470588235294, - "g": 0.9333333333333333, - "b": 0.9490196078431372, + "r": 0.7294117647058823, + "g": 0.1803921568627451, + "b": 0.07058823529411765, "a": 1 }, "type": "COLOR", - "refId": "mode/timelineBadge/bgColor", - "reference": "base/color/light/base/color/gray/1", + "refId": "mode/label/coral/fgColor/rest", + "reference": "base/color/light/base/display/color/coral/6", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "sideNav/bgColor/selected", + "name": "label/coral/bgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9882352941176471, + "g": 0.6705882352941176, + "b": 0.5725490196078431, "a": 1 }, "type": "COLOR", - "refId": "mode/sideNav/bgColor/selected", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/coral/bgColor/active", + "reference": "base/color/light/base/display/color/coral/2", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "selectMenu/bgColor/active", + "name": "label/coral/bgColor/hover", "value": { - "r": 0.7137254901960784, - "g": 0.8901960784313725, - "b": 1, + "r": 0.996078431372549, + "g": 0.807843137254902, + "b": 0.7450980392156863, "a": 1 }, "type": "COLOR", - "refId": "mode/selectMenu/bgColor/active", - "reference": "base/color/light/base/color/blue/1", + "refId": "mode/label/coral/bgColor/hover", + "reference": "base/color/light/base/display/color/coral/1", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "selectMenu/borderColor", + "name": "label/coral/bgColor/rest", "value": { "r": 1, - "g": 1, - "b": 1, - "a": 0 + "g": 0.8980392156862745, + "b": 0.8588235294117647, + "a": 1 }, "type": "COLOR", - "refId": "mode/selectMenu/borderColor", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/coral/bgColor/rest", + "reference": "base/color/light/base/display/color/coral/0", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "overlay/backdrop/bgColor", + "name": "label/pink/fgColor/active", "value": { - "r": 0.5490196078431373, - "g": 0.5843137254901961, - "b": 0.6235294117647059, - "a": 0.2 + "r": 0.43137254901960786, + "g": 0.16862745098039217, + "b": 0.3254901960784314, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/overlay/backdrop/bgColor", - "reference": "base/color/light/base/color/gray/4", + "refId": "mode/label/pink/fgColor/active", + "reference": "base/color/light/base/display/color/pink/8", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "overlay/bgColor", + "name": "label/pink/fgColor/hover", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.5568627450980392, + "g": 0.1803921568627451, + "b": 0.4, "a": 1 }, "type": "COLOR", - "refId": "mode/overlay/bgColor", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/pink/fgColor/hover", + "reference": "base/color/light/base/display/color/pink/7", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "menu/bgColor/active", + "name": "label/pink/fgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0 + "r": 0.6941176470588235, + "g": 0.1843137254901961, + "b": 0.4745098039215686, + "a": 1 }, "type": "COLOR", - "refId": "mode/menu/bgColor/active", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/pink/fgColor/rest", + "reference": "base/color/light/base/display/color/pink/6", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/fgColor/hover", + "name": "label/pink/bgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9725490196078431, + "g": 0.6470588235294118, + "b": 0.8117647058823529, "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/danger/fgColor/hover", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/pink/bgColor/active", + "reference": "base/color/light/base/display/color/pink/2", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/fgColor/rest", + "name": "label/pink/bgColor/hover", "value": { - "r": 0.7607843137254902, - "g": 0.10980392156862745, - "b": 0.17254901960784313, + "r": 0.9921568627450981, + "g": 0.788235294117647, + "b": 0.8862745098039215, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/buttonCounter/danger/fgColor/rest", - "reference": "base/color/light/base/color/red/5", + "refId": "mode/label/pink/bgColor/hover", + "reference": "base/color/light/base/display/color/pink/1", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/bgColor/hover", + "name": "label/pink/bgColor/rest", "value": { "r": 1, - "g": 1, - "b": 1, - "a": 0.2 + "g": 0.8980392156862745, + "b": 0.9450980392156862, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/buttonCounter/danger/bgColor/hover", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/pink/bgColor/rest", + "reference": "base/color/light/base/display/color/pink/0", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/fgColor/hover", + "name": "label/plum/fgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.396078431372549, + "g": 0.11372549019607843, + "b": 0.5882352941176471, "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/outline/fgColor/hover", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/plum/fgColor/active", + "reference": "base/color/light/base/display/color/plum/8", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/fgColor/rest", + "name": "label/plum/fgColor/hover", "value": { - "r": 0.0196078431372549, - "g": 0.3137254901960784, - "b": 0.6823529411764706, + "r": 0.49019607843137253, + "g": 0.11764705882352941, + "b": 0.7215686274509804, "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/outline/fgColor/rest", - "reference": "base/color/light/base/color/blue/6", + "refId": "mode/label/plum/fgColor/hover", + "reference": "base/color/light/base/display/color/plum/7", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/bgColor/hover", + "name": "label/plum/fgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0.2 + "r": 0.5882352941176471, + "g": 0.11764705882352941, + "b": 0.8627450980392157, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/buttonCounter/outline/bgColor/hover", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/plum/fgColor/rest", + "reference": "base/color/light/base/display/color/plum/6", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/primary/bgColor/rest", + "name": "label/plum/bgColor/active", "value": { - "r": 0, - "g": 0.17647058823529413, - "b": 0.06666666666666667, - "a": 0.2 + "r": 0.8862745098039215, + "g": 0.6549019607843137, + "b": 0.984313725490196, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/buttonCounter/primary/bgColor/rest", - "reference": "base/color/light/base/color/green/9", + "refId": "mode/label/plum/bgColor/active", + "reference": "base/color/light/base/display/color/plum/2", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/inactive/bgColor/rest", + "name": "label/plum/bgColor/hover", "value": { - "r": 0.9176470588235294, - "g": 0.9333333333333333, - "b": 0.9490196078431372, + "r": 0.9411764705882353, + "g": 0.803921568627451, + "b": 0.996078431372549, "a": 1 }, "type": "COLOR", - "refId": "mode/button/inactive/bgColor/rest", - "reference": "base/color/light/base/color/gray/1", + "refId": "mode/label/plum/bgColor/hover", + "reference": "base/color/light/base/display/color/plum/1", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/inactive/fgColor/rest", + "name": "label/plum/bgColor/rest", "value": { - "r": 0.3411764705882353, - "g": 0.3764705882352941, - "b": 0.41568627450980394, + "r": 0.9725490196078431, + "g": 0.8980392156862745, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/inactive/fgColor/rest", - "reference": "base/color/light/base/color/gray/6", + "refId": "mode/label/plum/bgColor/rest", + "reference": "base/color/light/base/display/color/plum/0", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/borderColor/hover", + "name": "label/blue/fgColor/active", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, - "a": 0.15 + "r": 0, + "g": 0.23921568627450981, + "b": 0.6, + "a": 1 }, "type": "COLOR", - "alpha": 0.15, - "refId": "mode/button/danger/borderColor/hover", - "reference": "base/color/light/base/color/black", + "refId": "mode/label/blue/fgColor/active", + "reference": "base/color/light/base/display/color/blue/8", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/bgColor/active", + "name": "label/blue/fgColor/hover", "value": { - "r": 0.5450980392156862, - "g": 0.03137254901960784, - "b": 0.12549019607843137, + "r": 0, + "g": 0.30196078431372547, + "b": 0.7019607843137254, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/button/danger/bgColor/active", - "reference": "base/color/light/base/color/red/6", + "refId": "mode/label/blue/fgColor/hover", + "reference": "base/color/light/base/display/color/blue/7", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/bgColor/hover", + "name": "label/blue/fgColor/rest", "value": { - "r": 0.6431372549019608, - "g": 0.054901960784313725, - "b": 0.14901960784313725, + "r": 0, + "g": 0.37254901960784315, + "b": 0.8, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/bgColor/hover", - "reference": "base/color/light/base/color/red/6", + "refId": "mode/label/blue/fgColor/rest", + "reference": "base/color/light/base/display/color/blue/6", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/iconColor/hover", + "name": "label/blue/bgColor/active", "value": { - "r": 1, - "g": 1, + "r": 0.4588235294117647, + "g": 0.7843137254901961, "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/iconColor/hover", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/blue/bgColor/active", + "reference": "base/color/light/base/display/color/blue/2", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/fgColor/active", + "name": "label/blue/bgColor/hover", "value": { - "r": 1, - "g": 1, + "r": 0.6784313725490196, + "g": 0.8823529411764706, "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/fgColor/active", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/blue/bgColor/hover", + "reference": "base/color/light/base/display/color/blue/1", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/fgColor/hover", + "name": "label/blue/bgColor/rest", "value": { - "r": 1, - "g": 1, + "r": 0.8196078431372549, + "g": 0.9411764705882353, "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/fgColor/hover", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/blue/bgColor/rest", + "reference": "base/color/light/base/display/color/blue/0", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/borderColor/hover", + "name": "label/indigo/fgColor/active", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, - "a": 0.15 + "r": 0.17647058823529413, + "g": 0.17647058823529413, + "b": 0.7058823529411765, + "a": 1 }, "type": "COLOR", - "alpha": 0.15, - "refId": "mode/button/outline/borderColor/hover", - "reference": "base/color/light/base/color/black", + "refId": "mode/label/indigo/fgColor/active", + "reference": "base/color/light/base/display/color/indigo/8", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/bgColor/disabled", + "name": "label/indigo/fgColor/hover", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.2235294117647059, + "g": 0.23529411764705882, + "b": 0.8352941176470589, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/bgColor/disabled", - "reference": "base/color/light/base/color/gray/0", + "refId": "mode/label/indigo/fgColor/hover", + "reference": "base/color/light/base/display/color/indigo/7", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/fgColor/active", + "name": "label/indigo/fgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.28627450980392155, + "g": 0.3058823529411765, + "b": 0.8745098039215686, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/fgColor/active", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/indigo/fgColor/rest", + "reference": "base/color/light/base/display/color/indigo/6", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/fgColor/hover", + "name": "label/indigo/bgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.6941176470588235, + "g": 0.7254901960784313, + "b": 0.984313725490196, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/fgColor/hover", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/indigo/bgColor/active", + "reference": "base/color/light/base/display/color/indigo/2", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/borderColor/rest", + "name": "label/indigo/bgColor/hover", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, - "a": 0.15 + "r": 0.8235294117647058, + "g": 0.8431372549019608, + "b": 0.996078431372549, + "a": 1 }, "type": "COLOR", - "alpha": 0.15, - "refId": "mode/button/primary/borderColor/rest", - "reference": "base/color/light/base/color/black", + "refId": "mode/label/indigo/bgColor/hover", + "reference": "base/color/light/base/display/color/indigo/1", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/bgColor/disabled", + "name": "label/indigo/bgColor/rest", "value": { - "r": 0.5843137254901961, - "g": 0.8470588235294118, - "b": 0.6509803921568628, + "r": 0.8980392156862745, + "g": 0.9137254901960784, + "b": 1, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/button/primary/bgColor/disabled", - "reference": "base/color/light/base/color/green/4", + "refId": "mode/label/indigo/bgColor/rest", + "reference": "base/color/light/base/display/color/indigo/0", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/iconColor/rest", + "name": "label/cyan/fgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0.8 + "r": 0, + "g": 0.2823529411764706, + "b": 0.3411764705882353, + "a": 1 }, "type": "COLOR", - "alpha": 0.8, - "refId": "mode/button/primary/iconColor/rest", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/cyan/fgColor/active", + "reference": "base/color/light/base/display/color/cyan/8", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/fgColor/disabled", + "name": "label/cyan/fgColor/hover", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0.8 + "r": 0, + "g": 0.34901960784313724, + "b": 0.4196078431372549, + "a": 1 }, "type": "COLOR", - "alpha": 0.8, - "refId": "mode/button/primary/fgColor/disabled", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/cyan/fgColor/hover", + "reference": "base/color/light/base/display/color/cyan/7", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/fgColor/rest", + "name": "label/cyan/fgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0, + "g": 0.41568627450980394, + "b": 0.5019607843137255, "a": 1 }, "type": "COLOR", - "refId": "mode/button/primary/fgColor/rest", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/cyan/fgColor/rest", + "reference": "base/color/light/base/display/color/cyan/6", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "counter/borderColor", + "name": "label/cyan/bgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0 + "r": 0, + "g": 0.8156862745098039, + "b": 0.9803921568627451, + "a": 1 }, "type": "COLOR", - "refId": "mode/counter/borderColor", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/cyan/bgColor/active", + "reference": "base/color/light/base/display/color/cyan/2", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/bgColor/checked", + "name": "label/cyan/bgColor/hover", "value": { - "r": 1, - "g": 1, + "r": 0.47843137254901963, + "g": 0.9137254901960784, "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/bgColor/checked", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/cyan/bgColor/hover", + "reference": "base/color/light/base/display/color/cyan/1", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/bgColor/rest", + "name": "label/cyan/bgColor/rest", "value": { - "r": 1, - "g": 1, + "r": 0.7411764705882353, + "g": 0.9568627450980393, "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/bgColor/rest", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/cyan/bgColor/rest", + "reference": "base/color/light/base/display/color/cyan/0", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/borderColor/rest", + "name": "label/teal/fgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0 + "r": 0.0392156862745098, + "g": 0.2823529411764706, + "b": 0.3215686274509804, + "a": 1 }, "type": "COLOR", - "refId": "mode/controlTrack/borderColor/rest", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/teal/fgColor/active", + "reference": "base/color/light/base/display/color/teal/8", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/bgColor/active", + "name": "label/teal/fgColor/hover", "value": { - "r": 0.8235294117647058, - "g": 0.8470588235294118, - "b": 0.8705882352941177, + "r": 0.050980392156862744, + "g": 0.3568627450980392, + "b": 0.38823529411764707, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/controlTrack/bgColor/active", - "reference": "base/color/light/base/color/gray/1", + "refId": "mode/label/teal/fgColor/hover", + "reference": "base/color/light/base/display/color/teal/7", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/bgColor/hover", + "name": "label/teal/fgColor/rest", "value": { - "r": 0.8705882352941177, - "g": 0.8901960784313725, - "b": 0.9098039215686274, + "r": 0.06274509803921569, + "g": 0.43137254901960786, + "b": 0.4588235294117647, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/controlTrack/bgColor/hover", - "reference": "base/color/light/base/color/gray/1", + "refId": "mode/label/teal/fgColor/rest", + "reference": "base/color/light/base/display/color/teal/6", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/bgColor/rest", + "name": "label/teal/bgColor/active", "value": { - "r": 0.9176470588235294, - "g": 0.9333333333333333, - "b": 0.9490196078431372, + "r": 0.13333333333333333, + "g": 0.8274509803921568, + "b": 0.7803921568627451, "a": 1 }, "type": "COLOR", - "refId": "mode/controlTrack/bgColor/rest", - "reference": "base/color/light/base/color/gray/1", + "refId": "mode/label/teal/bgColor/active", + "reference": "base/color/light/base/display/color/teal/2", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/borderColor/active", + "name": "label/teal/bgColor/hover", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0 + "r": 0.5372549019607843, + "g": 0.9215686274509803, + "b": 0.8823529411764706, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/borderColor/active", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/teal/bgColor/hover", + "reference": "base/color/light/base/display/color/teal/1", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/borderColor/hover", + "name": "label/teal/bgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0 + "r": 0.7803921568627451, + "g": 0.9607843137254902, + "b": 0.9372549019607843, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/borderColor/hover", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/teal/bgColor/rest", + "reference": "base/color/light/base/display/color/teal/0", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/borderColor/rest", + "name": "label/pine/fgColor/active", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0 + "r": 0.06666666666666667, + "g": 0.29411764705882354, + "b": 0.21176470588235294, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/borderColor/rest", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/pine/fgColor/active", + "reference": "base/color/light/base/display/color/pine/8", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/selected", + "name": "label/pine/fgColor/hover", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, - "a": 0.2 + "r": 0.07450980392156863, + "g": 0.36470588235294116, + "b": 0.2549019607843137, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/control/transparent/bgColor/selected", - "reference": "base/color/light/base/color/gray/2", + "refId": "mode/label/pine/fgColor/hover", + "reference": "base/color/light/base/display/color/pine/7", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/disabled", + "name": "label/pine/fgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0 + "r": 0.08235294117647059, + "g": 0.43529411764705883, + "b": 0.29411764705882354, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/bgColor/disabled", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/pine/fgColor/rest", + "reference": "base/color/light/base/display/color/pine/6", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/active", + "name": "label/pine/bgColor/active", "value": { - "r": 0.8156862745098039, + "r": 0.11372549019607843, "g": 0.8431372549019608, - "b": 0.8705882352941177, - "a": 0.4 + "b": 0.5058823529411764, + "a": 1 }, "type": "COLOR", - "alpha": 0.4, - "refId": "mode/control/transparent/bgColor/active", - "reference": "base/color/light/base/color/gray/2", + "refId": "mode/label/pine/bgColor/active", + "reference": "base/color/light/base/display/color/pine/2", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/hover", + "name": "label/pine/bgColor/hover", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, - "a": 0.2 + "r": 0.5019607843137255, + "g": 0.9372549019607843, + "b": 0.7254901960784313, + "a": 1 }, "type": "COLOR", - "alpha": 0.2, - "refId": "mode/control/transparent/bgColor/hover", - "reference": "base/color/light/base/color/gray/2", + "refId": "mode/label/pine/bgColor/hover", + "reference": "base/color/light/base/display/color/pine/1", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/transparent/bgColor/rest", + "name": "label/pine/bgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0 + "r": 0.7490196078431373, + "g": 0.9725490196078431, + "b": 0.8588235294117647, + "a": 1 }, "type": "COLOR", - "refId": "mode/control/transparent/bgColor/rest", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/pine/bgColor/rest", + "reference": "base/color/light/base/display/color/pine/0", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/selected", + "name": "label/lime/fgColor/active", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.1843137254901961, + "g": 0.2901960784313726, + "b": 0.12941176470588237, "a": 1 }, "type": "COLOR", - "refId": "mode/control/borderColor/selected", - "reference": "base/color/light/base/color/gray/0", + "refId": "mode/label/lime/fgColor/active", + "reference": "base/color/light/base/display/color/lime/8", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/emphasis", + "name": "label/lime/fgColor/hover", "value": { - "r": 0.5254901960784314, - "g": 0.5607843137254902, - "b": 0.6, + "r": 0.22745098039215686, + "g": 0.3568627450980392, + "b": 0.1450980392156863, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/borderColor/emphasis", - "reference": "base/color/light/base/color/gray/4", + "refId": "mode/label/lime/fgColor/hover", + "reference": "base/color/light/base/display/color/lime/7", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/fgColor/placeholder", + "name": "label/lime/fgColor/rest", "value": { - "r": 0.43137254901960786, - "g": 0.4666666666666667, - "b": 0.5058823529411764, + "r": 0.2784313725490196, + "g": 0.4235294117647059, + "b": 0.1568627450980392, "a": 1 }, "type": "COLOR", - "refId": "mode/control/fgColor/placeholder", - "reference": "base/color/light/base/color/gray/5", + "refId": "mode/label/lime/fgColor/rest", + "reference": "base/color/light/base/display/color/lime/6", "collection": "mode", "mode": "light", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/fgColor/rest", + "name": "label/lime/bgColor/active", "value": { - "r": 0.1411764705882353, - "g": 0.1607843137254902, - "b": 0.1843137254901961, + "r": 0.6078431372549019, + "g": 0.8156862745098039, + "b": 0.2235294117647059, "a": 1 }, "type": "COLOR", - "refId": "mode/control/fgColor/rest", - "reference": "base/color/light/base/color/gray/9", + "refId": "mode/label/lime/bgColor/active", + "reference": "base/color/light/base/display/color/lime/2", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/bgColor/selected", + "name": "label/lime/bgColor/hover", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.7803921568627451, + "g": 0.8980392156862745, + "b": 0.5019607843137255, "a": 1 }, "type": "COLOR", - "refId": "mode/control/bgColor/selected", - "reference": "base/color/light/base/color/gray/0", + "refId": "mode/label/lime/bgColor/hover", + "reference": "base/color/light/base/display/color/lime/1", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/bgColor/active", + "name": "label/lime/bgColor/rest", "value": { - "r": 0.9058823529411765, - "g": 0.9215686274509803, - "b": 0.9372549019607843, + "r": 0.8901960784313725, + "g": 0.9490196078431372, + "b": 0.7098039215686275, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/bgColor/active", - "reference": "base/color/light/base/color/gray/0", + "refId": "mode/label/lime/bgColor/rest", + "reference": "base/color/light/base/display/color/lime/0", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/bgColor/hover", + "name": "label/olive/fgColor/active", "value": { - "r": 0.9333333333333333, - "g": 0.9450980392156862, - "b": 0.9568627450980393, + "r": 0.23137254901960785, + "g": 0.28627450980392155, + "b": 0.15294117647058825, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/bgColor/hover", - "reference": "base/color/light/base/color/gray/0", + "refId": "mode/label/olive/fgColor/active", + "reference": "base/color/light/base/display/color/olive/8", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/bgColor/rest", + "name": "label/olive/fgColor/hover", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.28627450980392155, + "g": 0.35294117647058826, + "b": 0.16862745098039217, "a": 1 }, "type": "COLOR", - "refId": "mode/control/bgColor/rest", - "reference": "base/color/light/base/color/gray/0", + "refId": "mode/label/olive/fgColor/hover", + "reference": "base/color/light/base/display/color/olive/7", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "avatarStack/fade/bgColor/muted", + "name": "label/olive/fgColor/rest", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, + "r": 0.33725490196078434, + "g": 0.40784313725490196, + "b": 0.17254901960784313, "a": 1 }, "type": "COLOR", - "refId": "mode/avatarStack/fade/bgColor/muted", - "reference": "base/color/light/base/color/gray/2", + "refId": "mode/label/olive/fgColor/rest", + "reference": "base/color/light/base/display/color/olive/6", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "label/olive/bgColor/active", + "value": { + "r": 0.7254901960784313, + "g": 0.7843137254901961, + "b": 0.19607843137254902, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/label/olive/bgColor/active", + "reference": "base/color/light/base/display/color/olive/2", + "collection": "mode", + "mode": "light", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "avatarStack/fade/bgColor/default", + "name": "label/olive/bgColor/hover", "value": { - "r": 0.6862745098039216, - "g": 0.7215686274509804, - "b": 0.7568627450980392, + "r": 0.8588235294117647, + "g": 0.8823529411764706, + "b": 0.4392156862745098, "a": 1 }, "type": "COLOR", - "refId": "mode/avatarStack/fade/bgColor/default", - "reference": "base/color/light/base/color/gray/3", + "refId": "mode/label/olive/bgColor/hover", + "reference": "base/color/light/base/display/color/olive/1", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "avatar/bgColor", + "name": "label/olive/bgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9411764705882353, + "g": 0.9411764705882353, + "b": 0.6784313725490196, "a": 1 }, "type": "COLOR", - "refId": "mode/avatar/bgColor", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/olive/bgColor/rest", + "reference": "base/color/light/base/display/color/olive/0", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "headerSearch/borderColor", + "name": "label/lemon/fgColor/active", "value": { - "r": 0.3411764705882353, - "g": 0.3764705882352941, - "b": 0.41568627450980394, + "r": 0.3215686274509804, + "g": 0.24705882352941178, + "b": 0, "a": 1 }, "type": "COLOR", - "refId": "mode/headerSearch/borderColor", - "reference": "base/color/light/base/color/gray/6", + "refId": "mode/label/lemon/fgColor/active", + "reference": "base/color/light/base/display/color/lemon/8", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "headerSearch/bgColor", + "name": "label/lemon/fgColor/hover", "value": { - "r": 0.1411764705882353, - "g": 0.1607843137254902, - "b": 0.1843137254901961, + "r": 0.396078431372549, + "g": 0.30980392156862746, + "b": 0.00392156862745098, "a": 1 }, "type": "COLOR", - "refId": "mode/headerSearch/bgColor", - "reference": "base/color/light/base/color/gray/9", + "refId": "mode/label/lemon/fgColor/hover", + "reference": "base/color/light/base/display/color/lemon/7", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "header/borderColor/divider", + "name": "label/lemon/fgColor/rest", "value": { - "r": 0.3411764705882353, + "r": 0.47058823529411764, "g": 0.3764705882352941, - "b": 0.41568627450980394, + "b": 0.00784313725490196, "a": 1 }, "type": "COLOR", - "refId": "mode/header/borderColor/divider", - "reference": "base/color/light/base/color/gray/6", + "refId": "mode/label/lemon/fgColor/rest", + "reference": "base/color/light/base/display/color/lemon/6", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "header/bgColor", + "name": "label/lemon/bgColor/active", "value": { - "r": 0.1411764705882353, - "g": 0.1607843137254902, - "b": 0.1843137254901961, + "r": 0.8470588235294118, + "g": 0.7411764705882353, + "b": 0.054901960784313725, "a": 1 }, "type": "COLOR", - "refId": "mode/header/bgColor", - "reference": "base/color/light/base/color/gray/9", + "refId": "mode/label/lemon/bgColor/active", + "reference": "base/color/light/base/display/color/lemon/2", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "header/fgColor/logo", + "name": "label/lemon/bgColor/hover", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9411764705882353, + "g": 0.8588235294117647, + "b": 0.23921568627450981, "a": 1 }, "type": "COLOR", - "refId": "mode/header/fgColor/logo", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/lemon/bgColor/hover", + "reference": "base/color/light/base/display/color/lemon/1", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "header/fgColor/default", + "name": "label/lemon/bgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0.7 + "r": 0.9686274509803922, + "g": 0.9333333333333333, + "b": 0.6313725490196078, + "a": 1 }, "type": "COLOR", - "alpha": 0.7, - "refId": "mode/header/fgColor/default", - "reference": "base/color/light/base/color/white", + "refId": "mode/label/lemon/bgColor/rest", + "reference": "base/color/light/base/display/color/lemon/0", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/variable", + "name": "label/brown/fgColor/active", "value": { - "r": 0.5843137254901961, - "g": 0.2196078431372549, - "b": 0, + "r": 0.3176470588235294, + "g": 0.2549019607843137, + "b": 0.1843137254901961, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/variable", - "reference": "base/color/light/base/color/orange/6", + "refId": "mode/label/brown/fgColor/active", + "reference": "base/color/light/base/display/color/brown/8", "collection": "mode", "mode": "light", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/support", + "name": "label/brown/fgColor/hover", "value": { - "r": 0.0196078431372549, - "g": 0.3137254901960784, - "b": 0.6823529411764706, + "r": 0.39215686274509803, + "g": 0.3176470588235294, + "b": 0.22745098039215686, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/support", - "reference": "base/color/light/base/color/blue/6", + "refId": "mode/label/brown/fgColor/hover", + "reference": "base/color/light/base/display/color/brown/7", "collection": "mode", "mode": "light", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/string", + "name": "label/brown/fgColor/rest", "value": { - "r": 0.0392156862745098, - "g": 0.18823529411764706, - "b": 0.4117647058823529, + "r": 0.4588235294117647, + "g": 0.37254901960784315, + "b": 0.2627450980392157, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/string", - "reference": "base/color/light/base/color/blue/8", + "refId": "mode/label/brown/fgColor/rest", + "reference": "base/color/light/base/display/color/brown/6", "collection": "mode", "mode": "light", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/storage", + "name": "label/brown/bgColor/active", "value": { - "r": 0.8117647058823529, - "g": 0.13333333333333333, - "b": 0.1803921568627451, + "r": 0.796078431372549, + "g": 0.7411764705882353, + "b": 0.6431372549019608, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/storage", - "reference": "base/color/light/base/color/red/5", + "refId": "mode/label/brown/bgColor/active", + "reference": "base/color/light/base/display/color/brown/2", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/keyword", + "name": "label/brown/bgColor/hover", "value": { - "r": 0.8117647058823529, - "g": 0.13333333333333333, - "b": 0.1803921568627451, + "r": 0.8745098039215686, + "g": 0.8431372549019608, + "b": 0.7843137254901961, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/keyword", - "reference": "base/color/light/base/color/red/5", + "refId": "mode/label/brown/bgColor/hover", + "reference": "base/color/light/base/display/color/brown/1", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/entity", + "name": "label/brown/bgColor/rest", "value": { - "r": 0.5098039215686274, - "g": 0.3137254901960784, - "b": 0.8745098039215686, + "r": 0.9333333333333333, + "g": 0.9176470588235294, + "b": 0.8862745098039215, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/entity", - "reference": "base/color/light/base/color/purple/5", + "refId": "mode/label/brown/bgColor/rest", + "reference": "base/color/light/base/display/color/brown/0", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/constant", + "name": "label/auburn/fgColor/active", "value": { - "r": 0.0196078431372549, - "g": 0.3137254901960784, - "b": 0.6823529411764706, + "r": 0.36470588235294116, + "g": 0.2235294117647059, + "b": 0.21568627450980393, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/constant", - "reference": "base/color/light/base/color/blue/6", + "refId": "mode/label/auburn/fgColor/active", + "reference": "base/color/light/base/display/color/auburn/8", "collection": "mode", "mode": "light", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/syntax/fgColor/comment", + "name": "label/auburn/fgColor/hover", "value": { - "r": 0.1411764705882353, - "g": 0.1607843137254902, - "b": 0.1843137254901961, + "r": 0.4549019607843137, + "g": 0.2784313725490196, + "b": 0.26666666666666666, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/syntax/fgColor/comment", - "reference": "base/color/light/base/color/gray/9", + "refId": "mode/label/auburn/fgColor/hover", + "reference": "base/color/light/base/display/color/auburn/7", "collection": "mode", "mode": "light", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/hunk/bgColor/num", + "name": "label/auburn/fgColor/rest", "value": { - "r": 0.32941176470588235, - "g": 0.6823529411764706, - "b": 1, - "a": 0.4 + "r": 0.5411764705882353, + "g": 0.3333333333333333, + "b": 0.3176470588235294, + "a": 1 }, "type": "COLOR", - "alpha": 0.4, - "refId": "mode/diffBlob/hunk/bgColor/num", - "reference": "base/color/light/base/color/blue/3", + "refId": "mode/label/auburn/fgColor/rest", + "reference": "base/color/light/base/display/color/auburn/6", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/bgColor/word", + "name": "label/auburn/bgColor/active", "value": { - "r": 1, - "g": 0.5058823529411764, - "b": 0.5098039215686274, - "a": 0.4 + "r": 0.8313725490196079, + "g": 0.7176470588235294, + "b": 0.7098039215686275, + "a": 1 }, "type": "COLOR", - "alpha": 0.4, - "refId": "mode/diffBlob/deletion/bgColor/word", - "reference": "base/color/light/base/color/red/3", + "refId": "mode/label/auburn/bgColor/active", + "reference": "base/color/light/base/display/color/auburn/2", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/bgColor/line", + "name": "label/auburn/bgColor/hover", "value": { - "r": 1, - "g": 0.9215686274509803, - "b": 0.9137254901960784, + "r": 0.9019607843137255, + "g": 0.8392156862745098, + "b": 0.8352941176470589, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/deletion/bgColor/line", - "reference": "base/color/light/base/color/red/0", + "refId": "mode/label/auburn/bgColor/hover", + "reference": "base/color/light/base/display/color/auburn/1", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/bgColor/num", + "name": "label/auburn/bgColor/rest", "value": { - "r": 1, - "g": 0.807843137254902, - "b": 0.796078431372549, + "r": 0.9490196078431372, + "g": 0.9137254901960784, + "b": 0.9137254901960784, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/deletion/bgColor/num", - "reference": "base/color/light/base/color/red/1", + "refId": "mode/label/auburn/bgColor/rest", + "reference": "base/color/light/base/display/color/auburn/0", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/addition/bgColor/word", + "name": "label/gray/fgColor/active", "value": { - "r": 0.6745098039215687, - "g": 0.9333333333333333, - "b": 0.7333333333333333, + "r": 0.25882352941176473, + "g": 0.26666666666666666, + "b": 0.2823529411764706, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/addition/bgColor/word", - "reference": "base/color/light/base/color/green/1", + "refId": "mode/label/gray/fgColor/active", + "reference": "base/color/light/base/display/color/gray/8", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/addition/bgColor/line", + "name": "label/gray/fgColor/hover", "value": { - "r": 0.8549019607843137, - "g": 0.984313725490196, - "b": 0.8823529411764706, + "r": 0.3058823529411765, + "g": 0.3254901960784314, + "b": 0.35294117647058826, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/addition/bgColor/line", - "reference": "base/color/light/base/color/green/0", + "refId": "mode/label/gray/fgColor/hover", + "reference": "base/color/light/base/display/color/gray/7", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/addition/bgColor/num", + "name": "label/gray/fgColor/rest", "value": { - "r": 0.8196078431372549, - "g": 0.9725490196078431, - "b": 0.8509803921568627, + "r": 0.3607843137254902, + "g": 0.396078431372549, + "b": 0.4392156862745098, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/diffBlob/addition/bgColor/num", - "reference": "base/color/light/base/color/green/1", + "refId": "mode/label/gray/fgColor/rest", + "reference": "base/color/light/base/display/color/gray/6", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "highlight/neutral/bgColor", + "name": "label/gray/bgColor/active", "value": { - "r": 1, - "g": 0.9725490196078431, - "b": 0.7725490196078432, + "r": 0.7058823529411765, + "g": 0.7529411764705882, + "b": 0.8117647058823529, "a": 1 }, "type": "COLOR", - "refId": "mode/highlight/neutral/bgColor", - "reference": "base/color/light/base/color/yellow/0", + "refId": "mode/label/gray/bgColor/active", + "reference": "base/color/light/base/display/color/gray/2", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "topicTag/borderColor", + "name": "label/gray/bgColor/hover", "value": { - "r": 1, - "g": 1, - "b": 1, - "a": 0 + "r": 0.8235294117647058, + "g": 0.8549019607843137, + "b": 0.8941176470588236, + "a": 1 }, "type": "COLOR", - "refId": "mode/topicTag/borderColor", - "reference": "base/color/light/base/color/transparent", + "refId": "mode/label/gray/bgColor/hover", + "reference": "base/color/light/base/display/color/gray/1", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "borderColor/open-emphasis", + "name": "label/gray/bgColor/rest", "value": { - "r": 0.10196078431372549, - "g": 0.4980392156862745, - "b": 0.21568627450980393, + "r": 0.9098039215686274, + "g": 0.9254901960784314, + "b": 0.9490196078431372, "a": 1 }, "type": "COLOR", - "refId": "mode/borderColor/open-emphasis", - "reference": "mode/borderColor/success-emphasis", + "refId": "mode/label/gray/bgColor/rest", + "reference": "base/color/light/base/display/color/gray/0", "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["STROKE_COLOR"], - "codeSyntax": { - "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" - } + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "borderColor/open-muted", + "name": "label/yellow/fgColor/active", "value": { - "r": 0.2901960784313726, - "g": 0.7607843137254902, - "b": 0.4196078431372549, - "a": 0.4 + "r": 0.3607843137254902, + "g": 0.23921568627450981, + "b": 0, + "a": 1 }, "type": "COLOR", - "refId": "mode/borderColor/open-muted", - "reference": "mode/borderColor/success-muted", + "refId": "mode/label/yellow/fgColor/active", + "reference": "base/color/light/base/display/color/yellow/8", "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["STROKE_COLOR"], - "codeSyntax": { - "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" - } + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "borderColor/disabled", + "name": "label/yellow/fgColor/hover", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.4392156862745098, + "g": 0.30196078431372547, + "b": 0, "a": 1 }, "type": "COLOR", - "refId": "mode/borderColor/disabled", - "reference": "mode/bgColor/disabled", + "refId": "mode/label/yellow/fgColor/hover", + "reference": "base/color/light/base/display/color/yellow/7", "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "borderColor/muted", + "name": "label/yellow/fgColor/rest", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, - "a": 0.5 + "r": 0.5019607843137255, + "g": 0.34901960784313724, + "b": 0, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/borderColor/muted", - "reference": "mode/borderColor/default", + "refId": "mode/label/yellow/fgColor/rest", + "reference": "base/color/light/base/display/color/yellow/6", "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["STROKE_COLOR"], - "codeSyntax": { - "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" - } + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "bgColor/open-emphasis", + "name": "label/yellow/bgColor/active", "value": { - "r": 0.12156862745098039, - "g": 0.5333333333333333, - "b": 0.23921568627450981, + "r": 0.9215686274509803, + "g": 0.7058823529411765, + "b": 0, "a": 1 }, "type": "COLOR", - "refId": "mode/bgColor/open-emphasis", - "reference": "mode/bgColor/success-emphasis", + "refId": "mode/label/yellow/bgColor/active", + "reference": "base/color/light/base/display/color/yellow/2", "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" - } + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "bgColor/open-muted", + "name": "label/yellow/bgColor/hover", "value": { - "r": 0.8549019607843137, - "g": 0.984313725490196, - "b": 0.8823529411764706, + "r": 1, + "g": 0.8392156862745098, + "b": 0.25882352941176473, "a": 1 }, "type": "COLOR", - "refId": "mode/bgColor/open-muted", - "reference": "mode/bgColor/success-muted", + "refId": "mode/label/yellow/bgColor/hover", + "reference": "base/color/light/base/display/color/yellow/1", "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" - } + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "fgColor/closed", + "name": "label/yellow/bgColor/rest", "value": { - "r": 0.8196078431372549, - "g": 0.1411764705882353, - "b": 0.1843137254901961, + "r": 1, + "g": 0.9254901960784314, + "b": 0.6196078431372549, "a": 1 }, "type": "COLOR", - "refId": "mode/fgColor/closed", - "reference": "mode/fgColor/danger", + "refId": "mode/label/yellow/bgColor/rest", + "reference": "base/color/light/base/display/color/yellow/0", "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["TEXT_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" - } + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "fgColor/open", + "name": "label/red/fgColor/active", "value": { - "r": 0.10196078431372549, - "g": 0.4980392156862745, - "b": 0.21568627450980393, + "r": 0.5333333333333333, + "g": 0.047058823529411764, + "b": 0.15294117647058825, "a": 1 }, "type": "COLOR", - "refId": "mode/fgColor/open", - "reference": "mode/fgColor/success", + "refId": "mode/label/red/fgColor/active", + "reference": "base/color/light/base/display/color/red/8", "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["TEXT_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--fgColor-open) /* utility class: .color-fg-open */" - } + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "fgColor/link", + "name": "label/red/fgColor/hover", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, + "r": 0.6509803921568628, + "g": 0.047058823529411764, + "b": 0.1607843137254902, "a": 1 }, "type": "COLOR", - "refId": "mode/fgColor/link", - "reference": "mode/fgColor/accent", + "refId": "mode/label/red/fgColor/hover", + "reference": "base/color/light/base/display/color/red/7", "collection": "mode", "mode": "light", - "group": "semantic", - "scopes": ["TEXT_FILL", "SHAPE_FILL"], - "codeSyntax": { - "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" - } + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "underlineNav/iconColor/rest", + "name": "label/red/fgColor/rest", "value": { - "r": 0.38823529411764707, - "g": 0.4235294117647059, - "b": 0.4627450980392157, + "r": 0.7725490196078432, + "g": 0.050980392156862744, + "b": 0.1568627450980392, "a": 1 }, "type": "COLOR", - "refId": "mode/underlineNav/iconColor/rest", - "reference": "mode/fgColor/muted", + "refId": "mode/label/red/fgColor/rest", + "reference": "base/color/light/base/display/color/red/6", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "underlineNav/borderColor/hover", + "name": "label/red/bgColor/active", "value": { - "r": 0.6862745098039216, - "g": 0.7215686274509804, - "b": 0.7568627450980392, - "a": 0.2 + "r": 0.9921568627450981, + "g": 0.6470588235294118, + "b": 0.6549019607843137, + "a": 1 }, "type": "COLOR", - "refId": "mode/underlineNav/borderColor/hover", - "reference": "mode/borderColor/neutral-muted", + "refId": "mode/label/red/bgColor/active", + "reference": "base/color/light/base/display/color/red/2", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "focus/outlineColor", + "name": "label/red/bgColor/hover", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, + "r": 0.996078431372549, + "g": 0.803921568627451, + "b": 0.803921568627451, "a": 1 }, "type": "COLOR", - "refId": "mode/focus/outlineColor", - "reference": "mode/borderColor/accent-emphasis", + "refId": "mode/label/red/bgColor/hover", + "reference": "base/color/light/base/display/color/red/1", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/fgColor/disabled", + "name": "label/red/bgColor/rest", "value": { - "r": 0.8196078431372549, - "g": 0.1411764705882353, - "b": 0.1843137254901961, - "a": 0.5 + "r": 1, + "g": 0.8862745098039215, + "b": 0.8784313725490196, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/buttonCounter/danger/fgColor/disabled", - "reference": "mode/fgColor/danger", + "refId": "mode/label/red/bgColor/rest", + "reference": "base/color/light/base/display/color/red/0", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/bgColor/rest", + "name": "label/purple/fgColor/active", "value": { - "r": 0.8117647058823529, - "g": 0.13333333333333333, - "b": 0.1803921568627451, - "a": 0.1 + "r": 0.30980392156862746, + "g": 0.12941176470588237, + "b": 0.6705882352941176, + "a": 1 }, "type": "COLOR", - "alpha": 0.1, - "refId": "mode/buttonCounter/danger/bgColor/rest", - "reference": "mode/bgColor/danger-emphasis", + "refId": "mode/label/purple/fgColor/active", + "reference": "base/color/light/base/display/color/purple/8", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/danger/bgColor/disabled", + "name": "label/purple/fgColor/hover", "value": { - "r": 0.8117647058823529, - "g": 0.13333333333333333, - "b": 0.1803921568627451, - "a": 0.05 + "r": 0.3843137254901961, + "g": 0.13725490196078433, + "b": 0.8431372549019608, + "a": 1 }, "type": "COLOR", - "alpha": 0.05, - "refId": "mode/buttonCounter/danger/bgColor/disabled", - "reference": "mode/bgColor/danger-emphasis", + "refId": "mode/label/purple/fgColor/hover", + "reference": "base/color/light/base/display/color/purple/7", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/fgColor/disabled", + "name": "label/purple/fgColor/rest", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, - "a": 0.5 + "r": 0.47058823529411764, + "g": 0.22745098039215686, + "b": 0.8941176470588236, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/buttonCounter/outline/fgColor/disabled", - "reference": "mode/fgColor/accent", + "refId": "mode/label/purple/fgColor/rest", + "reference": "base/color/light/base/display/color/purple/6", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/bgColor/disabled", + "name": "label/purple/bgColor/active", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, - "a": 0.05 + "r": 0.8196078431372549, + "g": 0.6941176470588235, + "b": 0.9882352941176471, + "a": 1 }, "type": "COLOR", - "alpha": 0.05, - "refId": "mode/buttonCounter/outline/bgColor/disabled", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/label/purple/bgColor/active", + "reference": "base/color/light/base/display/color/purple/2", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/outline/bgColor/rest", + "name": "label/purple/bgColor/hover", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, - "a": 0.1 + "r": 0.9019607843137255, + "g": 0.8235294117647058, + "b": 0.996078431372549, + "a": 1 }, "type": "COLOR", - "alpha": 0.1, - "refId": "mode/buttonCounter/outline/bgColor/rest", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/label/purple/bgColor/hover", + "reference": "base/color/light/base/display/color/purple/1", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/invisible/bgColor/rest", + "name": "label/purple/bgColor/rest", "value": { - "r": 0.6862745098039216, - "g": 0.7215686274509804, - "b": 0.7568627450980392, - "a": 0.2 + "r": 0.9450980392156862, + "g": 0.8980392156862745, + "b": 1, + "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/invisible/bgColor/rest", - "reference": "mode/bgColor/neutral-muted", + "refId": "mode/label/purple/bgColor/rest", + "reference": "base/color/light/base/display/color/purple/0", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "buttonCounter/default/bgColor/rest", + "name": "label/orange/fgColor/active", "value": { - "r": 0.6862745098039216, - "g": 0.7215686274509804, - "b": 0.7568627450980392, - "a": 0.2 + "r": 0.4392156862745098, + "g": 0.18823529411764706, + "b": 0.058823529411764705, + "a": 1 }, "type": "COLOR", - "refId": "mode/buttonCounter/default/bgColor/rest", - "reference": "mode/bgColor/neutral-muted", + "refId": "mode/label/orange/fgColor/active", + "reference": "base/color/light/base/display/color/orange/8", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/borderColor/active", + "name": "label/orange/fgColor/hover", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, - "a": 0.15 + "r": 0.5529411764705883, + "g": 0.23529411764705882, + "b": 0.06666666666666667, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/borderColor/active", - "reference": "mode/button/danger/borderColor/hover", + "refId": "mode/label/orange/fgColor/hover", + "reference": "base/color/light/base/display/color/orange/7", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/borderColor/rest", + "name": "label/orange/fgColor/rest", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, + "r": 0.6352941176470588, + "g": 0.27450980392156865, + "b": 0.06274509803921569, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/borderColor/rest", - "reference": "mode/borderColor/default", + "refId": "mode/label/orange/fgColor/rest", + "reference": "base/color/light/base/display/color/orange/6", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/bgColor/rest", + "name": "label/orange/bgColor/active", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.984313725490196, + "g": 0.6862745098039216, + "b": 0.4549019607843137, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/bgColor/rest", - "reference": "mode/control/bgColor/rest", + "refId": "mode/label/orange/bgColor/active", + "reference": "base/color/light/base/display/color/orange/2", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/iconColor/rest", + "name": "label/orange/bgColor/hover", "value": { - "r": 0.8196078431372549, - "g": 0.1411764705882353, - "b": 0.1843137254901961, + "r": 0.996078431372549, + "g": 0.8117647058823529, + "b": 0.6666666666666666, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/iconColor/rest", - "reference": "mode/fgColor/danger", + "refId": "mode/label/orange/bgColor/hover", + "reference": "base/color/light/base/display/color/orange/1", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "label/orange/bgColor/rest", + "value": { + "r": 1, + "g": 0.9058823529411765, + "b": 0.8196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/label/orange/bgColor/rest", + "reference": "base/color/light/base/display/color/orange/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "label/green/fgColor/active", + "value": { + "r": 0.1450980392156863, + "g": 0.29411764705882354, + "b": 0.20392156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/label/green/fgColor/active", + "reference": "base/color/light/base/display/color/green/8", + "collection": "mode", + "mode": "light", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/fgColor/disabled", + "name": "label/green/fgColor/hover", "value": { - "r": 0.8196078431372549, - "g": 0.1411764705882353, - "b": 0.1843137254901961, - "a": 0.5 + "r": 0.1568627450980392, + "g": 0.3607843137254902, + "b": 0.23137254901960785, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/button/danger/fgColor/disabled", - "reference": "mode/fgColor/danger", + "refId": "mode/label/green/fgColor/hover", + "reference": "base/color/light/base/display/color/green/7", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/fgColor/rest", + "name": "label/green/fgColor/rest", "value": { - "r": 0.8196078431372549, - "g": 0.1411764705882353, - "b": 0.1843137254901961, + "r": 0.16862745098039217, + "g": 0.43137254901960786, + "b": 0.24705882352941178, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/fgColor/rest", - "reference": "mode/fgColor/danger", + "refId": "mode/label/green/fgColor/rest", + "reference": "base/color/light/base/display/color/green/6", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/borderColor/active", + "name": "label/green/bgColor/active", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, - "a": 0.15 + "r": 0.32941176470588235, + "g": 0.8509803921568627, + "b": 0.3803921568627451, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/borderColor/active", - "reference": "mode/button/outline/borderColor/hover", + "refId": "mode/label/green/bgColor/active", + "reference": "base/color/light/base/display/color/green/2", "collection": "mode", "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/bgColor/active", + "name": "label/green/bgColor/hover", "value": { - "r": 0.027450980392156862, - "g": 0.3411764705882353, - "b": 0.7294117647058823, + "r": 0.611764705882353, + "g": 0.9294117647058824, + "b": 0.6274509803921569, "a": 1 }, "type": "COLOR", - "isMix": true, - "refId": "mode/button/outline/bgColor/active", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/label/green/bgColor/hover", + "reference": "base/color/light/base/display/color/green/1", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/bgColor/hover", + "name": "label/green/bgColor/rest", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, + "r": 0.792156862745098, + "g": 0.9686274509803922, + "b": 0.792156862745098, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/bgColor/hover", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/label/green/bgColor/rest", + "reference": "base/color/light/base/display/color/green/0", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/bgColor/rest", + "name": "underlineNav/borderColor/active", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.9921568627450981, + "g": 0.5490196078431373, + "b": 0.45098039215686275, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/bgColor/rest", - "reference": "mode/control/bgColor/rest", + "refId": "mode/underlineNav/borderColor/active", + "reference": "base/color/light/base/color/coral/3", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "button/outline/fgColor/disabled", + "name": "treeViewItem/leadingVisual/iconColor/rest", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, - "a": 0.5 + "r": 0.32941176470588235, + "g": 0.6823529411764706, + "b": 1, + "a": 1 }, "type": "COLOR", - "alpha": 0.5, - "refId": "mode/button/outline/fgColor/disabled", - "reference": "mode/fgColor/accent", + "refId": "mode/treeViewItem/leadingVisual/iconColor/rest", + "reference": "base/color/light/base/color/blue/3", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/outline/fgColor/rest", + "name": "timelineBadge/bgColor", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, "a": 1 }, "type": "COLOR", - "refId": "mode/button/outline/fgColor/rest", - "reference": "mode/fgColor/accent", + "refId": "mode/timelineBadge/bgColor", + "reference": "base/color/light/base/color/neutral/1", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/borderColor/hover", + "name": "sideNav/bgColor/selected", "value": { "r": 1, "g": 1, "b": 1, - "a": 0 + "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/borderColor/hover", - "reference": "mode/control/transparent/borderColor/hover", + "refId": "mode/sideNav/bgColor/selected", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/borderColor/rest", + "name": "selectMenu/bgColor/active", "value": { - "r": 1, - "g": 1, + "r": 0.7137254901960784, + "g": 0.8901960784313725, "b": 1, - "a": 0 + "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/borderColor/rest", - "reference": "mode/control/transparent/borderColor/rest", + "refId": "mode/selectMenu/bgColor/active", + "reference": "base/color/light/base/color/blue/1", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/bgColor/disabled", + "name": "selectMenu/borderColor", "value": { "r": 1, "g": 1, @@ -3757,47 +4108,48 @@ "a": 0 }, "type": "COLOR", - "refId": "mode/button/invisible/bgColor/disabled", - "reference": "mode/control/transparent/bgColor/disabled", + "refId": "mode/selectMenu/borderColor", + "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "button/invisible/bgColor/active", + "name": "overlay/backdrop/bgColor", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, - "a": 0.4 + "r": 0.5490196078431373, + "g": 0.5843137254901961, + "b": 0.6235294117647059, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/button/invisible/bgColor/active", - "reference": "mode/control/transparent/bgColor/active", + "alpha": 0.2, + "refId": "mode/overlay/backdrop/bgColor", + "reference": "base/color/light/base/color/neutral/4", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/bgColor/hover", + "name": "overlay/bgColor", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, - "a": 0.2 + "r": 1, + "g": 1, + "b": 1, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/bgColor/hover", - "reference": "mode/control/transparent/bgColor/hover", + "refId": "mode/overlay/bgColor", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/bgColor/rest", + "name": "menu/bgColor/active", "value": { "r": 1, "g": 1, @@ -3805,337 +4157,343 @@ "a": 0 }, "type": "COLOR", - "refId": "mode/button/invisible/bgColor/rest", - "reference": "mode/control/transparent/bgColor/rest", + "refId": "mode/menu/bgColor/active", + "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/iconColor/hover", + "name": "reactionButton/selected/fgColor/hover", "value": { - "r": 0.38823529411764707, - "g": 0.4235294117647059, - "b": 0.4627450980392157, + "r": 0.0196078431372549, + "g": 0.3137254901960784, + "b": 0.6823529411764706, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/iconColor/hover", - "reference": "mode/fgColor/muted", + "refId": "mode/reactionButton/selected/fgColor/hover", + "reference": "base/color/light/base/color/blue/6", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/iconColor/rest", + "name": "reactionButton/selected/bgColor/rest", "value": { - "r": 0.38823529411764707, - "g": 0.4235294117647059, - "b": 0.4627450980392157, + "r": 0.8666666666666667, + "g": 0.9568627450980393, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/iconColor/rest", - "reference": "mode/fgColor/muted", + "refId": "mode/reactionButton/selected/bgColor/rest", + "reference": "base/color/light/base/color/blue/0", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/fgColor/hover", + "name": "buttonCounter/danger/fgColor/hover", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/fgColor/hover", - "reference": "mode/fgColor/accent", + "refId": "mode/buttonCounter/danger/fgColor/hover", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/invisible/fgColor/rest", + "name": "buttonCounter/danger/fgColor/rest", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, + "r": 0.7607843137254902, + "g": 0.10980392156862745, + "b": 0.17254901960784313, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/fgColor/rest", - "reference": "mode/fgColor/accent", + "isMix": true, + "refId": "mode/buttonCounter/danger/fgColor/rest", + "reference": "base/color/light/base/color/red/5", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/borderColor/disabled", + "name": "buttonCounter/danger/bgColor/hover", "value": { - "r": 0.5843137254901961, - "g": 0.8470588235294118, - "b": 0.6509803921568628, - "a": 1 + "r": 1, + "g": 1, + "b": 1, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/button/primary/borderColor/disabled", - "reference": "mode/button/primary/bgColor/disabled", + "alpha": 0.2, + "refId": "mode/buttonCounter/danger/bgColor/hover", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/borderColor/active", + "name": "buttonCounter/outline/fgColor/hover", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, - "a": 0.15 + "r": 1, + "g": 1, + "b": 1, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/primary/borderColor/active", - "reference": "mode/button/primary/borderColor/rest", + "refId": "mode/buttonCounter/outline/fgColor/hover", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/borderColor/hover", + "name": "buttonCounter/outline/fgColor/rest", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, - "a": 0.15 + "r": 0.0196078431372549, + "g": 0.3137254901960784, + "b": 0.6823529411764706, + "a": 1 }, "type": "COLOR", - "refId": "mode/button/primary/borderColor/hover", - "reference": "mode/button/primary/borderColor/rest", + "refId": "mode/buttonCounter/outline/fgColor/rest", + "reference": "base/color/light/base/color/blue/6", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/bgColor/active", + "name": "buttonCounter/outline/bgColor/hover", "value": { - "r": 0.09803921568627451, - "g": 0.4745098039215686, - "b": 0.20784313725490197, - "a": 1 + "r": 1, + "g": 1, + "b": 1, + "a": 0.2 }, "type": "COLOR", - "isMix": true, - "refId": "mode/button/primary/bgColor/active", - "reference": "mode/bgColor/success-emphasis", + "alpha": 0.2, + "refId": "mode/buttonCounter/outline/bgColor/hover", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/bgColor/hover", + "name": "buttonCounter/primary/bgColor/rest", "value": { - "r": 0.10980392156862745, - "g": 0.5058823529411764, - "b": 0.2235294117647059, - "a": 1 + "r": 0, + "g": 0.17647058823529413, + "b": 0.06666666666666667, + "a": 0.2 }, "type": "COLOR", - "isMix": true, - "refId": "mode/button/primary/bgColor/hover", - "reference": "mode/bgColor/success-emphasis", + "alpha": 0.2, + "refId": "mode/buttonCounter/primary/bgColor/rest", + "reference": "base/color/light/base/color/green/9", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/primary/bgColor/rest", + "name": "button/star/iconColor", "value": { - "r": 0.12156862745098039, - "g": 0.5333333333333333, - "b": 0.23921568627450981, + "r": 0.9176470588235294, + "g": 0.7725490196078432, + "b": 0.30980392156862746, "a": 1 }, "type": "COLOR", - "refId": "mode/button/primary/bgColor/rest", - "reference": "mode/bgColor/success-emphasis", + "refId": "mode/button/star/iconColor", + "reference": "base/color/light/base/color/yellow/2", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/borderColor/active", + "name": "button/inactive/bgColor", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/borderColor/active", - "reference": "mode/borderColor/default", + "refId": "mode/button/inactive/bgColor", + "reference": "base/color/light/base/color/neutral/1", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/borderColor/hover", + "name": "button/inactive/fgColor", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, + "r": 0.3411764705882353, + "g": 0.3764705882352941, + "b": 0.41568627450980394, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/borderColor/hover", - "reference": "mode/borderColor/default", + "refId": "mode/button/inactive/fgColor", + "reference": "base/color/light/base/color/neutral/6", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "button/default/borderColor/rest", - "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/button/default/borderColor/rest", - "reference": "mode/borderColor/default", + "name": "button/danger/shadow/selected/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/danger/shadow/selected/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "collection": "mode", + "group": "component shadow" }, { - "name": "button/default/bgColor/selected", + "name": "button/danger/shadow/selected/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/danger/shadow/selected/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/danger/shadow/selected/color", "value": { - "r": 0.9058823529411765, - "g": 0.9215686274509803, - "b": 0.9372549019607843, - "a": 1 + "r": 0.2980392156862745, + "g": 0, + "b": 0.0784313725490196, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/button/default/bgColor/selected", - "reference": "mode/control/bgColor/active", - "collection": "mode", + "scopes": ["EFFECT_COLOR"], "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "button/default/bgColor/active", + "name": "button/danger/borderColor/hover", "value": { - "r": 0.9058823529411765, - "g": 0.9215686274509803, - "b": 0.9372549019607843, - "a": 1 + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.15 }, "type": "COLOR", - "refId": "mode/button/default/bgColor/active", - "reference": "mode/control/bgColor/active", + "alpha": 0.15, + "refId": "mode/button/danger/borderColor/hover", + "reference": "base/color/light/base/color/black", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "button/default/bgColor/hover", + "name": "button/danger/bgColor/active", "value": { - "r": 0.9333333333333333, - "g": 0.9450980392156862, - "b": 0.9568627450980393, + "r": 0.5450980392156862, + "g": 0.03137254901960784, + "b": 0.12549019607843137, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/bgColor/hover", - "reference": "mode/control/bgColor/hover", + "isMix": true, + "refId": "mode/button/danger/bgColor/active", + "reference": "base/color/light/base/color/red/6", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/bgColor/rest", + "name": "button/danger/bgColor/hover", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.6431372549019608, + "g": 0.054901960784313725, + "b": 0.14901960784313725, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/bgColor/rest", - "reference": "mode/control/bgColor/rest", + "refId": "mode/button/danger/bgColor/hover", + "reference": "base/color/light/base/color/red/6", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/default/fgColor/rest", + "name": "button/danger/iconColor/hover", "value": { - "r": 0.1411764705882353, - "g": 0.1607843137254902, - "b": 0.1843137254901961, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/default/fgColor/rest", - "reference": "mode/control/fgColor/rest", + "refId": "mode/button/danger/iconColor/hover", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/borderColor/rest", + "name": "button/danger/fgColor/active", "value": { - "r": 0.5254901960784314, - "g": 0.5607843137254902, - "b": 0.6, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/borderColor/rest", - "reference": "mode/control/borderColor/emphasis", + "refId": "mode/button/danger/fgColor/active", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["STROKE_COLOR"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/borderColor/disabled", - "value": { - "r": 0.5490196078431373, - "g": 0.5843137254901961, - "b": 0.6235294117647059, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/controlTrack/borderColor/disabled", - "reference": "mode/fgColor/disabled", - "collection": "mode", - "mode": "light", - "group": "component (internal)", - "scopes": ["STROKE_COLOR"] - }, - { - "name": "controlTrack/fgColor/disabled", + "name": "button/danger/fgColor/hover", "value": { "r": 1, "g": 1, @@ -4143,113 +4501,98 @@ "a": 1 }, "type": "COLOR", - "refId": "mode/controlTrack/fgColor/disabled", - "reference": "mode/fgColor/onEmphasis", + "refId": "mode/button/danger/fgColor/hover", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlTrack/fgColor/rest", - "value": { - "r": 0.38823529411764707, - "g": 0.4235294117647059, - "b": 0.4627450980392157, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/controlTrack/fgColor/rest", - "reference": "mode/fgColor/muted", - "collection": "mode", + "name": "button/outline/shadow/selected/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "light", - "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "controlTrack/bgColor/disabled", - "value": { - "r": 0.5490196078431373, - "g": 0.5843137254901961, - "b": 0.6235294117647059, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/controlTrack/bgColor/disabled", - "reference": "mode/fgColor/disabled", - "collection": "mode", + "name": "button/outline/shadow/selected/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "light", - "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/checked/borderColor/disabled", - "value": { - "r": 0.5490196078431373, - "g": 0.5843137254901961, - "b": 0.6235294117647059, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/control/checked/borderColor/disabled", - "reference": "mode/fgColor/disabled", + "name": "button/outline/shadow/selected/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/outline/shadow/selected/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "light", - "group": "component", - "scopes": ["STROKE_COLOR"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/checked/borderColor/active", + "name": "button/outline/shadow/selected/color", "value": { - "r": 0.027450980392156862, - "g": 0.3411764705882353, - "b": 0.7294117647058823, - "a": 1 + "r": 0, + "g": 0.12941176470588237, + "b": 0.3333333333333333, + "a": 0.2 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/checked/borderColor/active", - "reference": "mode/bgColor/accent-emphasis", - "collection": "mode", + "scopes": ["EFFECT_COLOR"], "mode": "light", - "group": "component", - "scopes": ["STROKE_COLOR"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/checked/borderColor/hover", + "name": "button/outline/borderColor/hover", "value": { - "r": 0.03137254901960784, - "g": 0.3764705882352941, - "b": 0.792156862745098, - "a": 1 + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.15 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/checked/borderColor/hover", - "reference": "mode/bgColor/accent-emphasis", + "alpha": 0.15, + "refId": "mode/button/outline/borderColor/hover", + "reference": "base/color/light/base/color/black", "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { - "name": "control/checked/borderColor/rest", + "name": "button/outline/bgColor/disabled", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, + "r": 0.9647058823529412, + "g": 0.9725490196078431, + "b": 0.9803921568627451, "a": 1 }, "type": "COLOR", - "refId": "mode/control/checked/borderColor/rest", - "reference": "mode/bgColor/accent-emphasis", + "refId": "mode/button/outline/bgColor/disabled", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/fgColor/disabled", + "name": "button/outline/fgColor/active", "value": { "r": 1, "g": 1, @@ -4257,15 +4600,15 @@ "a": 1 }, "type": "COLOR", - "refId": "mode/control/checked/fgColor/disabled", - "reference": "mode/fgColor/onEmphasis", + "refId": "mode/button/outline/fgColor/active", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/fgColor/rest", + "name": "button/outline/fgColor/hover", "value": { "r": 1, "g": 1, @@ -4273,681 +4616,5345 @@ "a": 1 }, "type": "COLOR", - "refId": "mode/control/checked/fgColor/rest", - "reference": "mode/fgColor/onEmphasis", + "refId": "mode/button/outline/fgColor/hover", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/checked/bgColor/disabled", - "value": { - "r": 0.5490196078431373, - "g": 0.5843137254901961, - "b": 0.6235294117647059, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/control/checked/bgColor/disabled", - "reference": "mode/fgColor/disabled", + "name": "button/primary/shadow/selected/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/primary/shadow/selected/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "light", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/checked/bgColor/active", + "name": "button/primary/shadow/selected/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/primary/shadow/selected/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/primary/shadow/selected/color", "value": { "r": 0.027450980392156862, - "g": 0.3411764705882353, - "b": 0.7294117647058823, - "a": 1 + "g": 0.1450980392156863, + "b": 0.12156862745098039, + "a": 0.3 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/checked/bgColor/active", - "reference": "mode/bgColor/accent-emphasis", - "collection": "mode", + "scopes": ["EFFECT_COLOR"], "mode": "light", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/checked/bgColor/hover", + "name": "button/primary/borderColor/rest", "value": { - "r": 0.03137254901960784, - "g": 0.3764705882352941, - "b": 0.792156862745098, - "a": 1 + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.15 }, "type": "COLOR", - "isMix": true, - "refId": "mode/control/checked/bgColor/hover", - "reference": "mode/bgColor/accent-emphasis", + "alpha": 0.15, + "refId": "mode/button/primary/borderColor/rest", + "reference": "base/color/light/base/color/black", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] }, { - "name": "control/checked/bgColor/rest", + "name": "button/primary/bgColor/disabled", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, + "r": 0.5843137254901961, + "g": 0.8470588235294118, + "b": 0.6509803921568628, "a": 1 }, "type": "COLOR", - "refId": "mode/control/checked/bgColor/rest", - "reference": "mode/bgColor/accent-emphasis", + "isMix": true, + "refId": "mode/button/primary/bgColor/disabled", + "reference": "base/color/light/base/color/green/4", "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/danger/bgColor/active", + "name": "button/primary/fgColor/disabled", "value": { "r": 1, - "g": 0.9215686274509803, - "b": 0.9137254901960784, - "a": 0.4 + "g": 1, + "b": 1, + "a": 0.8 }, "type": "COLOR", - "alpha": 0.4, - "refId": "mode/control/danger/bgColor/active", - "reference": "mode/bgColor/danger-muted", + "alpha": 0.8, + "refId": "mode/button/primary/fgColor/disabled", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "control/danger/bgColor/hover", - "value": { - "r": 1, - "g": 0.9215686274509803, - "b": 0.9137254901960784, - "a": 1 - }, - "type": "COLOR", - "refId": "mode/control/danger/bgColor/hover", - "reference": "mode/bgColor/danger-muted", + "name": "button/default/shadow/resting/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/default/shadow/resting/offsetY", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], "mode": "light", - "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/danger/fgColor/hover", + "name": "button/default/shadow/resting/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/default/shadow/resting/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "button/default/shadow/resting/color", "value": { - "r": 0.8196078431372549, - "g": 0.1411764705882353, - "b": 0.1843137254901961, - "a": 1 + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.04 }, "type": "COLOR", - "refId": "mode/control/danger/fgColor/hover", - "reference": "mode/fgColor/danger", - "collection": "mode", + "scopes": ["EFFECT_COLOR"], "mode": "light", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "collection": "mode", + "group": "component shadow" }, { - "name": "control/danger/fgColor/rest", + "name": "counter/borderColor", "value": { - "r": 0.8196078431372549, - "g": 0.1411764705882353, - "b": 0.1843137254901961, - "a": 1 + "r": 1, + "g": 1, + "b": 1, + "a": 0 }, "type": "COLOR", - "refId": "mode/control/danger/fgColor/rest", - "reference": "mode/fgColor/danger", + "refId": "mode/counter/borderColor", + "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] }, { - "name": "control/iconColor/rest", + "name": "controlKnob/bgColor/checked", "value": { - "r": 0.38823529411764707, - "g": 0.4235294117647059, - "b": 0.4627450980392157, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/control/iconColor/rest", - "reference": "mode/fgColor/muted", + "refId": "mode/controlKnob/bgColor/checked", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/warning", + "name": "controlKnob/bgColor/rest", "value": { - "r": 0.7490196078431373, - "g": 0.5294117647058824, - "b": 0, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/control/borderColor/warning", - "reference": "mode/borderColor/attention-emphasis", + "refId": "mode/controlKnob/bgColor/rest", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/danger", + "name": "controlTrack/borderColor/rest", "value": { - "r": 0.8117647058823529, - "g": 0.13333333333333333, - "b": 0.1803921568627451, - "a": 1 + "r": 1, + "g": 1, + "b": 1, + "a": 0 }, "type": "COLOR", - "refId": "mode/control/borderColor/danger", - "reference": "mode/borderColor/danger-emphasis", + "refId": "mode/controlTrack/borderColor/rest", + "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { - "name": "control/borderColor/success", + "name": "controlTrack/bgColor/active", "value": { - "r": 0.10196078431372549, - "g": 0.4980392156862745, - "b": 0.21568627450980393, + "r": 0.8235294117647058, + "g": 0.8470588235294118, + "b": 0.8705882352941177, "a": 1 }, "type": "COLOR", - "refId": "mode/control/borderColor/success", - "reference": "mode/borderColor/success-emphasis", + "isMix": true, + "refId": "mode/controlTrack/bgColor/active", + "reference": "base/color/light/base/color/neutral/1", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/rest", + "name": "controlTrack/bgColor/hover", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, + "r": 0.8705882352941177, + "g": 0.8901960784313725, + "b": 0.9098039215686274, "a": 1 }, "type": "COLOR", - "refId": "mode/control/borderColor/rest", - "reference": "mode/borderColor/default", + "isMix": true, + "refId": "mode/controlTrack/bgColor/hover", + "reference": "base/color/light/base/color/neutral/1", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["STROKE_COLOR"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/fgColor/disabled", + "name": "controlTrack/bgColor/rest", "value": { - "r": 0.5490196078431373, - "g": 0.5843137254901961, - "b": 0.6235294117647059, + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, "a": 1 }, "type": "COLOR", - "refId": "mode/control/fgColor/disabled", - "reference": "mode/fgColor/disabled", + "refId": "mode/controlTrack/bgColor/rest", + "reference": "base/color/light/base/color/neutral/1", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/bgColor/disabled", + "name": "control/transparent/borderColor/active", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, - "a": 1 + "r": 1, + "g": 1, + "b": 1, + "a": 0 }, "type": "COLOR", - "refId": "mode/control/bgColor/disabled", - "reference": "mode/bgColor/disabled", + "refId": "mode/control/transparent/borderColor/active", + "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "avatar/borderColor", + "name": "control/transparent/borderColor/hover", "value": { - "r": 0.8156862745098039, - "g": 0.8431372549019608, - "b": 0.8705882352941177, - "a": 1 + "r": 1, + "g": 1, + "b": 1, + "a": 0 }, "type": "COLOR", - "refId": "mode/avatar/borderColor", - "reference": "mode/borderColor/default", + "refId": "mode/control/transparent/borderColor/hover", + "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light", - "group": "component (internal)", + "group": "component", "scopes": ["STROKE_COLOR"] }, { - "name": "codeMirror/lines/bgColor", + "name": "control/transparent/borderColor/rest", "value": { "r": 1, "g": 1, "b": 1, - "a": 1 + "a": 0 }, "type": "COLOR", - "refId": "mode/codeMirror/lines/bgColor", - "reference": "mode/bgColor/default", + "refId": "mode/control/transparent/borderColor/rest", + "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "codeMirror/matchingBracket/fgColor", + "name": "control/transparent/bgColor/selected", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, - "a": 1 + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/codeMirror/matchingBracket/fgColor", - "reference": "mode/fgColor/default", + "alpha": 0.2, + "refId": "mode/control/transparent/bgColor/selected", + "reference": "base/color/light/base/color/neutral/2", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/activeline/bgColor", + "name": "control/transparent/bgColor/active", "value": { - "r": 0.6862745098039216, - "g": 0.7215686274509804, - "b": 0.7568627450980392, - "a": 0.2 + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.4 }, "type": "COLOR", - "refId": "mode/codeMirror/activeline/bgColor", - "reference": "mode/bgColor/neutral-muted", + "alpha": 0.4, + "refId": "mode/control/transparent/bgColor/active", + "reference": "base/color/light/base/color/neutral/2", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/selection/bgColor", + "name": "control/transparent/bgColor/hover", "value": { - "r": 0.32941176470588235, - "g": 0.6823529411764706, - "b": 1, - "a": 0.4 + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.2 }, "type": "COLOR", - "refId": "mode/codeMirror/selection/bgColor", - "reference": "mode/borderColor/accent-muted", + "alpha": 0.2, + "refId": "mode/control/transparent/bgColor/hover", + "reference": "base/color/light/base/color/neutral/2", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/cursor/fgColor", + "name": "control/transparent/bgColor/rest", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, - "a": 1 + "r": 1, + "g": 1, + "b": 1, + "a": 0 }, "type": "COLOR", - "refId": "mode/codeMirror/cursor/fgColor", - "reference": "mode/fgColor/default", + "refId": "mode/control/transparent/bgColor/rest", + "reference": "base/color/light/base/color/transparent", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/lineNumber/fgColor", + "name": "control/borderColor/selected", "value": { - "r": 0.38823529411764707, - "g": 0.4235294117647059, - "b": 0.4627450980392157, + "r": 0.9647058823529412, + "g": 0.9725490196078431, + "b": 0.9803921568627451, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/lineNumber/fgColor", - "reference": "mode/fgColor/muted", + "refId": "mode/control/borderColor/selected", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "codeMirror/gutterMarker/fgColor/muted", + "name": "control/borderColor/emphasis", "value": { - "r": 0.38823529411764707, - "g": 0.4235294117647059, - "b": 0.4627450980392157, + "r": 0.5254901960784314, + "g": 0.5607843137254902, + "b": 0.6, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/gutterMarker/fgColor/muted", - "reference": "mode/fgColor/muted", + "isMix": true, + "refId": "mode/control/borderColor/emphasis", + "reference": "base/color/light/base/color/neutral/4", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "codeMirror/gutterMarker/fgColor/default", + "name": "control/fgColor/placeholder", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.43137254901960786, + "g": 0.4666666666666667, + "b": 0.5058823529411764, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/gutterMarker/fgColor/default", - "reference": "mode/bgColor/default", + "refId": "mode/control/fgColor/placeholder", + "reference": "base/color/light/base/color/neutral/5", "collection": "mode", "mode": "light", "group": "component", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/gutters/bgColor", + "name": "control/fgColor/rest", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.1411764705882353, + "g": 0.1607843137254902, + "b": 0.1843137254901961, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/gutters/bgColor", - "reference": "mode/bgColor/default", + "refId": "mode/control/fgColor/rest", + "reference": "base/color/light/base/color/neutral/9", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/bgColor", + "name": "control/bgColor/selected", "value": { - "r": 1, - "g": 1, - "b": 1, + "r": 0.9647058823529412, + "g": 0.9725490196078431, + "b": 0.9803921568627451, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/bgColor", - "reference": "mode/bgColor/default", + "refId": "mode/control/bgColor/selected", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", "group": "component", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "codeMirror/fgColor", + "name": "control/bgColor/active", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, + "r": 0.9058823529411765, + "g": 0.9215686274509803, + "b": 0.9372549019607843, "a": 1 }, "type": "COLOR", - "refId": "mode/codeMirror/fgColor", - "reference": "mode/fgColor/default", + "isMix": true, + "refId": "mode/control/bgColor/active", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/expander/iconColor", + "name": "control/bgColor/hover", "value": { - "r": 0.38823529411764707, - "g": 0.4235294117647059, - "b": 0.4627450980392157, + "r": 0.9333333333333333, + "g": 0.9450980392156862, + "b": 0.9568627450980393, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/expander/iconColor", - "reference": "mode/fgColor/muted", + "isMix": true, + "refId": "mode/control/bgColor/hover", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/fgColor/num", + "name": "control/bgColor/rest", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, + "r": 0.9647058823529412, + "g": 0.9725490196078431, + "b": 0.9803921568627451, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/deletion/fgColor/num", - "reference": "mode/fgColor/default", + "refId": "mode/control/bgColor/rest", + "reference": "base/color/light/base/color/neutral/0", "collection": "mode", "mode": "light", "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/deletion/fgColor/text", + "name": "avatarStack/fade/bgColor/muted", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/deletion/fgColor/text", - "reference": "mode/fgColor/default", + "refId": "mode/avatarStack/fade/bgColor/muted", + "reference": "base/color/light/base/color/neutral/2", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/addition/fgColor/num", + "name": "avatarStack/fade/bgColor/default", "value": { - "r": 0.12156862745098039, - "g": 0.13725490196078433, - "b": 0.1568627450980392, + "r": 0.6862745098039216, + "g": 0.7215686274509804, + "b": 0.7568627450980392, "a": 1 }, "type": "COLOR", - "refId": "mode/diffBlob/addition/fgColor/num", - "reference": "mode/fgColor/default", + "refId": "mode/avatarStack/fade/bgColor/default", + "reference": "base/color/light/base/color/neutral/3", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "diffBlob/addition/fgColor/text", + "name": "avatar/shadow/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/shadow/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/shadow/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/shadow/spread", + "value": 2, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/shadow/color", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 0.8 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "component shadow" + }, + { + "name": "avatar/borderColor", "value": { "r": 0.12156862745098039, "g": 0.13725490196078433, "b": 0.1568627450980392, - "a": 1 + "a": 0.15 }, "type": "COLOR", - "refId": "mode/diffBlob/addition/fgColor/text", - "reference": "mode/fgColor/default", + "alpha": 0.15, + "refId": "mode/avatar/borderColor", + "reference": "base/color/light/base/color/black", "collection": "mode", "mode": "light", - "group": "component", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] }, { - "name": "page/header/bgColor", + "name": "avatar/bgColor", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 1, + "g": 1, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/page/header/bgColor", - "reference": "mode/bgColor/muted", + "refId": "mode/avatar/bgColor", + "reference": "base/color/light/base/color/white", "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "button/danger/bgColor/disabled", + "name": "display/pink/borderColor/emphasis", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.807843137254902, + "g": 0.17254901960784313, + "b": 0.5215686274509804, "a": 1 }, "type": "COLOR", - "refId": "mode/button/danger/bgColor/disabled", - "reference": "mode/control/bgColor/disabled", + "refId": "mode/display/pink/borderColor/emphasis", + "reference": "base/color/light/base/display/color/pink/5", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["FRAME_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "button/invisible/iconColor/disabled", + "name": "display/pink/borderColor/muted", "value": { - "r": 0.5490196078431373, - "g": 0.5843137254901961, - "b": 0.6235294117647059, + "r": 0.9921568627450981, + "g": 0.788235294117647, + "b": 0.8862745098039215, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/iconColor/disabled", - "reference": "mode/control/fgColor/disabled", + "refId": "mode/display/pink/borderColor/muted", + "reference": "base/color/light/base/display/color/pink/1", "collection": "mode", "mode": "light", "group": "component (internal)", - "scopes": ["TEXT_FILL", "SHAPE_FILL"] + "scopes": ["STROKE_COLOR"] }, { - "name": "button/invisible/fgColor/disabled", + "name": "display/pink/fgColor", "value": { - "r": 0.5490196078431373, - "g": 0.5843137254901961, - "b": 0.6235294117647059, + "r": 0.6941176470588235, + "g": 0.1843137254901961, + "b": 0.4745098039215686, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/fgColor/disabled", - "reference": "mode/control/fgColor/disabled", + "refId": "mode/display/pink/fgColor", + "reference": "base/color/light/base/display/color/pink/6", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["TEXT_FILL", "SHAPE_FILL"] }, { - "name": "controlKnob/borderColor/checked", + "name": "display/pink/bgColor/emphasis", "value": { - "r": 0.03529411764705882, - "g": 0.4117647058823529, - "b": 0.8549019607843137, + "r": 0.807843137254902, + "g": 0.17254901960784313, + "b": 0.5215686274509804, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/borderColor/checked", - "reference": "mode/control/checked/bgColor/rest", + "refId": "mode/display/pink/bgColor/emphasis", + "reference": "base/color/light/base/display/color/pink/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pink/bgColor/muted", + "value": { + "r": 1, + "g": 0.8980392156862745, + "b": 0.9450980392156862, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pink/bgColor/muted", + "reference": "base/color/light/base/display/color/pink/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/indigo/borderColor/emphasis", + "value": { + "r": 0.35294117647058826, + "g": 0.3803921568627451, + "b": 0.9058823529411765, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/indigo/borderColor/emphasis", + "reference": "base/color/light/base/display/color/indigo/5", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { - "name": "controlKnob/borderColor/disabled", + "name": "display/indigo/borderColor/muted", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.8235294117647058, + "g": 0.8431372549019608, + "b": 0.996078431372549, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/borderColor/disabled", - "reference": "mode/control/bgColor/disabled", + "refId": "mode/display/indigo/borderColor/muted", + "reference": "base/color/light/base/display/color/indigo/1", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { - "name": "controlKnob/bgColor/disabled", + "name": "display/indigo/fgColor", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.28627450980392155, + "g": 0.3058823529411765, + "b": 0.8745098039215686, "a": 1 }, "type": "COLOR", - "refId": "mode/controlKnob/bgColor/disabled", - "reference": "mode/control/bgColor/disabled", + "refId": "mode/display/indigo/fgColor", + "reference": "base/color/light/base/display/color/indigo/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/indigo/bgColor/emphasis", + "value": { + "r": 0.35294117647058826, + "g": 0.3803921568627451, + "b": 0.9058823529411765, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/indigo/bgColor/emphasis", + "reference": "base/color/light/base/display/color/indigo/5", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["FRAME_FILL", "SHAPE_FILL"] }, { - "name": "control/borderColor/disabled", + "name": "display/indigo/bgColor/muted", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.8980392156862745, + "g": 0.9137254901960784, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/control/borderColor/disabled", - "reference": "mode/borderColor/disabled", + "refId": "mode/display/indigo/bgColor/muted", + "reference": "base/color/light/base/display/color/indigo/0", "collection": "mode", "mode": "light", - "group": "component", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/cyan/borderColor/emphasis", + "value": { + "r": 0, + "g": 0.4823529411764706, + "b": 0.5803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/cyan/borderColor/emphasis", + "reference": "base/color/light/base/display/color/cyan/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { - "name": "button/invisible/borderColor/disabled", + "name": "display/cyan/borderColor/muted", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0.47843137254901963, + "g": 0.9137254901960784, + "b": 1, "a": 1 }, "type": "COLOR", - "refId": "mode/button/invisible/borderColor/disabled", - "reference": "mode/control/borderColor/disabled", + "refId": "mode/display/cyan/borderColor/muted", + "reference": "base/color/light/base/display/color/cyan/1", "collection": "mode", "mode": "light", "group": "component (internal)", "scopes": ["STROKE_COLOR"] }, { - "name": "button/default/borderColor/disabled", + "name": "display/cyan/fgColor", "value": { - "r": 0.9647058823529412, - "g": 0.9725490196078431, - "b": 0.9803921568627451, + "r": 0, + "g": 0.41568627450980394, + "b": 0.5019607843137255, "a": 1 }, "type": "COLOR", + "refId": "mode/display/cyan/fgColor", + "reference": "base/color/light/base/display/color/cyan/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/cyan/bgColor/emphasis", + "value": { + "r": 0, + "g": 0.4823529411764706, + "b": 0.5803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/cyan/bgColor/emphasis", + "reference": "base/color/light/base/display/color/cyan/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/cyan/bgColor/muted", + "value": { + "r": 0.7411764705882353, + "g": 0.9568627450980393, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/cyan/bgColor/muted", + "reference": "base/color/light/base/display/color/cyan/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/teal/borderColor/emphasis", + "value": { + "r": 0.07058823529411765, + "g": 0.49411764705882355, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/borderColor/emphasis", + "reference": "base/color/light/base/display/color/teal/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/teal/borderColor/muted", + "value": { + "r": 0.5372549019607843, + "g": 0.9215686274509803, + "b": 0.8823529411764706, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/borderColor/muted", + "reference": "base/color/light/base/display/color/teal/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/teal/fgColor", + "value": { + "r": 0.06274509803921569, + "g": 0.43137254901960786, + "b": 0.4588235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/fgColor", + "reference": "base/color/light/base/display/color/teal/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/teal/bgColor/emphasis", + "value": { + "r": 0.07058823529411765, + "g": 0.49411764705882355, + "b": 0.5058823529411764, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/bgColor/emphasis", + "reference": "base/color/light/base/display/color/teal/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/teal/bgColor/muted", + "value": { + "r": 0.7803921568627451, + "g": 0.9607843137254902, + "b": 0.9372549019607843, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/teal/bgColor/muted", + "reference": "base/color/light/base/display/color/teal/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pine/borderColor/emphasis", + "value": { + "r": 0.08627450980392157, + "g": 0.49411764705882355, + "b": 0.3254901960784314, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/borderColor/emphasis", + "reference": "base/color/light/base/display/color/pine/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/pine/borderColor/muted", + "value": { + "r": 0.5019607843137255, + "g": 0.9372549019607843, + "b": 0.7254901960784313, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/borderColor/muted", + "reference": "base/color/light/base/display/color/pine/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/pine/fgColor", + "value": { + "r": 0.08235294117647059, + "g": 0.43529411764705883, + "b": 0.29411764705882354, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/fgColor", + "reference": "base/color/light/base/display/color/pine/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pine/bgColor/emphasis", + "value": { + "r": 0.08627450980392157, + "g": 0.49411764705882355, + "b": 0.3254901960784314, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/bgColor/emphasis", + "reference": "base/color/light/base/display/color/pine/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/pine/bgColor/muted", + "value": { + "r": 0.7490196078431373, + "g": 0.9725490196078431, + "b": 0.8588235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/pine/bgColor/muted", + "reference": "base/color/light/base/display/color/pine/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lime/borderColor/emphasis", + "value": { + "r": 0.3215686274509804, + "g": 0.47843137254901963, + "b": 0.1607843137254902, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/borderColor/emphasis", + "reference": "base/color/light/base/display/color/lime/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/lime/borderColor/muted", + "value": { + "r": 0.7803921568627451, + "g": 0.8980392156862745, + "b": 0.5019607843137255, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/borderColor/muted", + "reference": "base/color/light/base/display/color/lime/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/lime/fgColor", + "value": { + "r": 0.2784313725490196, + "g": 0.4235294117647059, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/fgColor", + "reference": "base/color/light/base/display/color/lime/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lime/bgColor/emphasis", + "value": { + "r": 0.3215686274509804, + "g": 0.47843137254901963, + "b": 0.1607843137254902, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/bgColor/emphasis", + "reference": "base/color/light/base/display/color/lime/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lime/bgColor/muted", + "value": { + "r": 0.8901960784313725, + "g": 0.9490196078431372, + "b": 0.7098039215686275, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lime/bgColor/muted", + "reference": "base/color/light/base/display/color/lime/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/olive/borderColor/emphasis", + "value": { + "r": 0.39215686274509803, + "g": 0.4627450980392157, + "b": 0.17647058823529413, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/borderColor/emphasis", + "reference": "base/color/light/base/display/color/olive/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/olive/borderColor/muted", + "value": { + "r": 0.8588235294117647, + "g": 0.8823529411764706, + "b": 0.4392156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/borderColor/muted", + "reference": "base/color/light/base/display/color/olive/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/olive/fgColor", + "value": { + "r": 0.33725490196078434, + "g": 0.40784313725490196, + "b": 0.17254901960784313, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/fgColor", + "reference": "base/color/light/base/display/color/olive/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/olive/bgColor/emphasis", + "value": { + "r": 0.39215686274509803, + "g": 0.4627450980392157, + "b": 0.17647058823529413, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/bgColor/emphasis", + "reference": "base/color/light/base/display/color/olive/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/olive/bgColor/muted", + "value": { + "r": 0.9411764705882353, + "g": 0.9411764705882353, + "b": 0.6784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/olive/bgColor/muted", + "reference": "base/color/light/base/display/color/olive/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lemon/borderColor/emphasis", + "value": { + "r": 0.5254901960784314, + "g": 0.43137254901960786, + "b": 0.01568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/borderColor/emphasis", + "reference": "base/color/light/base/display/color/lemon/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/lemon/borderColor/muted", + "value": { + "r": 0.9411764705882353, + "g": 0.8588235294117647, + "b": 0.23921568627450981, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/borderColor/muted", + "reference": "base/color/light/base/display/color/lemon/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/lemon/fgColor", + "value": { + "r": 0.47058823529411764, + "g": 0.3764705882352941, + "b": 0.00784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/fgColor", + "reference": "base/color/light/base/display/color/lemon/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lemon/bgColor/emphasis", + "value": { + "r": 0.5254901960784314, + "g": 0.43137254901960786, + "b": 0.01568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/bgColor/emphasis", + "reference": "base/color/light/base/display/color/lemon/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/lemon/bgColor/muted", + "value": { + "r": 0.9686274509803922, + "g": 0.9333333333333333, + "b": 0.6313725490196078, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/lemon/bgColor/muted", + "reference": "base/color/light/base/display/color/lemon/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/brown/borderColor/emphasis", + "value": { + "r": 0.5215686274509804, + "g": 0.42745098039215684, + "b": 0.2980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/borderColor/emphasis", + "reference": "base/color/light/base/display/color/brown/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/brown/borderColor/muted", + "value": { + "r": 0.8745098039215686, + "g": 0.8431372549019608, + "b": 0.7843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/borderColor/muted", + "reference": "base/color/light/base/display/color/brown/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/brown/fgColor", + "value": { + "r": 0.4588235294117647, + "g": 0.37254901960784315, + "b": 0.2627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/fgColor", + "reference": "base/color/light/base/display/color/brown/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/brown/bgColor/emphasis", + "value": { + "r": 0.5215686274509804, + "g": 0.42745098039215684, + "b": 0.2980392156862745, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/bgColor/emphasis", + "reference": "base/color/light/base/display/color/brown/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/brown/bgColor/muted", + "value": { + "r": 0.9333333333333333, + "g": 0.9176470588235294, + "b": 0.8862745098039215, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/brown/bgColor/muted", + "reference": "base/color/light/base/display/color/brown/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/auburn/borderColor/emphasis", + "value": { + "r": 0.615686274509804, + "g": 0.3803921568627451, + "b": 0.3607843137254902, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/borderColor/emphasis", + "reference": "base/color/light/base/display/color/auburn/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/auburn/borderColor/muted", + "value": { + "r": 0.9019607843137255, + "g": 0.8392156862745098, + "b": 0.8352941176470589, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/borderColor/muted", + "reference": "base/color/light/base/display/color/auburn/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/auburn/fgColor", + "value": { + "r": 0.5411764705882353, + "g": 0.3333333333333333, + "b": 0.3176470588235294, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/fgColor", + "reference": "base/color/light/base/display/color/auburn/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/auburn/bgColor/emphasis", + "value": { + "r": 0.615686274509804, + "g": 0.3803921568627451, + "b": 0.3607843137254902, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/bgColor/emphasis", + "reference": "base/color/light/base/display/color/auburn/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/auburn/bgColor/muted", + "value": { + "r": 0.9490196078431372, + "g": 0.9137254901960784, + "b": 0.9137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/auburn/bgColor/muted", + "reference": "base/color/light/base/display/color/auburn/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/gray/borderColor/emphasis", + "value": { + "r": 0.39215686274509803, + "g": 0.44313725490196076, + "b": 0.5098039215686274, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/borderColor/emphasis", + "reference": "base/color/light/base/display/color/gray/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/gray/borderColor/muted", + "value": { + "r": 0.8235294117647058, + "g": 0.8549019607843137, + "b": 0.8941176470588236, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/borderColor/muted", + "reference": "base/color/light/base/display/color/gray/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/gray/fgColor", + "value": { + "r": 0.3607843137254902, + "g": 0.396078431372549, + "b": 0.4392156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/fgColor", + "reference": "base/color/light/base/display/color/gray/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/gray/bgColor/emphasis", + "value": { + "r": 0.39215686274509803, + "g": 0.44313725490196076, + "b": 0.5098039215686274, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/bgColor/emphasis", + "reference": "base/color/light/base/display/color/gray/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/gray/bgColor/muted", + "value": { + "r": 0.9098039215686274, + "g": 0.9254901960784314, + "b": 0.9490196078431372, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/gray/bgColor/muted", + "reference": "base/color/light/base/display/color/gray/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/yellow/borderColor/emphasis", + "value": { + "r": 0.5803921568627451, + "g": 0.41568627450980394, + "b": 0, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/borderColor/emphasis", + "reference": "base/color/light/base/display/color/yellow/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/yellow/borderColor/muted", + "value": { + "r": 1, + "g": 0.8392156862745098, + "b": 0.25882352941176473, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/borderColor/muted", + "reference": "base/color/light/base/display/color/yellow/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/yellow/fgColor", + "value": { + "r": 0.5019607843137255, + "g": 0.34901960784313724, + "b": 0, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/fgColor", + "reference": "base/color/light/base/display/color/yellow/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/yellow/bgColor/emphasis", + "value": { + "r": 0.5803921568627451, + "g": 0.41568627450980394, + "b": 0, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/bgColor/emphasis", + "reference": "base/color/light/base/display/color/yellow/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/yellow/bgColor/muted", + "value": { + "r": 1, + "g": 0.9254901960784314, + "b": 0.6196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/yellow/bgColor/muted", + "reference": "base/color/light/base/display/color/yellow/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/coral/borderColor/emphasis", + "value": { + "r": 0.8313725490196079, + "g": 0.20784313725490197, + "b": 0.06666666666666667, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/borderColor/emphasis", + "reference": "base/color/light/base/display/color/coral/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/coral/borderColor/muted", + "value": { + "r": 0.996078431372549, + "g": 0.807843137254902, + "b": 0.7450980392156863, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/borderColor/muted", + "reference": "base/color/light/base/display/color/coral/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/coral/fgColor", + "value": { + "r": 0.7294117647058823, + "g": 0.1803921568627451, + "b": 0.07058823529411765, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/fgColor", + "reference": "base/color/light/base/display/color/coral/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/coral/bgColor/emphasis", + "value": { + "r": 0.8313725490196079, + "g": 0.20784313725490197, + "b": 0.06666666666666667, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/bgColor/emphasis", + "reference": "base/color/light/base/display/color/coral/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/coral/bgColor/muted", + "value": { + "r": 1, + "g": 0.8980392156862745, + "b": 0.8588235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/coral/bgColor/muted", + "reference": "base/color/light/base/display/color/coral/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/red/borderColor/emphasis", + "value": { + "r": 0.8745098039215686, + "g": 0.047058823529411764, + "b": 0.1411764705882353, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/borderColor/emphasis", + "reference": "base/color/light/base/display/color/red/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/red/borderColor/muted", + "value": { + "r": 0.996078431372549, + "g": 0.803921568627451, + "b": 0.803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/borderColor/muted", + "reference": "base/color/light/base/display/color/red/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/red/fgColor", + "value": { + "r": 0.7725490196078432, + "g": 0.050980392156862744, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/fgColor", + "reference": "base/color/light/base/display/color/red/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/red/bgColor/emphasis", + "value": { + "r": 0.8745098039215686, + "g": 0.047058823529411764, + "b": 0.1411764705882353, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/bgColor/emphasis", + "reference": "base/color/light/base/display/color/red/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/red/bgColor/muted", + "value": { + "r": 1, + "g": 0.8862745098039215, + "b": 0.8784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/red/bgColor/muted", + "reference": "base/color/light/base/display/color/red/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/plum/borderColor/emphasis", + "value": { + "r": 0.6588235294117647, + "g": 0.18823529411764706, + "b": 0.9098039215686274, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/borderColor/emphasis", + "reference": "base/color/light/base/display/color/plum/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/plum/borderColor/muted", + "value": { + "r": 0.9411764705882353, + "g": 0.803921568627451, + "b": 0.996078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/borderColor/muted", + "reference": "base/color/light/base/display/color/plum/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/plum/fgColor", + "value": { + "r": 0.5882352941176471, + "g": 0.11764705882352941, + "b": 0.8627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/fgColor", + "reference": "base/color/light/base/display/color/plum/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/plum/bgColor/emphasis", + "value": { + "r": 0.6588235294117647, + "g": 0.18823529411764706, + "b": 0.9098039215686274, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/bgColor/emphasis", + "reference": "base/color/light/base/display/color/plum/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/plum/bgColor/muted", + "value": { + "r": 0.9725490196078431, + "g": 0.8980392156862745, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/plum/bgColor/muted", + "reference": "base/color/light/base/display/color/plum/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/purple/borderColor/emphasis", + "value": { + "r": 0.5372549019607843, + "g": 0.2980392156862745, + "b": 0.9215686274509803, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/borderColor/emphasis", + "reference": "base/color/light/base/display/color/purple/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/purple/borderColor/muted", + "value": { + "r": 0.9019607843137255, + "g": 0.8235294117647058, + "b": 0.996078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/borderColor/muted", + "reference": "base/color/light/base/display/color/purple/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/purple/fgColor", + "value": { + "r": 0.47058823529411764, + "g": 0.22745098039215686, + "b": 0.8941176470588236, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/fgColor", + "reference": "base/color/light/base/display/color/purple/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/purple/bgColor/emphasis", + "value": { + "r": 0.5372549019607843, + "g": 0.2980392156862745, + "b": 0.9215686274509803, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/bgColor/emphasis", + "reference": "base/color/light/base/display/color/purple/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/purple/bgColor/muted", + "value": { + "r": 0.9450980392156862, + "g": 0.8980392156862745, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/purple/bgColor/muted", + "reference": "base/color/light/base/display/color/purple/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/orange/borderColor/emphasis", + "value": { + "r": 0.7215686274509804, + "g": 0.3137254901960784, + "b": 0.058823529411764705, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/borderColor/emphasis", + "reference": "base/color/light/base/display/color/orange/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/orange/borderColor/muted", + "value": { + "r": 0.996078431372549, + "g": 0.8117647058823529, + "b": 0.6666666666666666, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/borderColor/muted", + "reference": "base/color/light/base/display/color/orange/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/orange/fgColor", + "value": { + "r": 0.6352941176470588, + "g": 0.27450980392156865, + "b": 0.06274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/fgColor", + "reference": "base/color/light/base/display/color/orange/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/orange/bgColor/emphasis", + "value": { + "r": 0.7215686274509804, + "g": 0.3137254901960784, + "b": 0.058823529411764705, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/bgColor/emphasis", + "reference": "base/color/light/base/display/color/orange/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/orange/bgColor/muted", + "value": { + "r": 1, + "g": 0.9058823529411765, + "b": 0.8196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/orange/bgColor/muted", + "reference": "base/color/light/base/display/color/orange/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/green/borderColor/emphasis", + "value": { + "r": 0.17254901960784313, + "g": 0.5058823529411764, + "b": 0.2549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/borderColor/emphasis", + "reference": "base/color/light/base/display/color/green/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/green/borderColor/muted", + "value": { + "r": 0.611764705882353, + "g": 0.9294117647058824, + "b": 0.6274509803921569, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/borderColor/muted", + "reference": "base/color/light/base/display/color/green/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/green/fgColor", + "value": { + "r": 0.16862745098039217, + "g": 0.43137254901960786, + "b": 0.24705882352941178, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/fgColor", + "reference": "base/color/light/base/display/color/green/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/green/bgColor/emphasis", + "value": { + "r": 0.17254901960784313, + "g": 0.5058823529411764, + "b": 0.2549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/bgColor/emphasis", + "reference": "base/color/light/base/display/color/green/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/green/bgColor/muted", + "value": { + "r": 0.792156862745098, + "g": 0.9686274509803922, + "b": 0.792156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/green/bgColor/muted", + "reference": "base/color/light/base/display/color/green/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/blue/borderColor/emphasis", + "value": { + "r": 0, + "g": 0.43137254901960786, + "b": 0.8588235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/borderColor/emphasis", + "reference": "base/color/light/base/display/color/blue/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/blue/borderColor/muted", + "value": { + "r": 0.6784313725490196, + "g": 0.8823529411764706, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/borderColor/muted", + "reference": "base/color/light/base/display/color/blue/1", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "display/blue/fgColor", + "value": { + "r": 0, + "g": 0.37254901960784315, + "b": 0.8, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/fgColor", + "reference": "base/color/light/base/display/color/blue/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "display/blue/bgColor/emphasis", + "value": { + "r": 0, + "g": 0.43137254901960786, + "b": 0.8588235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/bgColor/emphasis", + "reference": "base/color/light/base/display/color/blue/5", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "display/blue/bgColor/muted", + "value": { + "r": 0.8196078431372549, + "g": 0.9411764705882353, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/display/blue/bgColor/muted", + "reference": "base/color/light/base/display/color/blue/0", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/gray/color/muted", + "value": { + "r": 0.9098039215686274, + "g": 0.9254901960784314, + "b": 0.9490196078431372, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/gray/color/muted", + "reference": "base/color/light/base/display/color/gray/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/gray/color", + "value": { + "r": 0.5019607843137255, + "g": 0.5607843137254902, + "b": 0.6392156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/gray/color", + "reference": "base/color/light/base/display/color/gray/4", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/red/color/muted", + "value": { + "r": 1, + "g": 0.8862745098039215, + "b": 0.8784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/red/color/muted", + "reference": "base/color/light/base/display/color/red/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/red/color", + "value": { + "r": 0.8745098039215686, + "g": 0.047058823529411764, + "b": 0.1411764705882353, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/red/color", + "reference": "base/color/light/base/display/color/red/5", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/pink/color/muted", + "value": { + "r": 1, + "g": 0.8980392156862745, + "b": 0.9450980392156862, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/pink/color/muted", + "reference": "base/color/light/base/display/color/pink/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/pink/color", + "value": { + "r": 0.807843137254902, + "g": 0.17254901960784313, + "b": 0.5215686274509804, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/pink/color", + "reference": "base/color/light/base/display/color/pink/5", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/purple/color/muted", + "value": { + "r": 0.9450980392156862, + "g": 0.8980392156862745, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/purple/color/muted", + "reference": "base/color/light/base/display/color/purple/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/purple/color", + "value": { + "r": 0.5372549019607843, + "g": 0.2980392156862745, + "b": 0.9215686274509803, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/purple/color", + "reference": "base/color/light/base/display/color/purple/5", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/teal/color/muted", + "value": { + "r": 0.7803921568627451, + "g": 0.9607843137254902, + "b": 0.9372549019607843, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/teal/color/muted", + "reference": "base/color/light/base/display/color/teal/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/teal/color", + "value": { + "r": 0.09019607843137255, + "g": 0.6078431372549019, + "b": 0.6078431372549019, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/teal/color", + "reference": "base/color/light/base/display/color/teal/4", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/green/color/muted", + "value": { + "r": 0.792156862745098, + "g": 0.9686274509803922, + "b": 0.792156862745098, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/green/color/muted", + "reference": "base/color/light/base/display/color/green/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/green/color", + "value": { + "r": 0.18823529411764706, + "g": 0.6313725490196078, + "b": 0.2784313725490196, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/green/color", + "reference": "base/color/light/base/display/color/green/4", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/yellow/color/muted", + "value": { + "r": 1, + "g": 0.9254901960784314, + "b": 0.6196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/yellow/color/muted", + "reference": "base/color/light/base/display/color/yellow/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/yellow/color", + "value": { + "r": 0.7215686274509804, + "g": 0.5294117647058824, + "b": 0, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/yellow/color", + "reference": "base/color/light/base/display/color/yellow/4", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/orange/color/muted", + "value": { + "r": 1, + "g": 0.9058823529411765, + "b": 0.8196078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/orange/color/muted", + "reference": "base/color/light/base/display/color/orange/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/orange/color", + "value": { + "r": 0.9215686274509803, + "g": 0.403921568627451, + "b": 0.058823529411764705, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/orange/color", + "reference": "base/color/light/base/display/color/orange/4", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/auburn/color/muted", + "value": { + "r": 0.9490196078431372, + "g": 0.9137254901960784, + "b": 0.9137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/auburn/color/muted", + "reference": "base/color/light/base/display/color/auburn/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/auburn/color", + "value": { + "r": 0.615686274509804, + "g": 0.3803921568627451, + "b": 0.3607843137254902, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/auburn/color", + "reference": "base/color/light/base/display/color/auburn/5", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/blue/color/muted", + "value": { + "r": 0.8196078431372549, + "g": 0.9411764705882353, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/blue/color/muted", + "reference": "base/color/light/base/display/color/blue/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "data/blue/color", + "value": { + "r": 0, + "g": 0.43137254901960786, + "b": 0.8588235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/data/blue/color", + "reference": "base/color/light/base/display/color/blue/5", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "headerSearch/borderColor", + "value": { + "r": 0.3411764705882353, + "g": 0.3764705882352941, + "b": 0.41568627450980394, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/headerSearch/borderColor", + "reference": "base/color/light/base/color/neutral/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "headerSearch/bgColor", + "value": { + "r": 0.1411764705882353, + "g": 0.1607843137254902, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/headerSearch/bgColor", + "reference": "base/color/light/base/color/neutral/9", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "header/borderColor/divider", + "value": { + "r": 0.3411764705882353, + "g": 0.3764705882352941, + "b": 0.41568627450980394, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/header/borderColor/divider", + "reference": "base/color/light/base/color/neutral/6", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "header/bgColor", + "value": { + "r": 0.1411764705882353, + "g": 0.1607843137254902, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/header/bgColor", + "reference": "base/color/light/base/color/neutral/9", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "header/fgColor/logo", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/header/fgColor/logo", + "reference": "base/color/light/base/color/white", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "header/fgColor/default", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 0.7 + }, + "type": "COLOR", + "alpha": 0.7, + "refId": "mode/header/fgColor/default", + "reference": "base/color/light/base/color/white", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/variable", + "value": { + "r": 0.5843137254901961, + "g": 0.2196078431372549, + "b": 0, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/variable", + "reference": "base/color/light/base/color/orange/6", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/support", + "value": { + "r": 0.0196078431372549, + "g": 0.3137254901960784, + "b": 0.6823529411764706, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/support", + "reference": "base/color/light/base/color/blue/6", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/string", + "value": { + "r": 0.0392156862745098, + "g": 0.18823529411764706, + "b": 0.4117647058823529, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/string", + "reference": "base/color/light/base/color/blue/8", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/storage", + "value": { + "r": 0.8117647058823529, + "g": 0.13333333333333333, + "b": 0.1803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/storage", + "reference": "base/color/light/base/color/red/5", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/keyword", + "value": { + "r": 0.8117647058823529, + "g": 0.13333333333333333, + "b": 0.1803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/keyword", + "reference": "base/color/light/base/color/red/5", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/entity", + "value": { + "r": 0.5098039215686274, + "g": 0.3137254901960784, + "b": 0.8745098039215686, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/entity", + "reference": "base/color/light/base/color/purple/5", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/constant", + "value": { + "r": 0.0196078431372549, + "g": 0.3137254901960784, + "b": 0.6823529411764706, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/constant", + "reference": "base/color/light/base/color/blue/6", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/syntax/fgColor/comment", + "value": { + "r": 0.1411764705882353, + "g": 0.1607843137254902, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/syntax/fgColor/comment", + "reference": "base/color/light/base/color/neutral/9", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/hunk/bgColor/num", + "value": { + "r": 0.32941176470588235, + "g": 0.6823529411764706, + "b": 1, + "a": 0.4 + }, + "type": "COLOR", + "alpha": 0.4, + "refId": "mode/diffBlob/hunk/bgColor/num", + "reference": "base/color/light/base/color/blue/3", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/bgColor/word", + "value": { + "r": 1, + "g": 0.5058823529411764, + "b": 0.5098039215686274, + "a": 0.4 + }, + "type": "COLOR", + "alpha": 0.4, + "refId": "mode/diffBlob/deletion/bgColor/word", + "reference": "base/color/light/base/color/red/3", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/bgColor/line", + "value": { + "r": 1, + "g": 0.9215686274509803, + "b": 0.9137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/deletion/bgColor/line", + "reference": "base/color/light/base/color/red/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/bgColor/num", + "value": { + "r": 1, + "g": 0.807843137254902, + "b": 0.796078431372549, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/deletion/bgColor/num", + "reference": "base/color/light/base/color/red/1", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/bgColor/word", + "value": { + "r": 0.6745098039215687, + "g": 0.9333333333333333, + "b": 0.7333333333333333, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/addition/bgColor/word", + "reference": "base/color/light/base/color/green/1", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/bgColor/line", + "value": { + "r": 0.8549019607843137, + "g": 0.984313725490196, + "b": 0.8823529411764706, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/addition/bgColor/line", + "reference": "base/color/light/base/color/green/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/bgColor/num", + "value": { + "r": 0.8196078431372549, + "g": 0.9725490196078431, + "b": 0.8509803921568627, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/diffBlob/addition/bgColor/num", + "reference": "base/color/light/base/color/green/1", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "highlight/neutral/bgColor", + "value": { + "r": 1, + "g": 0.9725490196078431, + "b": 0.7725490196078432, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/highlight/neutral/bgColor", + "reference": "base/color/light/base/color/yellow/0", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "topicTag/borderColor", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 0 + }, + "type": "COLOR", + "refId": "mode/topicTag/borderColor", + "reference": "base/color/light/base/color/transparent", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "borderColor/open-emphasis", + "value": { + "r": 0.03137254901960784, + "g": 0.5215686274509804, + "b": 0.4235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/borderColor/open-emphasis", + "reference": "mode/borderColor/success-emphasis", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" + } + }, + { + "name": "borderColor/open-muted", + "value": { + "r": 0.5803921568627451, + "g": 0.7725490196078432, + "b": 0.7137254901960784, + "a": 0.4 + }, + "type": "COLOR", + "refId": "mode/borderColor/open-muted", + "reference": "mode/borderColor/success-muted", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" + } + }, + { + "name": "borderColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/borderColor/disabled", + "reference": "mode/bgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "borderColor/muted", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.7 + }, + "type": "COLOR", + "alpha": 0.7, + "refId": "mode/borderColor/muted", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["STROKE_COLOR"], + "codeSyntax": { + "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" + } + }, + { + "name": "bgColor/open-emphasis", + "value": { + "r": 0.10980392156862745, + "g": 0.5568627450980392, + "b": 0.4588235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/open-emphasis", + "reference": "mode/bgColor/success-emphasis", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" + } + }, + { + "name": "bgColor/open-muted", + "value": { + "r": 0.9529411764705882, + "g": 0.9725490196078431, + "b": 0.9647058823529412, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/bgColor/open-muted", + "reference": "mode/bgColor/success-muted", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" + } + }, + { + "name": "fgColor/closed", + "value": { + "r": 0.8196078431372549, + "g": 0.1411764705882353, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/closed", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" + } + }, + { + "name": "fgColor/open", + "value": { + "r": 0.03137254901960784, + "g": 0.5215686274509804, + "b": 0.4235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/open", + "reference": "mode/fgColor/success", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--fgColor-open) /* utility class: .color-fg-open */" + } + }, + { + "name": "fgColor/link", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/fgColor/link", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "light", + "group": "semantic", + "scopes": ["TEXT_FILL", "SHAPE_FILL"], + "codeSyntax": { + "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" + } + }, + { + "name": "card/bgColor", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/card/bgColor", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "selection/bgColor", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 0.2 + }, + "type": "COLOR", + "alpha": 0.2, + "refId": "mode/selection/bgColor", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "underlineNav/iconColor/rest", + "value": { + "r": 0.38823529411764707, + "g": 0.4235294117647059, + "b": 0.4627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/underlineNav/iconColor/rest", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "underlineNav/borderColor/hover", + "value": { + "r": 0.6862745098039216, + "g": 0.7215686274509804, + "b": 0.7568627450980392, + "a": 0.2 + }, + "type": "COLOR", + "refId": "mode/underlineNav/borderColor/hover", + "reference": "mode/borderColor/neutral-muted", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "focus/outlineColor", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/focus/outlineColor", + "reference": "mode/borderColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "reactionButton/selected/bgColor/hover", + "value": { + "r": 0.792156862745098, + "g": 0.9254901960784314, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/reactionButton/selected/bgColor/hover", + "reference": "mode/reactionButton/selected/bgColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/danger/fgColor/disabled", + "value": { + "r": 0.8196078431372549, + "g": 0.1411764705882353, + "b": 0.1843137254901961, + "a": 0.5 + }, + "type": "COLOR", + "alpha": 0.5, + "refId": "mode/buttonCounter/danger/fgColor/disabled", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/danger/bgColor/rest", + "value": { + "r": 0.8117647058823529, + "g": 0.13333333333333333, + "b": 0.1803921568627451, + "a": 0.1 + }, + "type": "COLOR", + "alpha": 0.1, + "refId": "mode/buttonCounter/danger/bgColor/rest", + "reference": "mode/bgColor/danger-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/danger/bgColor/disabled", + "value": { + "r": 0.8117647058823529, + "g": 0.13333333333333333, + "b": 0.1803921568627451, + "a": 0.05 + }, + "type": "COLOR", + "alpha": 0.05, + "refId": "mode/buttonCounter/danger/bgColor/disabled", + "reference": "mode/bgColor/danger-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/outline/fgColor/disabled", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 0.5 + }, + "type": "COLOR", + "alpha": 0.5, + "refId": "mode/buttonCounter/outline/fgColor/disabled", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/outline/bgColor/disabled", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 0.05 + }, + "type": "COLOR", + "alpha": 0.05, + "refId": "mode/buttonCounter/outline/bgColor/disabled", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/outline/bgColor/rest", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 0.1 + }, + "type": "COLOR", + "alpha": 0.1, + "refId": "mode/buttonCounter/outline/bgColor/rest", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/invisible/bgColor/rest", + "value": { + "r": 0.6862745098039216, + "g": 0.7215686274509804, + "b": 0.7568627450980392, + "a": 0.2 + }, + "type": "COLOR", + "refId": "mode/buttonCounter/invisible/bgColor/rest", + "reference": "mode/bgColor/neutral-muted", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "buttonCounter/default/bgColor/rest", + "value": { + "r": 0.6862745098039216, + "g": 0.7215686274509804, + "b": 0.7568627450980392, + "a": 0.2 + }, + "type": "COLOR", + "refId": "mode/buttonCounter/default/bgColor/rest", + "reference": "mode/bgColor/neutral-muted", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/borderColor/active", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.15 + }, + "type": "COLOR", + "refId": "mode/button/danger/borderColor/active", + "reference": "mode/button/danger/borderColor/hover", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/danger/borderColor/rest", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/danger/borderColor/rest", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/danger/bgColor/rest", + "value": { + "r": 0.9647058823529412, + "g": 0.9725490196078431, + "b": 0.9803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/danger/bgColor/rest", + "reference": "mode/control/bgColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/iconColor/rest", + "value": { + "r": 0.8196078431372549, + "g": 0.1411764705882353, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/danger/iconColor/rest", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/fgColor/disabled", + "value": { + "r": 0.8196078431372549, + "g": 0.1411764705882353, + "b": 0.1843137254901961, + "a": 0.5 + }, + "type": "COLOR", + "alpha": 0.5, + "refId": "mode/button/danger/fgColor/disabled", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/fgColor/rest", + "value": { + "r": 0.8196078431372549, + "g": 0.1411764705882353, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/danger/fgColor/rest", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/outline/borderColor/active", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.15 + }, + "type": "COLOR", + "refId": "mode/button/outline/borderColor/active", + "reference": "mode/button/outline/borderColor/hover", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/outline/bgColor/active", + "value": { + "r": 0.027450980392156862, + "g": 0.3411764705882353, + "b": 0.7294117647058823, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/button/outline/bgColor/active", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/outline/bgColor/hover", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/outline/bgColor/hover", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/outline/bgColor/rest", + "value": { + "r": 0.9647058823529412, + "g": 0.9725490196078431, + "b": 0.9803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/outline/bgColor/rest", + "reference": "mode/control/bgColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/outline/fgColor/disabled", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 0.5 + }, + "type": "COLOR", + "alpha": 0.5, + "refId": "mode/button/outline/fgColor/disabled", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/outline/fgColor/rest", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/outline/fgColor/rest", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/borderColor/hover", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 0 + }, + "type": "COLOR", + "refId": "mode/button/invisible/borderColor/hover", + "reference": "mode/control/transparent/borderColor/hover", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/invisible/borderColor/rest", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 0 + }, + "type": "COLOR", + "refId": "mode/button/invisible/borderColor/rest", + "reference": "mode/control/transparent/borderColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/invisible/bgColor/active", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.4 + }, + "type": "COLOR", + "refId": "mode/button/invisible/bgColor/active", + "reference": "mode/control/transparent/bgColor/active", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/bgColor/hover", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.2 + }, + "type": "COLOR", + "refId": "mode/button/invisible/bgColor/hover", + "reference": "mode/control/transparent/bgColor/hover", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/bgColor/rest", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 0 + }, + "type": "COLOR", + "refId": "mode/button/invisible/bgColor/rest", + "reference": "mode/control/transparent/bgColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/iconColor/hover", + "value": { + "r": 0.38823529411764707, + "g": 0.4235294117647059, + "b": 0.4627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/iconColor/hover", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/iconColor/rest", + "value": { + "r": 0.38823529411764707, + "g": 0.4235294117647059, + "b": 0.4627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/iconColor/rest", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/fgColor/hover", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/fgColor/hover", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/fgColor/rest", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/fgColor/rest", + "reference": "mode/fgColor/accent", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/borderColor/disabled", + "value": { + "r": 0.5843137254901961, + "g": 0.8470588235294118, + "b": 0.6509803921568628, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/primary/borderColor/disabled", + "reference": "mode/button/primary/bgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/primary/borderColor/active", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.15 + }, + "type": "COLOR", + "refId": "mode/button/primary/borderColor/active", + "reference": "mode/button/primary/borderColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/primary/borderColor/hover", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 0.15 + }, + "type": "COLOR", + "refId": "mode/button/primary/borderColor/hover", + "reference": "mode/button/primary/borderColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/primary/bgColor/active", + "value": { + "r": 0.09411764705882353, + "g": 0.49019607843137253, + "b": 0.3411764705882353, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/button/primary/bgColor/active", + "reference": "mode/bgColor/success-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/bgColor/hover", + "value": { + "r": 0.10196078431372549, + "g": 0.5215686274509804, + "b": 0.4, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/button/primary/bgColor/hover", + "reference": "mode/bgColor/success-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/bgColor/rest", + "value": { + "r": 0.10980392156862745, + "g": 0.5568627450980392, + "b": 0.4588235294117647, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/primary/bgColor/rest", + "reference": "mode/bgColor/success-emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/iconColor/rest", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 0.8 + }, + "type": "COLOR", + "alpha": 0.8, + "refId": "mode/button/primary/iconColor/rest", + "reference": "mode/fgColor/white", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/primary/fgColor/rest", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/primary/fgColor/rest", + "reference": "mode/fgColor/white", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/borderColor/active", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/borderColor/active", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/default/borderColor/hover", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/borderColor/hover", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/default/borderColor/rest", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/borderColor/rest", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/default/bgColor/selected", + "value": { + "r": 0.9058823529411765, + "g": 0.9215686274509803, + "b": 0.9372549019607843, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/bgColor/selected", + "reference": "mode/control/bgColor/active", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/bgColor/active", + "value": { + "r": 0.9058823529411765, + "g": 0.9215686274509803, + "b": 0.9372549019607843, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/bgColor/active", + "reference": "mode/control/bgColor/active", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/bgColor/hover", + "value": { + "r": 0.9333333333333333, + "g": 0.9450980392156862, + "b": 0.9568627450980393, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/bgColor/hover", + "reference": "mode/control/bgColor/hover", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/bgColor/rest", + "value": { + "r": 0.9647058823529412, + "g": 0.9725490196078431, + "b": 0.9803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/bgColor/rest", + "reference": "mode/control/bgColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/default/fgColor/rest", + "value": { + "r": 0.1411764705882353, + "g": 0.1607843137254902, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/default/fgColor/rest", + "reference": "mode/control/fgColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "controlKnob/borderColor/rest", + "value": { + "r": 0.5254901960784314, + "g": 0.5607843137254902, + "b": 0.6, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlKnob/borderColor/rest", + "reference": "mode/control/borderColor/emphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "controlTrack/borderColor/disabled", + "value": { + "r": 0.5490196078431373, + "g": 0.5843137254901961, + "b": 0.6235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlTrack/borderColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "controlTrack/fgColor/disabled", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlTrack/fgColor/disabled", + "reference": "mode/fgColor/onEmphasis", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "controlTrack/fgColor/rest", + "value": { + "r": 0.38823529411764707, + "g": 0.4235294117647059, + "b": 0.4627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlTrack/fgColor/rest", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "controlTrack/bgColor/disabled", + "value": { + "r": 0.5490196078431373, + "g": 0.5843137254901961, + "b": 0.6235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlTrack/bgColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/borderColor/disabled", + "value": { + "r": 0.5490196078431373, + "g": 0.5843137254901961, + "b": 0.6235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/borderColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/checked/borderColor/active", + "value": { + "r": 0.027450980392156862, + "g": 0.3411764705882353, + "b": 0.7294117647058823, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/control/checked/borderColor/active", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/checked/borderColor/hover", + "value": { + "r": 0.03137254901960784, + "g": 0.3764705882352941, + "b": 0.792156862745098, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/control/checked/borderColor/hover", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/checked/borderColor/rest", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/borderColor/rest", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/checked/fgColor/disabled", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/fgColor/disabled", + "reference": "mode/fgColor/onEmphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/fgColor/rest", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/fgColor/rest", + "reference": "mode/fgColor/onEmphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/bgColor/disabled", + "value": { + "r": 0.5490196078431373, + "g": 0.5843137254901961, + "b": 0.6235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/bgColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/bgColor/active", + "value": { + "r": 0.027450980392156862, + "g": 0.3411764705882353, + "b": 0.7294117647058823, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/control/checked/bgColor/active", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/bgColor/hover", + "value": { + "r": 0.03137254901960784, + "g": 0.3764705882352941, + "b": 0.792156862745098, + "a": 1 + }, + "type": "COLOR", + "isMix": true, + "refId": "mode/control/checked/bgColor/hover", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/checked/bgColor/rest", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/checked/bgColor/rest", + "reference": "mode/bgColor/accent-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/danger/bgColor/active", + "value": { + "r": 1, + "g": 0.9215686274509803, + "b": 0.9137254901960784, + "a": 0.4 + }, + "type": "COLOR", + "alpha": 0.4, + "refId": "mode/control/danger/bgColor/active", + "reference": "mode/bgColor/danger-muted", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/danger/bgColor/hover", + "value": { + "r": 1, + "g": 0.9215686274509803, + "b": 0.9137254901960784, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/danger/bgColor/hover", + "reference": "mode/bgColor/danger-muted", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/danger/fgColor/hover", + "value": { + "r": 0.8196078431372549, + "g": 0.1411764705882353, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/danger/fgColor/hover", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/danger/fgColor/rest", + "value": { + "r": 0.8196078431372549, + "g": 0.1411764705882353, + "b": 0.1843137254901961, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/danger/fgColor/rest", + "reference": "mode/fgColor/danger", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/transparent/bgColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/control/transparent/bgColor/disabled", + "reference": "mode/bgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/iconColor/rest", + "value": { + "r": 0.38823529411764707, + "g": 0.4235294117647059, + "b": 0.4627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/iconColor/rest", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/borderColor/warning", + "value": { + "r": 0.7490196078431373, + "g": 0.5294117647058824, + "b": 0, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/warning", + "reference": "mode/borderColor/attention-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/borderColor/danger", + "value": { + "r": 0.8117647058823529, + "g": 0.13333333333333333, + "b": 0.1803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/danger", + "reference": "mode/borderColor/danger-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/borderColor/success", + "value": { + "r": 0.03137254901960784, + "g": 0.5215686274509804, + "b": 0.4235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/success", + "reference": "mode/borderColor/success-emphasis", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/borderColor/rest", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/rest", + "reference": "mode/borderColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "control/fgColor/disabled", + "value": { + "r": 0.5490196078431373, + "g": 0.5843137254901961, + "b": 0.6235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/control/fgColor/disabled", + "reference": "mode/fgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "control/bgColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/control/bgColor/disabled", + "reference": "mode/bgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/lines/bgColor", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/lines/bgColor", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/matchingBracket/fgColor", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/matchingBracket/fgColor", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/activeline/bgColor", + "value": { + "r": 0.6862745098039216, + "g": 0.7215686274509804, + "b": 0.7568627450980392, + "a": 0.2 + }, + "type": "COLOR", + "refId": "mode/codeMirror/activeline/bgColor", + "reference": "mode/bgColor/neutral-muted", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/selection/bgColor", + "value": { + "r": 0.32941176470588235, + "g": 0.6823529411764706, + "b": 1, + "a": 0.4 + }, + "type": "COLOR", + "refId": "mode/codeMirror/selection/bgColor", + "reference": "mode/borderColor/accent-muted", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/cursor/fgColor", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/cursor/fgColor", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/lineNumber/fgColor", + "value": { + "r": 0.38823529411764707, + "g": 0.4235294117647059, + "b": 0.4627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/lineNumber/fgColor", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/gutterMarker/fgColor/muted", + "value": { + "r": 0.38823529411764707, + "g": 0.4235294117647059, + "b": 0.4627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/gutterMarker/fgColor/muted", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/gutterMarker/fgColor/default", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/gutterMarker/fgColor/default", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/gutters/bgColor", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/gutters/bgColor", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/bgColor", + "value": { + "r": 1, + "g": 1, + "b": 1, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/bgColor", + "reference": "mode/bgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "codeMirror/fgColor", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/codeMirror/fgColor", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/expander/iconColor", + "value": { + "r": 0.38823529411764707, + "g": 0.4235294117647059, + "b": 0.4627450980392157, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/expander/iconColor", + "reference": "mode/fgColor/muted", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/fgColor/num", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/deletion/fgColor/num", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/deletion/fgColor/text", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/deletion/fgColor/text", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/fgColor/num", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/addition/fgColor/num", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "diffBlob/addition/fgColor/text", + "value": { + "r": 0.12156862745098039, + "g": 0.13725490196078433, + "b": 0.1568627450980392, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/diffBlob/addition/fgColor/text", + "reference": "mode/fgColor/default", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "page/header/bgColor", + "value": { + "r": 0.9647058823529412, + "g": 0.9725490196078431, + "b": 0.9803921568627451, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/page/header/bgColor", + "reference": "mode/bgColor/muted", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "overlay/borderColor", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.5 + }, + "type": "COLOR", + "alpha": 0.5, + "refId": "mode/overlay/borderColor", + "reference": "mode/borderColor/muted", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["ALL_SCOPES"] + }, + { + "name": "reactionButton/selected/fgColor/rest", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/reactionButton/selected/fgColor/rest", + "reference": "mode/fgColor/link", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/danger/bgColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/button/danger/bgColor/disabled", + "reference": "mode/control/bgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/bgColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/button/invisible/bgColor/disabled", + "reference": "mode/control/transparent/bgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/iconColor/disabled", + "value": { + "r": 0.5490196078431373, + "g": 0.5843137254901961, + "b": 0.6235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/iconColor/disabled", + "reference": "mode/control/fgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "button/invisible/fgColor/disabled", + "value": { + "r": 0.5490196078431373, + "g": 0.5843137254901961, + "b": 0.6235294117647059, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/button/invisible/fgColor/disabled", + "reference": "mode/control/fgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["TEXT_FILL", "SHAPE_FILL"] + }, + { + "name": "controlKnob/borderColor/checked", + "value": { + "r": 0.03529411764705882, + "g": 0.4117647058823529, + "b": 0.8549019607843137, + "a": 1 + }, + "type": "COLOR", + "refId": "mode/controlKnob/borderColor/checked", + "reference": "mode/control/checked/bgColor/rest", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "controlKnob/borderColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/controlKnob/borderColor/disabled", + "reference": "mode/control/bgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "controlKnob/bgColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/controlKnob/bgColor/disabled", + "reference": "mode/control/bgColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["FRAME_FILL", "SHAPE_FILL"] + }, + { + "name": "control/borderColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/control/borderColor/disabled", + "reference": "mode/borderColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "shadow/floating/xlarge/1/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/1/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/1/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/1/spread", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/1/color", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.5 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/offsetY", + "value": 56, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/blur", + "value": 112, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/xlarge/2/color", + "value": { + "r": 0.25882352941176473, + "g": 0.2901960784313726, + "b": 0.3254901960784314, + "a": 0.32 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/spread", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/1/color", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.5 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/offsetY", + "value": 40, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/blur", + "value": 80, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/large/2/color", + "value": { + "r": 0.25882352941176473, + "g": 0.2901960784313726, + "b": 0.3254901960784314, + "a": 0.24 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/spread", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/1/color", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.5 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/offsetY", + "value": 8, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/blur", + "value": 16, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/spread", + "value": -4, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/2/color", + "value": { + "r": 0.25882352941176473, + "g": 0.2901960784313726, + "b": 0.3254901960784314, + "a": 0.08 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/offsetY", + "value": 4, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/blur", + "value": 32, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/spread", + "value": -4, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/3/color", + "value": { + "r": 0.25882352941176473, + "g": 0.2901960784313726, + "b": 0.3254901960784314, + "a": 0.08 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/offsetY", + "value": 24, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/blur", + "value": 48, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/spread", + "value": -12, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/4/color", + "value": { + "r": 0.25882352941176473, + "g": 0.2901960784313726, + "b": 0.3254901960784314, + "a": 0.08 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/offsetY", + "value": 48, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/blur", + "value": 96, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/spread", + "value": -24, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/medium/5/color", + "value": { + "r": 0.25882352941176473, + "g": 0.2901960784313726, + "b": 0.3254901960784314, + "a": 0.08 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/offsetY", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/blur", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/spread", + "value": 1, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/1/color", + "value": { + "r": 0.8156862745098039, + "g": 0.8431372549019608, + "b": 0.8705882352941177, + "a": 0.5 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/offsetY", + "value": 6, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/blur", + "value": 12, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/spread", + "value": -3, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/2/color", + "value": { + "r": 0.25882352941176473, + "g": 0.2901960784313726, + "b": 0.3254901960784314, + "a": 0.04 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/offsetX", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/offsetY", + "value": 6, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/blur", + "value": 18, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/spread", + "value": 0, + "type": "FLOAT", + "scopes": ["EFFECT_FLOAT"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "shadow/floating/small/3/color", + "value": { + "r": 0.25882352941176473, + "g": 0.2901960784313726, + "b": 0.3254901960784314, + "a": 0.12 + }, + "type": "COLOR", + "scopes": ["EFFECT_COLOR"], + "mode": "light", + "collection": "mode", + "group": "shadow" + }, + { + "name": "button/invisible/borderColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", + "refId": "mode/button/invisible/borderColor/disabled", + "reference": "mode/control/borderColor/disabled", + "collection": "mode", + "mode": "light", + "group": "component (internal)", + "scopes": ["STROKE_COLOR"] + }, + { + "name": "button/default/borderColor/disabled", + "value": { + "r": 0.9176470588235294, + "g": 0.9333333333333333, + "b": 0.9490196078431372, + "a": 0.7 + }, + "type": "COLOR", "refId": "mode/button/default/borderColor/disabled", "reference": "mode/control/borderColor/disabled", "collection": "mode", diff --git a/dist/js/colors/index.d.ts b/dist/js/colors/index.d.ts deleted file mode 100644 index 6d946e019..000000000 --- a/dist/js/colors/index.d.ts +++ /dev/null @@ -1,530 +0,0 @@ -declare const _default: { - light: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: string; - primary: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - selectedBg: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledBorder: string; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - danger: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - icon: string; - hoverIcon: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - inactive: { - bg: string; - text: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - disabledBg: string; - border: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; - shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - prov: { - neonGreen: string; - green: string[]; - gray: string[]; - theme: { - climate: string; - waste: string; - nature: string; - workers: string; - communities: string; - }; - }; - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; -}; -export default _default; diff --git a/dist/js/colors/index.js b/dist/js/colors/index.js deleted file mode 100644 index e5bd02a30..000000000 --- a/dist/js/colors/index.js +++ /dev/null @@ -1,7 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const light_1 = __importDefault(require("./light")); -exports.default = { light: light_1.default }; diff --git a/dist/js/colors/light.d.ts b/dist/js/colors/light.d.ts deleted file mode 100644 index af601e221..000000000 --- a/dist/js/colors/light.d.ts +++ /dev/null @@ -1,528 +0,0 @@ -declare const _default: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: string; - primary: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - selectedBg: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledBorder: string; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - danger: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - icon: string; - hoverIcon: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - inactive: { - bg: string; - text: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - disabledBg: string; - border: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; - shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - prov: { - neonGreen: string; - green: string[]; - gray: string[]; - theme: { - climate: string; - waste: string; - nature: string; - workers: string; - communities: string; - }; - }; - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; -}; -export default _default; diff --git a/dist/js/colors/light.js b/dist/js/colors/light.js deleted file mode 100644 index 43ace6616..000000000 --- a/dist/js/colors/light.js +++ /dev/null @@ -1,650 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.default = { - "canvasDefaultTransparent": "rgba(255,255,255,0)", - "pageHeaderBg": "#f6f8fa", - "marketingIcon": { - "primary": "#218bff", - "secondary": "#54aeff" - }, - "diffBlob": { - "addition": { - "numText": "#1F2328", - "fg": "#1F2328", - "numBg": "#ccffd8", - "lineBg": "#e6ffec", - "wordBg": "#abf2bc" - }, - "deletion": { - "numText": "#1F2328", - "fg": "#1F2328", - "numBg": "#ffd7d5", - "lineBg": "#ffebe9", - "wordBg": "rgba(255,129,130,0.4)" - }, - "hunk": { - "numBg": "rgba(84,174,255,0.4)" - }, - "expander": { - "icon": "#656d76" - }, - "selectedLineHighlightMixBlendMode": "multiply" - }, - "diffstat": { - "deletionBorder": "rgba(31,35,40,0.15)", - "additionBorder": "rgba(31,35,40,0.15)", - "additionBg": "#c9f04d" - }, - "searchKeyword": { - "hl": "#fff8c5" - }, - "prettylights": { - "syntax": { - "comment": "#57606a", - "constant": "#0550ae", - "entity": "#6639ba", - "storageModifierImport": "#24292f", - "entityTag": "#116329", - "keyword": "#cf222e", - "string": "#0a3069", - "variable": "#953800", - "brackethighlighterUnmatched": "#82071e", - "invalidIllegalText": "#f6f8fa", - "invalidIllegalBg": "#82071e", - "carriageReturnText": "#f6f8fa", - "carriageReturnBg": "#cf222e", - "stringRegexp": "#116329", - "markupList": "#3b2300", - "markupHeading": "#0550ae", - "markupItalic": "#24292f", - "markupBold": "#24292f", - "markupDeletedText": "#82071e", - "markupDeletedBg": "#ffebe9", - "markupInsertedText": "#116329", - "markupInsertedBg": "#dafbe1", - "markupChangedText": "#953800", - "markupChangedBg": "#ffd8b5", - "markupIgnoredText": "#eaeef2", - "markupIgnoredBg": "#0550ae", - "metaDiffRange": "#8250df", - "brackethighlighterAngle": "#57606a", - "sublimelinterGutterMark": "#8c959f", - "constantOtherReferenceLink": "#0a3069" - } - }, - "codemirror": { - "text": "#1F2328", - "bg": "#ffffff", - "guttersBg": "#ffffff", - "guttermarkerText": "#ffffff", - "guttermarkerSubtleText": "#6e7781", - "linenumberText": "#656d76", - "cursor": "#1F2328", - "selectionBg": "rgba(84,174,255,0.4)", - "activelineBg": "rgba(234,238,242,0.5)", - "matchingbracketText": "#1F2328", - "linesBg": "#ffffff", - "syntax": { - "comment": "#24292f", - "constant": "#0550ae", - "entity": "#8250df", - "keyword": "#cf222e", - "storage": "#cf222e", - "string": "#0a3069", - "support": "#0550ae", - "variable": "#953800" - } - }, - "checks": { - "bg": "#24292f", - "runBorderWidth": "0px", - "containerBorderWidth": "0px", - "textPrimary": "#f6f8fa", - "textSecondary": "#8c959f", - "textLink": "#54aeff", - "btnIcon": "#afb8c1", - "btnHoverIcon": "#f6f8fa", - "btnHoverBg": "rgba(255,255,255,0.125)", - "inputText": "#eaeef2", - "inputPlaceholderText": "#8c959f", - "inputFocusText": "#8c959f", - "inputBg": "#32383f", - "inputShadow": "none", - "donutError": "#fa4549", - "donutPending": "#bf8700", - "donutSuccess": "#c9f04d", - "donutNeutral": "#afb8c1", - "dropdownText": "#afb8c1", - "dropdownBg": "#32383f", - "dropdownBorder": "#424a53", - "dropdownShadow": "rgba(31,35,40,0.3)", - "dropdownHoverText": "#f6f8fa", - "dropdownHoverBg": "#424a53", - "dropdownBtnHoverText": "#f6f8fa", - "dropdownBtnHoverBg": "#32383f", - "scrollbarThumbBg": "#57606a", - "headerLabelText": "#d0d7de", - "headerLabelOpenText": "#f6f8fa", - "headerBorder": "#32383f", - "headerIcon": "#8c959f", - "lineText": "#d0d7de", - "lineNumText": "rgba(140,149,159,0.75)", - "lineTimestampText": "#8c959f", - "lineHoverBg": "#32383f", - "lineSelectedBg": "rgba(33,139,255,0.15)", - "lineSelectedNumText": "#54aeff", - "lineDtFmText": "#24292f", - "lineDtFmBg": "#9a6700", - "gateBg": "rgba(125,78,0,0.15)", - "gateText": "#d0d7de", - "gateWaitingText": "#d4a72c", - "stepHeaderOpenBg": "#32383f", - "stepErrorText": "#ff8182", - "stepWarningText": "#d4a72c", - "loglineText": "#8c959f", - "loglineNumText": "rgba(140,149,159,0.75)", - "loglineDebugText": "#c297ff", - "loglineErrorText": "#d0d7de", - "loglineErrorNumText": "#ff8182", - "loglineErrorBg": "rgba(164,14,38,0.15)", - "loglineWarningText": "#d0d7de", - "loglineWarningNumText": "#d4a72c", - "loglineWarningBg": "rgba(125,78,0,0.15)", - "loglineCommandText": "#54aeff", - "loglineSectionText": "#4ac26b", - "ansi": { - "black": "#24292f", - "blackBright": "#32383f", - "white": "#d0d7de", - "whiteBright": "#d0d7de", - "gray": "#8c959f", - "red": "#ff8182", - "redBright": "#ffaba8", - "green": "#4ac26b", - "greenBright": "#6fdd8b", - "yellow": "#d4a72c", - "yellowBright": "#eac54f", - "blue": "#54aeff", - "blueBright": "#80ccff", - "magenta": "#c297ff", - "magentaBright": "#d8b9ff", - "cyan": "#76e3ea", - "cyanBright": "#b3f0ff" - } - }, - "project": { - "headerBg": "#24292f", - "sidebarBg": "#ffffff", - "gradientIn": "#ffffff", - "gradientOut": "rgba(255,255,255,0)" - }, - "mktg": { - "btn": { - "bg": "#1b1f23", - "shadow": { - "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset", - "focus": "rgb(0 0 0 / 15%) 0 0 0 4px", - "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)", - "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset" - } - } - }, - "control": { - "borderColor": { - "emphasis": "#858F99" - } - }, - "avatar": { - "bg": "#ffffff", - "border": "rgba(31,35,40,0.15)", - "stackFade": "#afb8c1", - "stackFadeMore": "#d0d7de", - "childShadow": "0 0 0 2px rgba(255,255,255,0.8)" - }, - "topicTag": { - "border": "rgba(0,0,0,0)" - }, - "counter": { - "border": "rgba(0,0,0,0)" - }, - "selectMenu": { - "backdropBorder": "rgba(0,0,0,0)", - "tapHighlight": "rgba(175,184,193,0.5)", - "tapFocusBg": "#b6e3ff" - }, - "overlay": { - "shadow": "0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12)", - "backdrop": "rgba(140,149,159,0.2)" - }, - "header": { - "text": "rgba(255,255,255,0.7)", - "bg": "#24292f", - "divider": "#57606a", - "logo": "#ffffff" - }, - "headerSearch": { - "bg": "#24292f", - "border": "#57606a" - }, - "sidenav": { - "selectedBg": "#ffffff" - }, - "menu": { - "bgActive": "rgba(0,0,0,0)" - }, - "input": { - "disabledBg": "rgba(175,184,193,0.2)" - }, - "timeline": { - "badgeBg": "#eaeef2" - }, - "ansi": { - "black": "#24292f", - "blackBright": "#57606a", - "white": "#6e7781", - "whiteBright": "#8c959f", - "gray": "#6e7781", - "red": "#cf222e", - "redBright": "#a40e26", - "green": "#116329", - "greenBright": "#1a7f37", - "yellow": "#4d2d00", - "yellowBright": "#633c01", - "blue": "#0969da", - "blueBright": "#218bff", - "magenta": "#8250df", - "magentaBright": "#a475f9", - "cyan": "#1b7c83", - "cyanBright": "#3192aa" - }, - "btn": { - "text": "#24292f", - "bg": "#f6f8fa", - "border": "rgba(31,35,40,0.15)", - "shadow": "0 1px 0 rgba(31,35,40,0.04)", - "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)", - "hoverBg": "#f3f4f6", - "hoverBorder": "rgba(31,35,40,0.15)", - "activeBg": "hsla(220,14%,93%,1)", - "activeBorder": "rgba(31,35,40,0.15)", - "selectedBg": "hsla(220,14%,94%,1)", - "counterBg": "rgba(31,35,40,0.08)", - "primary": { - "text": "#ffffff", - "bg": "#08856C", - "border": "rgba(31,35,40,0.15)", - "shadow": "0 1px 0 rgba(31,35,40,0.1)", - "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", - "hoverBg": "#0A6351", - "hoverBorder": "rgba(31,35,40,0.15)", - "selectedBg": "hsla(168,82%,19%,1)", - "selectedShadow": "inset 0 1px 0 rgba(7,37,31,0.2)", - "disabledText": "rgba(255,255,255,0.8)", - "disabledBg": "#94d3a2", - "disabledBorder": "rgba(31,35,40,0.15)", - "icon": "rgba(255,255,255,0.8)", - "counterBg": "rgba(7,37,31,0.2)" - }, - "outline": { - "text": "#0969da", - "hoverText": "#ffffff", - "hoverBg": "#0969da", - "hoverBorder": "rgba(31,35,40,0.15)", - "hoverShadow": "0 1px 0 rgba(31,35,40,0.1)", - "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", - "hoverCounterBg": "rgba(255,255,255,0.2)", - "selectedText": "#ffffff", - "selectedBg": "hsla(212,92%,42%,1)", - "selectedBorder": "rgba(31,35,40,0.15)", - "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)", - "disabledText": "rgba(9,105,218,0.5)", - "disabledBg": "#f6f8fa", - "disabledCounterBg": "rgba(9,105,218,0.05)", - "counterBg": "#0969da1a", - "counterFg": "#0550ae", - "hoverCounterFg": "#ffffff", - "disabledCounterFg": "rgba(9,105,218,0.5)" - }, - "danger": { - "text": "#cf222e", - "hoverText": "#ffffff", - "hoverBg": "#a40e26", - "hoverBorder": "rgba(31,35,40,0.15)", - "hoverShadow": "0 1px 0 rgba(31,35,40,0.1)", - "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", - "hoverCounterBg": "rgba(255,255,255,0.2)", - "selectedText": "#ffffff", - "selectedBg": "hsla(356,72%,44%,1)", - "selectedBorder": "rgba(31,35,40,0.15)", - "selectedShadow": "inset 0 1px 0 rgba(76,0,20,0.2)", - "disabledText": "rgba(207,34,46,0.5)", - "disabledBg": "#f6f8fa", - "disabledCounterBg": "rgba(207,34,46,0.05)", - "counterBg": "rgba(207,34,46,0.1)", - "icon": "#cf222e", - "hoverIcon": "#ffffff", - "counterFg": "#a40e26", - "hoverCounterFg": "#ffffff", - "disabledCounterFg": "rgba(207,34,46,0.5)" - }, - "inactive": { - "bg": "#eaeef2", - "text": "#57606a" - } - }, - "underlinenav": { - "icon": "#6e7781", - "borderHover": "rgba(175,184,193,0.2)" - }, - "actionListItem": { - "inlineDivider": "rgba(208,215,222,0.48)", - "default": { - "hoverBg": "rgba(208,215,222,0.32)", - "hoverBorder": "rgba(0,0,0,0)", - "activeBg": "rgba(208,215,222,0.48)", - "activeBorder": "rgba(0,0,0,0)", - "selectedBg": "rgba(208,215,222,0.24)" - }, - "danger": { - "hoverBg": "rgba(255,235,233,0.64)", - "activeBg": "#ffebe9", - "hoverText": "#d1242f" - } - }, - "switchTrack": { - "bg": "#eaeef2", - "hoverBg": "hsla(210,24%,90%,1)", - "activeBg": "hsla(210,24%,88%,1)", - "disabledBg": "#8c959f", - "fg": "#656d76", - "disabledFg": "#ffffff", - "border": "rgba(0,0,0,0)", - "checked": { - "bg": "#0969da", - "hoverBg": "#0860CA", - "activeBg": "#0757BA", - "fg": "#ffffff", - "disabledFg": "#ffffff", - "border": "rgba(0,0,0,0)" - } - }, - "switchKnob": { - "bg": "#ffffff", - "disabledBg": "#f6f8fa", - "border": "#858F99", - "checked": { - "bg": "#ffffff", - "disabledBg": "#f6f8fa", - "border": "#0969da" - } - }, - "segmentedControl": { - "bg": "#eaeef2", - "button": { - "bg": "#ffffff", - "hover": { - "bg": "rgba(175,184,193,0.2)" - }, - "active": { - "bg": "rgba(175,184,193,0.4)" - }, - "selected": { - "border": "#8c959f" - } - } - }, - "treeViewItem": { - "chevron": { - "hoverBg": "rgba(208,215,222,0.32)" - }, - "directory": { - "fill": "#54aeff" - } - }, - "fg": { - "default": "#1F2328", - "muted": "#656d76", - "subtle": "#6e7781", - "onEmphasis": "#ffffff" - }, - "canvas": { - "default": "#ffffff", - "overlay": "#ffffff", - "inset": "#f6f8fa", - "subtle": "#f6f8fa" - }, - "border": { - "default": "#d0d7de", - "muted": "hsla(210,18%,87%,1)", - "subtle": "rgba(31,35,40,0.15)" - }, - "shadow": { - "small": "0 1px 0 rgba(31,35,40,0.04)", - "medium": "0 3px 6px rgba(140,149,159,0.15)", - "large": "0 8px 24px rgba(140,149,159,0.2)", - "extraLarge": "0 12px 28px rgba(140,149,159,0.3)" - }, - "neutral": { - "emphasisPlus": "#24292f", - "emphasis": "#6e7781", - "muted": "rgba(175,184,193,0.2)", - "subtle": "rgba(234,238,242,0.5)" - }, - "accent": { - "fg": "#0969da", - "emphasis": "#0969da", - "muted": "rgba(84,174,255,0.4)", - "subtle": "#ddf4ff" - }, - "success": { - "fg": "#1a7f37", - "emphasis": "#c9f04d", - "muted": "rgba(74,194,107,0.4)", - "subtle": "#dafbe1" - }, - "attention": { - "fg": "#9a6700", - "emphasis": "#9a6700", - "muted": "rgba(212,167,44,0.4)", - "subtle": "#fff8c5" - }, - "severe": { - "fg": "#bc4c00", - "emphasis": "#bc4c00", - "muted": "rgba(251,143,68,0.4)", - "subtle": "#fff1e5" - }, - "danger": { - "fg": "#d1242f", - "emphasis": "#cf222e", - "muted": "rgba(255,129,130,0.4)", - "subtle": "#ffebe9" - }, - "open": { - "fg": "#1a7f37", - "emphasis": "#c9f04d", - "muted": "rgba(74,194,107,0.4)", - "subtle": "#dafbe1" - }, - "closed": { - "fg": "#d1242f", - "emphasis": "#cf222e", - "muted": "rgba(255,129,130,0.4)", - "subtle": "#ffebe9" - }, - "done": { - "fg": "#8250df", - "emphasis": "#8250df", - "muted": "rgba(194,151,255,0.4)", - "subtle": "#fbefff" - }, - "sponsors": { - "fg": "#bf3989", - "emphasis": "#bf3989", - "muted": "rgba(255,128,200,0.4)", - "subtle": "#ffeff7" - }, - "primer": { - "fg": { - "disabled": "#8c959f" - }, - "canvas": { - "backdrop": "rgba(31,35,40,0.5)", - "sticky": "rgba(255,255,255,0.95)" - }, - "border": { - "active": "#fd8c73", - "contrast": "rgba(31,35,40,0.1)" - }, - "shadow": { - "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)", - "inset": "inset 0 1px 0 rgba(208,215,222,0.2)" - } - }, - "scale": { - "prov": { - "neonGreen": "#c9f04d", - "green": [ - "#F3F8F6", - "#E1EEEA", - "#BBD9D0", - "#94C5B6", - "#59A991", - "#08856C", - "#0A6351", - "#0A4337", - "#09332B", - "#07251F" - ], - "gray": [ - "#F9FAFA", - "#F4F4F4", - "#EDEDED", - "#DDDDDD", - "#CCCCCC", - "#B4B4B4", - "#939393", - "#686868", - "#3C3C3C", - "#1F1E1E" - ], - "theme": { - "climate": "#C3EBE5", - "waste": "#D1DBEB", - "nature": "#E4F4C9", - "workers": "#FFB7B2", - "communities": "#FFDFC9" - } - }, - "black": "#1F2328", - "white": "#ffffff", - "gray": [ - "#f6f8fa", - "#eaeef2", - "#d0d7de", - "#afb8c1", - "#8c959f", - "#6e7781", - "#57606a", - "#424a53", - "#32383f", - "#24292f" - ], - "blue": [ - "#ddf4ff", - "#b6e3ff", - "#80ccff", - "#54aeff", - "#218bff", - "#0969da", - "#0550ae", - "#033d8b", - "#0a3069", - "#002155" - ], - "green": [ - "#dafbe1", - "#aceebb", - "#6fdd8b", - "#4ac26b", - "#2da44e", - "#1a7f37", - "#116329", - "#044f1e", - "#003d16", - "#002d11" - ], - "yellow": [ - "#fff8c5", - "#fae17d", - "#eac54f", - "#d4a72c", - "#bf8700", - "#9a6700", - "#7d4e00", - "#633c01", - "#4d2d00", - "#3b2300" - ], - "orange": [ - "#fff1e5", - "#ffd8b5", - "#ffb77c", - "#fb8f44", - "#e16f24", - "#bc4c00", - "#953800", - "#762c00", - "#5c2200", - "#471700" - ], - "red": [ - "#ffebe9", - "#ffcecb", - "#ffaba8", - "#ff8182", - "#fa4549", - "#cf222e", - "#a40e26", - "#82071e", - "#660018", - "#4c0014" - ], - "purple": [ - "#fbefff", - "#ecd8ff", - "#d8b9ff", - "#c297ff", - "#a475f9", - "#8250df", - "#6639ba", - "#512a97", - "#3e1f79", - "#2e1461" - ], - "pink": [ - "#ffeff7", - "#ffd3eb", - "#ffadda", - "#ff80c8", - "#e85aad", - "#bf3989", - "#99286e", - "#772057", - "#611347", - "#4d0336" - ], - "coral": [ - "#fff0eb", - "#ffd6cc", - "#ffb4a1", - "#fd8c73", - "#ec6547", - "#c4432b", - "#9e2f1c", - "#801f0f", - "#691105", - "#510901" - ] - } -}; diff --git a/dist/js/index.d.ts b/dist/js/index.d.ts deleted file mode 100644 index 4496a1cbc..000000000 --- a/dist/js/index.d.ts +++ /dev/null @@ -1,547 +0,0 @@ -declare const _default: { - colors: { - light: { - canvasDefaultTransparent: string; - pageHeaderBg: string; - marketingIcon: { - primary: string; - secondary: string; - }; - diffBlob: { - addition: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - deletion: { - numText: string; - fg: string; - numBg: string; - lineBg: string; - wordBg: string; - }; - hunk: { - numBg: string; - }; - expander: { - icon: string; - }; - selectedLineHighlightMixBlendMode: string; - }; - diffstat: { - deletionBorder: string; - additionBorder: string; - additionBg: string; - }; - searchKeyword: { - hl: string; - }; - prettylights: { - syntax: { - comment: string; - constant: string; - entity: string; - storageModifierImport: string; - entityTag: string; - keyword: string; - string: string; - variable: string; - brackethighlighterUnmatched: string; - invalidIllegalText: string; - invalidIllegalBg: string; - carriageReturnText: string; - carriageReturnBg: string; - stringRegexp: string; - markupList: string; - markupHeading: string; - markupItalic: string; - markupBold: string; - markupDeletedText: string; - markupDeletedBg: string; - markupInsertedText: string; - markupInsertedBg: string; - markupChangedText: string; - markupChangedBg: string; - markupIgnoredText: string; - markupIgnoredBg: string; - metaDiffRange: string; - brackethighlighterAngle: string; - sublimelinterGutterMark: string; - constantOtherReferenceLink: string; - }; - }; - codemirror: { - text: string; - bg: string; - guttersBg: string; - guttermarkerText: string; - guttermarkerSubtleText: string; - linenumberText: string; - cursor: string; - selectionBg: string; - activelineBg: string; - matchingbracketText: string; - linesBg: string; - syntax: { - comment: string; - constant: string; - entity: string; - keyword: string; - storage: string; - string: string; - support: string; - variable: string; - }; - }; - checks: { - bg: string; - runBorderWidth: string; - containerBorderWidth: string; - textPrimary: string; - textSecondary: string; - textLink: string; - btnIcon: string; - btnHoverIcon: string; - btnHoverBg: string; - inputText: string; - inputPlaceholderText: string; - inputFocusText: string; - inputBg: string; - inputShadow: string; - donutError: string; - donutPending: string; - donutSuccess: string; - donutNeutral: string; - dropdownText: string; - dropdownBg: string; - dropdownBorder: string; - dropdownShadow: string; - dropdownHoverText: string; - dropdownHoverBg: string; - dropdownBtnHoverText: string; - dropdownBtnHoverBg: string; - scrollbarThumbBg: string; - headerLabelText: string; - headerLabelOpenText: string; - headerBorder: string; - headerIcon: string; - lineText: string; - lineNumText: string; - lineTimestampText: string; - lineHoverBg: string; - lineSelectedBg: string; - lineSelectedNumText: string; - lineDtFmText: string; - lineDtFmBg: string; - gateBg: string; - gateText: string; - gateWaitingText: string; - stepHeaderOpenBg: string; - stepErrorText: string; - stepWarningText: string; - loglineText: string; - loglineNumText: string; - loglineDebugText: string; - loglineErrorText: string; - loglineErrorNumText: string; - loglineErrorBg: string; - loglineWarningText: string; - loglineWarningNumText: string; - loglineWarningBg: string; - loglineCommandText: string; - loglineSectionText: string; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - }; - project: { - headerBg: string; - sidebarBg: string; - gradientIn: string; - gradientOut: string; - }; - mktg: { - btn: { - bg: string; - shadow: { - outline: string; - focus: string; - hover: string; - hoverMuted: string; - }; - }; - }; - control: { - borderColor: { - emphasis: string; - }; - }; - avatar: { - bg: string; - border: string; - stackFade: string; - stackFadeMore: string; - childShadow: string; - }; - topicTag: { - border: string; - }; - counter: { - border: string; - }; - selectMenu: { - backdropBorder: string; - tapHighlight: string; - tapFocusBg: string; - }; - overlay: { - shadow: string; - backdrop: string; - }; - header: { - text: string; - bg: string; - divider: string; - logo: string; - }; - headerSearch: { - bg: string; - border: string; - }; - sidenav: { - selectedBg: string; - }; - menu: { - bgActive: string; - }; - input: { - disabledBg: string; - }; - timeline: { - badgeBg: string; - }; - ansi: { - black: string; - blackBright: string; - white: string; - whiteBright: string; - gray: string; - red: string; - redBright: string; - green: string; - greenBright: string; - yellow: string; - yellowBright: string; - blue: string; - blueBright: string; - magenta: string; - magentaBright: string; - cyan: string; - cyanBright: string; - }; - btn: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - counterBg: string; - primary: { - text: string; - bg: string; - border: string; - shadow: string; - insetShadow: string; - hoverBg: string; - hoverBorder: string; - selectedBg: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledBorder: string; - icon: string; - counterBg: string; - }; - outline: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - danger: { - text: string; - hoverText: string; - hoverBg: string; - hoverBorder: string; - hoverShadow: string; - hoverInsetShadow: string; - hoverCounterBg: string; - selectedText: string; - selectedBg: string; - selectedBorder: string; - selectedShadow: string; - disabledText: string; - disabledBg: string; - disabledCounterBg: string; - counterBg: string; - icon: string; - hoverIcon: string; - counterFg: string; - hoverCounterFg: string; - disabledCounterFg: string; - }; - inactive: { - bg: string; - text: string; - }; - }; - underlinenav: { - icon: string; - borderHover: string; - }; - actionListItem: { - inlineDivider: string; - default: { - hoverBg: string; - hoverBorder: string; - activeBg: string; - activeBorder: string; - selectedBg: string; - }; - danger: { - hoverBg: string; - activeBg: string; - hoverText: string; - }; - }; - switchTrack: { - bg: string; - hoverBg: string; - activeBg: string; - disabledBg: string; - fg: string; - disabledFg: string; - border: string; - checked: { - bg: string; - hoverBg: string; - activeBg: string; - fg: string; - disabledFg: string; - border: string; - }; - }; - switchKnob: { - bg: string; - disabledBg: string; - border: string; - checked: { - bg: string; - disabledBg: string; - border: string; - }; - }; - segmentedControl: { - bg: string; - button: { - bg: string; - hover: { - bg: string; - }; - active: { - bg: string; - }; - selected: { - border: string; - }; - }; - }; - treeViewItem: { - chevron: { - hoverBg: string; - }; - directory: { - fill: string; - }; - }; - fg: { - default: string; - muted: string; - subtle: string; - onEmphasis: string; - }; - canvas: { - default: string; - overlay: string; - inset: string; - subtle: string; - }; - border: { - default: string; - muted: string; - subtle: string; - }; - shadow: { - small: string; - medium: string; - large: string; - extraLarge: string; - }; - neutral: { - emphasisPlus: string; - emphasis: string; - muted: string; - subtle: string; - }; - accent: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - success: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - attention: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - severe: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - danger: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - open: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - closed: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - done: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - sponsors: { - fg: string; - emphasis: string; - muted: string; - subtle: string; - }; - primer: { - fg: { - disabled: string; - }; - canvas: { - backdrop: string; - sticky: string; - }; - border: { - active: string; - contrast: string; - }; - shadow: { - highlight: string; - inset: string; - }; - }; - scale: { - prov: { - neonGreen: string; - green: string[]; - gray: string[]; - theme: { - climate: string; - waste: string; - nature: string; - workers: string; - communities: string; - }; - }; - black: string; - white: string; - gray: string[]; - blue: string[]; - green: string[]; - yellow: string[]; - orange: string[]; - red: string[]; - purple: string[]; - pink: string[]; - coral: string[]; - }; - }; - }; - spacing: { - normal: { - spacer: string[]; - }; - }; - typography: { - normal: { - fontSize: string[]; - lineHeight: { - condensedUltra: number; - condensed: number; - default: number; - }; - }; - }; -}; -export default _default; diff --git a/dist/js/index.js b/dist/js/index.js deleted file mode 100644 index 491c4cc6a..000000000 --- a/dist/js/index.js +++ /dev/null @@ -1,9 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const colors_1 = __importDefault(require("./colors")); -const spacing_1 = __importDefault(require("./spacing")); -const typography_1 = __importDefault(require("./typography")); -exports.default = { colors: colors_1.default, spacing: spacing_1.default, typography: typography_1.default }; diff --git a/dist/js/spacing/index.d.ts b/dist/js/spacing/index.d.ts deleted file mode 100644 index b66290d7a..000000000 --- a/dist/js/spacing/index.d.ts +++ /dev/null @@ -1,6 +0,0 @@ -declare const _default: { - normal: { - spacer: string[]; - }; -}; -export default _default; diff --git a/dist/js/spacing/index.js b/dist/js/spacing/index.js deleted file mode 100644 index 13608a6b5..000000000 --- a/dist/js/spacing/index.js +++ /dev/null @@ -1,7 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const normal_1 = __importDefault(require("./normal")); -exports.default = { normal: normal_1.default }; diff --git a/dist/js/spacing/normal.d.ts b/dist/js/spacing/normal.d.ts deleted file mode 100644 index 943373120..000000000 --- a/dist/js/spacing/normal.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -declare const _default: { - spacer: string[]; -}; -export default _default; diff --git a/dist/js/spacing/normal.js b/dist/js/spacing/normal.js deleted file mode 100644 index 4fe318e26..000000000 --- a/dist/js/spacing/normal.js +++ /dev/null @@ -1,13 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.default = { - "spacer": [ - "0", - "4px", - "8px", - "16px", - "24px", - "32px", - "40px" - ] -}; diff --git a/dist/js/typography/index.d.ts b/dist/js/typography/index.d.ts deleted file mode 100644 index 74996d583..000000000 --- a/dist/js/typography/index.d.ts +++ /dev/null @@ -1,11 +0,0 @@ -declare const _default: { - normal: { - fontSize: string[]; - lineHeight: { - condensedUltra: number; - condensed: number; - default: number; - }; - }; -}; -export default _default; diff --git a/dist/js/typography/index.js b/dist/js/typography/index.js deleted file mode 100644 index 13608a6b5..000000000 --- a/dist/js/typography/index.js +++ /dev/null @@ -1,7 +0,0 @@ -"use strict"; -var __importDefault = (this && this.__importDefault) || function (mod) { - return (mod && mod.__esModule) ? mod : { "default": mod }; -}; -Object.defineProperty(exports, "__esModule", { value: true }); -const normal_1 = __importDefault(require("./normal")); -exports.default = { normal: normal_1.default }; diff --git a/dist/js/typography/normal.d.ts b/dist/js/typography/normal.d.ts deleted file mode 100644 index 599a0bcd7..000000000 --- a/dist/js/typography/normal.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -declare const _default: { - fontSize: string[]; - lineHeight: { - condensedUltra: number; - condensed: number; - default: number; - }; -}; -export default _default; diff --git a/dist/js/typography/normal.js b/dist/js/typography/normal.js deleted file mode 100644 index 2a4384ca6..000000000 --- a/dist/js/typography/normal.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; -Object.defineProperty(exports, "__esModule", { value: true }); -exports.default = { - "fontSize": [ - "12px", - "14px", - "16px", - "20px", - "24px", - "32px", - "40px", - "48px" - ], - "lineHeight": { - "condensedUltra": 1, - "condensed": 1.25, - "default": 1.5 - } -}; diff --git a/dist/json/colors/light.json b/dist/json/colors/light.json deleted file mode 100644 index 1569cb312..000000000 --- a/dist/json/colors/light.json +++ /dev/null @@ -1,648 +0,0 @@ -{ - "canvasDefaultTransparent": "rgba(255,255,255,0)", - "pageHeaderBg": "#f6f8fa", - "marketingIcon": { - "primary": "#218bff", - "secondary": "#54aeff" - }, - "diffBlob": { - "addition": { - "numText": "#1F2328", - "fg": "#1F2328", - "numBg": "#ccffd8", - "lineBg": "#e6ffec", - "wordBg": "#abf2bc" - }, - "deletion": { - "numText": "#1F2328", - "fg": "#1F2328", - "numBg": "#ffd7d5", - "lineBg": "#ffebe9", - "wordBg": "rgba(255,129,130,0.4)" - }, - "hunk": { - "numBg": "rgba(84,174,255,0.4)" - }, - "expander": { - "icon": "#656d76" - }, - "selectedLineHighlightMixBlendMode": "multiply" - }, - "diffstat": { - "deletionBorder": "rgba(31,35,40,0.15)", - "additionBorder": "rgba(31,35,40,0.15)", - "additionBg": "#c9f04d" - }, - "searchKeyword": { - "hl": "#fff8c5" - }, - "prettylights": { - "syntax": { - "comment": "#57606a", - "constant": "#0550ae", - "entity": "#6639ba", - "storageModifierImport": "#24292f", - "entityTag": "#116329", - "keyword": "#cf222e", - "string": "#0a3069", - "variable": "#953800", - "brackethighlighterUnmatched": "#82071e", - "invalidIllegalText": "#f6f8fa", - "invalidIllegalBg": "#82071e", - "carriageReturnText": "#f6f8fa", - "carriageReturnBg": "#cf222e", - "stringRegexp": "#116329", - "markupList": "#3b2300", - "markupHeading": "#0550ae", - "markupItalic": "#24292f", - "markupBold": "#24292f", - "markupDeletedText": "#82071e", - "markupDeletedBg": "#ffebe9", - "markupInsertedText": "#116329", - "markupInsertedBg": "#dafbe1", - "markupChangedText": "#953800", - "markupChangedBg": "#ffd8b5", - "markupIgnoredText": "#eaeef2", - "markupIgnoredBg": "#0550ae", - "metaDiffRange": "#8250df", - "brackethighlighterAngle": "#57606a", - "sublimelinterGutterMark": "#8c959f", - "constantOtherReferenceLink": "#0a3069" - } - }, - "codemirror": { - "text": "#1F2328", - "bg": "#ffffff", - "guttersBg": "#ffffff", - "guttermarkerText": "#ffffff", - "guttermarkerSubtleText": "#6e7781", - "linenumberText": "#656d76", - "cursor": "#1F2328", - "selectionBg": "rgba(84,174,255,0.4)", - "activelineBg": "rgba(234,238,242,0.5)", - "matchingbracketText": "#1F2328", - "linesBg": "#ffffff", - "syntax": { - "comment": "#24292f", - "constant": "#0550ae", - "entity": "#8250df", - "keyword": "#cf222e", - "storage": "#cf222e", - "string": "#0a3069", - "support": "#0550ae", - "variable": "#953800" - } - }, - "checks": { - "bg": "#24292f", - "runBorderWidth": "0px", - "containerBorderWidth": "0px", - "textPrimary": "#f6f8fa", - "textSecondary": "#8c959f", - "textLink": "#54aeff", - "btnIcon": "#afb8c1", - "btnHoverIcon": "#f6f8fa", - "btnHoverBg": "rgba(255,255,255,0.125)", - "inputText": "#eaeef2", - "inputPlaceholderText": "#8c959f", - "inputFocusText": "#8c959f", - "inputBg": "#32383f", - "inputShadow": "none", - "donutError": "#fa4549", - "donutPending": "#bf8700", - "donutSuccess": "#c9f04d", - "donutNeutral": "#afb8c1", - "dropdownText": "#afb8c1", - "dropdownBg": "#32383f", - "dropdownBorder": "#424a53", - "dropdownShadow": "rgba(31,35,40,0.3)", - "dropdownHoverText": "#f6f8fa", - "dropdownHoverBg": "#424a53", - "dropdownBtnHoverText": "#f6f8fa", - "dropdownBtnHoverBg": "#32383f", - "scrollbarThumbBg": "#57606a", - "headerLabelText": "#d0d7de", - "headerLabelOpenText": "#f6f8fa", - "headerBorder": "#32383f", - "headerIcon": "#8c959f", - "lineText": "#d0d7de", - "lineNumText": "rgba(140,149,159,0.75)", - "lineTimestampText": "#8c959f", - "lineHoverBg": "#32383f", - "lineSelectedBg": "rgba(33,139,255,0.15)", - "lineSelectedNumText": "#54aeff", - "lineDtFmText": "#24292f", - "lineDtFmBg": "#9a6700", - "gateBg": "rgba(125,78,0,0.15)", - "gateText": "#d0d7de", - "gateWaitingText": "#d4a72c", - "stepHeaderOpenBg": "#32383f", - "stepErrorText": "#ff8182", - "stepWarningText": "#d4a72c", - "loglineText": "#8c959f", - "loglineNumText": "rgba(140,149,159,0.75)", - "loglineDebugText": "#c297ff", - "loglineErrorText": "#d0d7de", - "loglineErrorNumText": "#ff8182", - "loglineErrorBg": "rgba(164,14,38,0.15)", - "loglineWarningText": "#d0d7de", - "loglineWarningNumText": "#d4a72c", - "loglineWarningBg": "rgba(125,78,0,0.15)", - "loglineCommandText": "#54aeff", - "loglineSectionText": "#4ac26b", - "ansi": { - "black": "#24292f", - "blackBright": "#32383f", - "white": "#d0d7de", - "whiteBright": "#d0d7de", - "gray": "#8c959f", - "red": "#ff8182", - "redBright": "#ffaba8", - "green": "#4ac26b", - "greenBright": "#6fdd8b", - "yellow": "#d4a72c", - "yellowBright": "#eac54f", - "blue": "#54aeff", - "blueBright": "#80ccff", - "magenta": "#c297ff", - "magentaBright": "#d8b9ff", - "cyan": "#76e3ea", - "cyanBright": "#b3f0ff" - } - }, - "project": { - "headerBg": "#24292f", - "sidebarBg": "#ffffff", - "gradientIn": "#ffffff", - "gradientOut": "rgba(255,255,255,0)" - }, - "mktg": { - "btn": { - "bg": "#1b1f23", - "shadow": { - "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset", - "focus": "rgb(0 0 0 / 15%) 0 0 0 4px", - "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)", - "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset" - } - } - }, - "control": { - "borderColor": { - "emphasis": "#858F99" - } - }, - "avatar": { - "bg": "#ffffff", - "border": "rgba(31,35,40,0.15)", - "stackFade": "#afb8c1", - "stackFadeMore": "#d0d7de", - "childShadow": "0 0 0 2px rgba(255,255,255,0.8)" - }, - "topicTag": { - "border": "rgba(0,0,0,0)" - }, - "counter": { - "border": "rgba(0,0,0,0)" - }, - "selectMenu": { - "backdropBorder": "rgba(0,0,0,0)", - "tapHighlight": "rgba(175,184,193,0.5)", - "tapFocusBg": "#b6e3ff" - }, - "overlay": { - "shadow": "0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12)", - "backdrop": "rgba(140,149,159,0.2)" - }, - "header": { - "text": "rgba(255,255,255,0.7)", - "bg": "#24292f", - "divider": "#57606a", - "logo": "#ffffff" - }, - "headerSearch": { - "bg": "#24292f", - "border": "#57606a" - }, - "sidenav": { - "selectedBg": "#ffffff" - }, - "menu": { - "bgActive": "rgba(0,0,0,0)" - }, - "input": { - "disabledBg": "rgba(175,184,193,0.2)" - }, - "timeline": { - "badgeBg": "#eaeef2" - }, - "ansi": { - "black": "#24292f", - "blackBright": "#57606a", - "white": "#6e7781", - "whiteBright": "#8c959f", - "gray": "#6e7781", - "red": "#cf222e", - "redBright": "#a40e26", - "green": "#116329", - "greenBright": "#1a7f37", - "yellow": "#4d2d00", - "yellowBright": "#633c01", - "blue": "#0969da", - "blueBright": "#218bff", - "magenta": "#8250df", - "magentaBright": "#a475f9", - "cyan": "#1b7c83", - "cyanBright": "#3192aa" - }, - "btn": { - "text": "#24292f", - "bg": "#f6f8fa", - "border": "rgba(31,35,40,0.15)", - "shadow": "0 1px 0 rgba(31,35,40,0.04)", - "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)", - "hoverBg": "#f3f4f6", - "hoverBorder": "rgba(31,35,40,0.15)", - "activeBg": "hsla(220,14%,93%,1)", - "activeBorder": "rgba(31,35,40,0.15)", - "selectedBg": "hsla(220,14%,94%,1)", - "counterBg": "rgba(31,35,40,0.08)", - "primary": { - "text": "#ffffff", - "bg": "#08856C", - "border": "rgba(31,35,40,0.15)", - "shadow": "0 1px 0 rgba(31,35,40,0.1)", - "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", - "hoverBg": "#0A6351", - "hoverBorder": "rgba(31,35,40,0.15)", - "selectedBg": "hsla(168,82%,19%,1)", - "selectedShadow": "inset 0 1px 0 rgba(7,37,31,0.2)", - "disabledText": "rgba(255,255,255,0.8)", - "disabledBg": "#94d3a2", - "disabledBorder": "rgba(31,35,40,0.15)", - "icon": "rgba(255,255,255,0.8)", - "counterBg": "rgba(7,37,31,0.2)" - }, - "outline": { - "text": "#0969da", - "hoverText": "#ffffff", - "hoverBg": "#0969da", - "hoverBorder": "rgba(31,35,40,0.15)", - "hoverShadow": "0 1px 0 rgba(31,35,40,0.1)", - "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", - "hoverCounterBg": "rgba(255,255,255,0.2)", - "selectedText": "#ffffff", - "selectedBg": "hsla(212,92%,42%,1)", - "selectedBorder": "rgba(31,35,40,0.15)", - "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)", - "disabledText": "rgba(9,105,218,0.5)", - "disabledBg": "#f6f8fa", - "disabledCounterBg": "rgba(9,105,218,0.05)", - "counterBg": "#0969da1a", - "counterFg": "#0550ae", - "hoverCounterFg": "#ffffff", - "disabledCounterFg": "rgba(9,105,218,0.5)" - }, - "danger": { - "text": "#cf222e", - "hoverText": "#ffffff", - "hoverBg": "#a40e26", - "hoverBorder": "rgba(31,35,40,0.15)", - "hoverShadow": "0 1px 0 rgba(31,35,40,0.1)", - "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", - "hoverCounterBg": "rgba(255,255,255,0.2)", - "selectedText": "#ffffff", - "selectedBg": "hsla(356,72%,44%,1)", - "selectedBorder": "rgba(31,35,40,0.15)", - "selectedShadow": "inset 0 1px 0 rgba(76,0,20,0.2)", - "disabledText": "rgba(207,34,46,0.5)", - "disabledBg": "#f6f8fa", - "disabledCounterBg": "rgba(207,34,46,0.05)", - "counterBg": "rgba(207,34,46,0.1)", - "icon": "#cf222e", - "hoverIcon": "#ffffff", - "counterFg": "#a40e26", - "hoverCounterFg": "#ffffff", - "disabledCounterFg": "rgba(207,34,46,0.5)" - }, - "inactive": { - "bg": "#eaeef2", - "text": "#57606a" - } - }, - "underlinenav": { - "icon": "#6e7781", - "borderHover": "rgba(175,184,193,0.2)" - }, - "actionListItem": { - "inlineDivider": "rgba(208,215,222,0.48)", - "default": { - "hoverBg": "rgba(208,215,222,0.32)", - "hoverBorder": "rgba(0,0,0,0)", - "activeBg": "rgba(208,215,222,0.48)", - "activeBorder": "rgba(0,0,0,0)", - "selectedBg": "rgba(208,215,222,0.24)" - }, - "danger": { - "hoverBg": "rgba(255,235,233,0.64)", - "activeBg": "#ffebe9", - "hoverText": "#d1242f" - } - }, - "switchTrack": { - "bg": "#eaeef2", - "hoverBg": "hsla(210,24%,90%,1)", - "activeBg": "hsla(210,24%,88%,1)", - "disabledBg": "#8c959f", - "fg": "#656d76", - "disabledFg": "#ffffff", - "border": "rgba(0,0,0,0)", - "checked": { - "bg": "#0969da", - "hoverBg": "#0860CA", - "activeBg": "#0757BA", - "fg": "#ffffff", - "disabledFg": "#ffffff", - "border": "rgba(0,0,0,0)" - } - }, - "switchKnob": { - "bg": "#ffffff", - "disabledBg": "#f6f8fa", - "border": "#858F99", - "checked": { - "bg": "#ffffff", - "disabledBg": "#f6f8fa", - "border": "#0969da" - } - }, - "segmentedControl": { - "bg": "#eaeef2", - "button": { - "bg": "#ffffff", - "hover": { - "bg": "rgba(175,184,193,0.2)" - }, - "active": { - "bg": "rgba(175,184,193,0.4)" - }, - "selected": { - "border": "#8c959f" - } - } - }, - "treeViewItem": { - "chevron": { - "hoverBg": "rgba(208,215,222,0.32)" - }, - "directory": { - "fill": "#54aeff" - } - }, - "fg": { - "default": "#1F2328", - "muted": "#656d76", - "subtle": "#6e7781", - "onEmphasis": "#ffffff" - }, - "canvas": { - "default": "#ffffff", - "overlay": "#ffffff", - "inset": "#f6f8fa", - "subtle": "#f6f8fa" - }, - "border": { - "default": "#d0d7de", - "muted": "hsla(210,18%,87%,1)", - "subtle": "rgba(31,35,40,0.15)" - }, - "shadow": { - "small": "0 1px 0 rgba(31,35,40,0.04)", - "medium": "0 3px 6px rgba(140,149,159,0.15)", - "large": "0 8px 24px rgba(140,149,159,0.2)", - "extraLarge": "0 12px 28px rgba(140,149,159,0.3)" - }, - "neutral": { - "emphasisPlus": "#24292f", - "emphasis": "#6e7781", - "muted": "rgba(175,184,193,0.2)", - "subtle": "rgba(234,238,242,0.5)" - }, - "accent": { - "fg": "#0969da", - "emphasis": "#0969da", - "muted": "rgba(84,174,255,0.4)", - "subtle": "#ddf4ff" - }, - "success": { - "fg": "#1a7f37", - "emphasis": "#c9f04d", - "muted": "rgba(74,194,107,0.4)", - "subtle": "#dafbe1" - }, - "attention": { - "fg": "#9a6700", - "emphasis": "#9a6700", - "muted": "rgba(212,167,44,0.4)", - "subtle": "#fff8c5" - }, - "severe": { - "fg": "#bc4c00", - "emphasis": "#bc4c00", - "muted": "rgba(251,143,68,0.4)", - "subtle": "#fff1e5" - }, - "danger": { - "fg": "#d1242f", - "emphasis": "#cf222e", - "muted": "rgba(255,129,130,0.4)", - "subtle": "#ffebe9" - }, - "open": { - "fg": "#1a7f37", - "emphasis": "#c9f04d", - "muted": "rgba(74,194,107,0.4)", - "subtle": "#dafbe1" - }, - "closed": { - "fg": "#d1242f", - "emphasis": "#cf222e", - "muted": "rgba(255,129,130,0.4)", - "subtle": "#ffebe9" - }, - "done": { - "fg": "#8250df", - "emphasis": "#8250df", - "muted": "rgba(194,151,255,0.4)", - "subtle": "#fbefff" - }, - "sponsors": { - "fg": "#bf3989", - "emphasis": "#bf3989", - "muted": "rgba(255,128,200,0.4)", - "subtle": "#ffeff7" - }, - "primer": { - "fg": { - "disabled": "#8c959f" - }, - "canvas": { - "backdrop": "rgba(31,35,40,0.5)", - "sticky": "rgba(255,255,255,0.95)" - }, - "border": { - "active": "#fd8c73", - "contrast": "rgba(31,35,40,0.1)" - }, - "shadow": { - "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)", - "inset": "inset 0 1px 0 rgba(208,215,222,0.2)" - } - }, - "scale": { - "prov": { - "neonGreen": "#c9f04d", - "green": [ - "#F3F8F6", - "#E1EEEA", - "#BBD9D0", - "#94C5B6", - "#59A991", - "#08856C", - "#0A6351", - "#0A4337", - "#09332B", - "#07251F" - ], - "gray": [ - "#F9FAFA", - "#F4F4F4", - "#EDEDED", - "#DDDDDD", - "#CCCCCC", - "#B4B4B4", - "#939393", - "#686868", - "#3C3C3C", - "#1F1E1E" - ], - "theme": { - "climate": "#C3EBE5", - "waste": "#D1DBEB", - "nature": "#E4F4C9", - "workers": "#FFB7B2", - "communities": "#FFDFC9" - } - }, - "black": "#1F2328", - "white": "#ffffff", - "gray": [ - "#f6f8fa", - "#eaeef2", - "#d0d7de", - "#afb8c1", - "#8c959f", - "#6e7781", - "#57606a", - "#424a53", - "#32383f", - "#24292f" - ], - "blue": [ - "#ddf4ff", - "#b6e3ff", - "#80ccff", - "#54aeff", - "#218bff", - "#0969da", - "#0550ae", - "#033d8b", - "#0a3069", - "#002155" - ], - "green": [ - "#dafbe1", - "#aceebb", - "#6fdd8b", - "#4ac26b", - "#2da44e", - "#1a7f37", - "#116329", - "#044f1e", - "#003d16", - "#002d11" - ], - "yellow": [ - "#fff8c5", - "#fae17d", - "#eac54f", - "#d4a72c", - "#bf8700", - "#9a6700", - "#7d4e00", - "#633c01", - "#4d2d00", - "#3b2300" - ], - "orange": [ - "#fff1e5", - "#ffd8b5", - "#ffb77c", - "#fb8f44", - "#e16f24", - "#bc4c00", - "#953800", - "#762c00", - "#5c2200", - "#471700" - ], - "red": [ - "#ffebe9", - "#ffcecb", - "#ffaba8", - "#ff8182", - "#fa4549", - "#cf222e", - "#a40e26", - "#82071e", - "#660018", - "#4c0014" - ], - "purple": [ - "#fbefff", - "#ecd8ff", - "#d8b9ff", - "#c297ff", - "#a475f9", - "#8250df", - "#6639ba", - "#512a97", - "#3e1f79", - "#2e1461" - ], - "pink": [ - "#ffeff7", - "#ffd3eb", - "#ffadda", - "#ff80c8", - "#e85aad", - "#bf3989", - "#99286e", - "#772057", - "#611347", - "#4d0336" - ], - "coral": [ - "#fff0eb", - "#ffd6cc", - "#ffb4a1", - "#fd8c73", - "#ec6547", - "#c4432b", - "#9e2f1c", - "#801f0f", - "#691105", - "#510901" - ] - } -} \ No newline at end of file diff --git a/dist/json/spacing/normal.json b/dist/json/spacing/normal.json deleted file mode 100644 index cbf40ba4d..000000000 --- a/dist/json/spacing/normal.json +++ /dev/null @@ -1,11 +0,0 @@ -{ - "spacer": [ - "0", - "4px", - "8px", - "16px", - "24px", - "32px", - "40px" - ] -} \ No newline at end of file diff --git a/dist/json/typography/normal.json b/dist/json/typography/normal.json deleted file mode 100644 index 81cc435a6..000000000 --- a/dist/json/typography/normal.json +++ /dev/null @@ -1,17 +0,0 @@ -{ - "fontSize": [ - "12px", - "14px", - "16px", - "20px", - "24px", - "32px", - "40px", - "48px" - ], - "lineHeight": { - "condensedUltra": 1, - "condensed": 1.25, - "default": 1.5 - } -} \ No newline at end of file diff --git a/dist/removed/colors.json b/dist/removed/colors.json deleted file mode 100644 index cf369a638..000000000 --- a/dist/removed/colors.json +++ /dev/null @@ -1,432 +0,0 @@ -{ - "auto.black": null, - "auto.white": null, - "auto.gray.0": null, - "auto.gray.1": null, - "auto.gray.2": null, - "auto.gray.3": null, - "auto.gray.4": null, - "auto.gray.5": null, - "auto.gray.6": null, - "auto.gray.7": null, - "auto.gray.8": null, - "auto.gray.9": null, - "auto.blue.0": null, - "auto.blue.1": null, - "auto.blue.2": null, - "auto.blue.3": null, - "auto.blue.4": null, - "auto.blue.5": null, - "auto.blue.6": null, - "auto.blue.7": null, - "auto.blue.8": null, - "auto.blue.9": null, - "auto.green.0": null, - "auto.green.1": null, - "auto.green.2": null, - "auto.green.3": null, - "auto.green.4": null, - "auto.green.5": null, - "auto.green.6": null, - "auto.green.7": null, - "auto.green.8": null, - "auto.green.9": null, - "auto.yellow.0": null, - "auto.yellow.1": null, - "auto.yellow.2": null, - "auto.yellow.3": null, - "auto.yellow.4": null, - "auto.yellow.5": null, - "auto.yellow.6": null, - "auto.yellow.7": null, - "auto.yellow.8": null, - "auto.yellow.9": null, - "auto.orange.0": null, - "auto.orange.1": null, - "auto.orange.2": null, - "auto.orange.3": null, - "auto.orange.4": null, - "auto.orange.5": null, - "auto.orange.6": null, - "auto.orange.7": null, - "auto.orange.8": null, - "auto.orange.9": null, - "auto.red.0": null, - "auto.red.1": null, - "auto.red.2": null, - "auto.red.3": null, - "auto.red.4": null, - "auto.red.5": null, - "auto.red.6": null, - "auto.red.7": null, - "auto.red.8": null, - "auto.red.9": null, - "auto.purple.0": null, - "auto.purple.1": null, - "auto.purple.2": null, - "auto.purple.3": null, - "auto.purple.4": null, - "auto.purple.5": null, - "auto.purple.6": null, - "auto.purple.7": null, - "auto.purple.8": null, - "auto.purple.9": null, - "auto.pink.0": null, - "auto.pink.1": null, - "auto.pink.2": null, - "auto.pink.3": null, - "auto.pink.4": null, - "auto.pink.5": null, - "auto.pink.6": null, - "auto.pink.7": null, - "auto.pink.8": null, - "auto.pink.9": null, - "text.primary": "fg.default", - "text.secondary": "fg.muted", - "text.tertiary": "fg.muted", - "text.placeholder": "fg.subtle", - "text.disabled": "fg.muted", - "text.inverse": "fg.onEmphasis", - "text.link": "accent.fg", - "text.danger": "danger.fg", - "text.success": "success.fg", - "text.warning": "attention.fg", - "text.white": null, - "icon.primary": "fg.default", - "icon.secondary": "fg.muted", - "icon.tertiary": "fg.muted", - "icon.info": "accent.fg", - "icon.danger": "danger.fg", - "icon.success": "success.fg", - "icon.warning": "attention.fg", - "border.primary": "border.default", - "border.secondary": "border.muted", - "border.tertiary": "border.default", - "border.overlay": "border.default", - "border.inverse": "fg.onEmphasis", - "border.info": "accent.emphasis", - "border.danger": "danger.emphasis", - "border.success": "success.emphasis", - "border.warning": "attention.emphasis", - "bg.canvas": "canvas.default", - "bg.canvasMobile": null, - "bg.canvasInverse": "neutral.emphasis", - "bg.canvasInset": "canvas.inset", - "bg.primary": "canvas.default", - "bg.secondary": "canvas.subtle", - "bg.tertiary": "canvas.subtle", - "bg.overlay": "canvas.overlay", - "bg.backdrop": "primer.canvas.backdrop", - "bg.info": "accent.subtle", - "bg.infoInverse": "accent.emphasis", - "bg.danger": "danger.subtle", - "bg.dangerInverse": "danger.emphasis", - "bg.success": "success.subtle", - "bg.successInverse": "success.emphasis", - "bg.warning": "attention.subtle", - "bg.warningInverse": "attention.emphasis", - "shadow.highlight": "primer.shadow.highlight", - "shadow.inset": "primer.shadow.inset", - "state.hover.primaryBg": "accent.emphasis", - "state.hover.primaryBorder": "accent.emphasis", - "state.hover.primaryText": "fg.onEmphasis", - "state.hover.primaryIcon": "fg.onEmphasis", - "state.hover.secondaryBg": "neutral.subtle", - "state.hover.secondaryBorder": "neutral.subtle", - "state.selected.primaryBg": "accent.emphasis", - "state.selected.primaryBorder": "accent.emphasis", - "state.selected.primaryText": "fg.onEmphasis", - "state.selected.primaryIcon": "fg.onEmphasis", - "state.focus.border": "accent.emphasis", - "fade.fg10": null, - "fade.fg15": null, - "fade.fg30": null, - "fade.fg50": null, - "fade.fg70": null, - "fade.fg85": null, - "fade.black10": null, - "fade.black15": null, - "fade.black30": null, - "fade.black50": null, - "fade.black70": null, - "fade.black85": null, - "fade.white10": null, - "fade.white15": null, - "fade.white30": null, - "fade.white50": null, - "fade.white70": null, - "fade.white85": null, - "alert.info.text": "fg.default", - "alert.info.icon": "accent.fg", - "alert.info.bg": "accent.subtle", - "alert.info.border": "accent.muted", - "alert.warn.text": "fg.default", - "alert.warn.icon": "attention.fg", - "alert.warn.bg": "attention.subtle", - "alert.warn.border": "attention.muted", - "alert.error.text": "fg.default", - "alert.error.icon": "danger.fg", - "alert.error.bg": "danger.subtle", - "alert.error.border": "danger.muted", - "alert.success.text": "fg.default", - "alert.success.icon": "success.fg", - "alert.success.bg": "success.subtle", - "alert.success.border": "success.muted", - "autocomplete.shadow": "shadow.medium", - "autocomplete.rowBorder": "border.muted", - "blankslate.icon": "fg.muted", - "counter.text": "fg.default", - "counter.bg": "neutral.muted", - "counter.primary.text": "fg.onEmphasis", - "counter.primary.bg": "neutral.emphasis", - "counter.secondary.text": "fg.muted", - "counter.secondary.bg": "neutral.subtle", - "box.blueBorder": "accent.muted", - "box.rowYellowBg": "attention.subtle", - "box.rowBlueBg": "accent.subtle", - "box.headerBlueBg": "accent.subtle", - "box.headerBlueBorder": "accent.muted", - "box.borderInfo": "accent.muted", - "box.bgInfo": "accent.subtle", - "box.borderWarning": "attention.muted", - "box.bgWarning": "attention.subtle", - "branchName.text": "fg.muted", - "branchName.icon": "fg.muted", - "branchName.bg": "accent.subtle", - "branchName.link.text": "accent.fg", - "branchName.link.icon": "accent.fg", - "branchName.link.bg": "accent.subtle", - "markdown.codeBg": "neutral.muted", - "markdown.frameBorder": "border.default", - "markdown.blockquoteBorder": "border.default", - "markdown.tableBorder": "border.default", - "markdown.tableTrBorder": "border.muted", - "filterItem.barBg": "neutral.subtle", - "hiddenTextExpander.bg": "neutral.muted", - "hiddenTextExpander.bgHover": "accent.muted", - "dragAndDrop.border": "border.default", - "uploadEnabled.border": "border.default", - "uploadEnabled.borderFocused": "accent.emphasis", - "previewableCommentForm.border": "border.default", - "verifiedBadge.text": "success.fg", - "verifiedBadge.bg": "canvas.default", - "verifiedBadge.border": "border.default", - "socialCount.bg": "canvas.default", - "tooltip.text": "fg.onEmphasis", - "tooltip.bg": "neutral.emphasisPlus", - "filesExplorerIcon": "accent.fg", - "hlAuthorBg": "accent.subtle", - "hlAuthorBorder": "accent.muted", - "logoSubdued": "neutral.muted", - "discussionBorder": "success.muted", - "discussionBgSuccess": "success.emphasis", - "actionsWorkflowTableStickyBg": "primer.canvas.sticky", - "repoLanguageColorBorder": "primer.border.contrast", - "codeSelectionBg": "accent.muted", - "highlight.text": "fg.default", - "highlight.bg": "attention.subtle", - "blob.lineHighlightBg": "attention.subtle", - "blob.lineHighlightBorder": "attention.muted", - "topicTag.text": "accent.fg", - "topicTag.bg": "accent.subtle", - "topicTag.hoverBg": "accent.emphasis", - "topicTag.activeBg": "accent.subtle", - "footerInvertocat.octicon": "fg.subtle", - "footerInvertocat.octiconHover": "fg.muted", - "dropdown.shadow": "shadow.large", - "label.border": "border.default", - "label.primary.text": "fg.default", - "label.primary.border": "neutral.emphasis", - "label.secondary.text": "fg.muted", - "label.secondary.border": "border.default", - "label.info.text": "accent.fg", - "label.info.border": "accent.emphasis", - "label.success.text": "success.fg", - "label.success.border": "success.emphasis", - "label.warning.text": "attention.fg", - "label.warning.border": "attention.emphasis", - "label.danger.text": "danger.fg", - "label.danger.border": "danger.emphasis", - "label.orange.text": "severe.fg", - "label.orange.border": "severe.emphasis", - "input.bg": "canvas.default", - "input.contrastBg": "canvas.inset", - "input.border": "border.default", - "input.shadow": "primer.shadow.inset", - "input.disabledBorder": "border.default", - "input.warningBorder": "attention.emphasis", - "input.errorBorder": "danger.emphasis", - "input.tooltip.success.text": "fg.default", - "input.tooltip.success.bg": "success.subtle", - "input.tooltip.success.border": "success.muted", - "input.tooltip.warning.text": "fg.default", - "input.tooltip.warning.bg": "attention.subtle", - "input.tooltip.warning.border": "attention.muted", - "input.tooltip.error.text": "fg.default", - "input.tooltip.error.bg": "danger.subtle", - "input.tooltip.error.border": "danger.muted", - "toast.text": "fg.default", - "toast.bg": "canvas.default", - "toast.border": "border.default", - "toast.shadow": "shadow.large", - "toast.icon": "fg.onEmphasis", - "toast.iconBg": "accent.emphasis", - "toast.iconBorder": null, - "toast.success.text": "fg.default", - "toast.success.border": "border.default", - "toast.success.icon": "fg.onEmphasis", - "toast.success.iconBg": "success.emphasis", - "toast.success.iconBorder": null, - "toast.warning.text": "fg.default", - "toast.warning.border": "border.default", - "toast.warning.icon": "fg.default", - "toast.warning.iconBg": "attention.emphasis", - "toast.warning.iconBorder": null, - "toast.danger.text": "fg.default", - "toast.danger.border": "border.default", - "toast.danger.icon": "fg.onEmphasis", - "toast.danger.iconBg": "danger.emphasis", - "toast.danger.iconBorder": null, - "toast.loading.text": "fg.default", - "toast.loading.border": "border.default", - "toast.loading.icon": "fg.onEmphasis", - "toast.loading.iconBg": "neutral.emphasis", - "toast.loading.iconBorder": null, - "timeline.text": "fg.muted", - "timeline.badgeSuccessBorder": null, - "timeline.targetBadgeBorder": "accent.emphasis", - "timeline.targetBadgeShadow": "accent.muted", - "diffstat.neutralBg": "neutral.muted", - "diffstat.neutralBorder": "border.subtle", - "diffstat.deletionBg": "danger.emphasis", - "diff.addition.text": "fg.default", - "diff.addition.bg": "success.subtle", - "diff.addition.border": "success.muted", - "diff.deletion.text": "fg.default", - "diff.deletion.bg": "danger.subtle", - "diff.deletion.border": "danger.muted", - "diff.change.text": "attention.fg", - "diff.change.bg": "attention.subtle", - "diff.change.border": "attention.muted", - "mergeBox.successIconBg": "success.emphasis", - "mergeBox.successIconText": "fg.onEmphasis", - "mergeBox.successIconBorder": null, - "mergeBox.successIndicatorBg": "success.emphasis", - "mergeBox.successIndicatorBorder": null, - "mergeBox.mergedIconBg": "done.emphasis", - "mergeBox.mergedIconText": "fg.onEmphasis", - "mergeBox.mergedIconBorder": null, - "mergeBox.mergedBoxBorder": "done.emphasis", - "mergeBox.neutralIconBg": "neutral.emphasis", - "mergeBox.neutralIconText": "fg.onEmphasis", - "mergeBox.neutralIconBorder": null, - "mergeBox.neutralIndicatorBg": "neutral.emphasis", - "mergeBox.neutralIndicatorBorder": null, - "mergeBox.warningIconBg": "attention.emphasis", - "mergeBox.warningIconText": "fg.onEmphasis", - "mergeBox.warningIconBorder": null, - "mergeBox.warningBoxBorder": "attention.emphasis", - "mergeBox.warningMergeHighlight": null, - "mergeBox.errorIconBg": "danger.emphasis", - "mergeBox.errorIconText": "fg.onEmphasis", - "mergeBox.errorIconBorder": null, - "mergeBox.errorIndicatorBg": "danger.emphasis", - "mergeBox.errorIndicatorBorder": null, - "underlinenav.border": null, - "underlinenav.borderActive": "primer.border.active", - "underlinenav.text": "fg.default", - "underlinenav.textHover": "fg.default", - "underlinenav.textActive": "fg.default", - "underlinenav.iconHover": "fg.subtle", - "underlinenav.iconActive": "fg.default", - "underlinenav.counterText": "fg.default", - "underlinenav.counterBg": "neutral.muted", - "selectMenu.borderSecondary": "border.muted", - "selectMenu.shadow": "shadow.large", - "selectMenu.backdropBg": "primer.canvas.backdrop", - "sidenav.borderActive": "primer.border.active", - "menu.headingText": "fg.default", - "menu.borderActive": "primer.border.active", - "project.cardBg": "canvas.overlay", - "prState.draft.text": "fg.onEmphasis", - "prState.draft.bg": "neutral.emphasis", - "prState.draft.border": null, - "prState.open.text": "fg.onEmphasis", - "prState.open.bg": "success.emphasis", - "prState.open.border": null, - "prState.merged.text": "fg.onEmphasis", - "prState.merged.bg": "done.emphasis", - "prState.merged.border": null, - "prState.closed.text": "fg.onEmphasis", - "prState.closed.bg": "danger.emphasis", - "prState.closed.border": null, - "diffBlob.numText": "fg.subtle", - "diffBlob.numHoverText": "fg.default", - "diffBlob.addition.numHoverText": "fg.default", - "diffBlob.deletion.numHoverText": "fg.default", - "diffBlob.hunk.text": "fg.muted", - "diffBlob.hunk.lineBg": "accent.subtle", - "diffBlob.emptyBlockBg": "neutral.subtle", - "diffBlob.selectedLineHighlightBg": "attention.subtle", - "diffBlob.selectedLineHighlightBorder": "attention.muted", - "diffBlob.expander.hoverIcon": "fg.onEmphasis", - "diffBlob.expander.hoverBg": "accent.emphasis", - "diffBlob.commentButton.icon": "fg.onEmphasis", - "diffBlob.commentButton.bg": "accent.emphasis", - "diffBlob.commentButton.gradientBg": null, - "globalNav.logo": null, - "globalNav.bg": null, - "globalNav.text": null, - "globalNav.icon": null, - "globalNav.inputBg": null, - "globalNav.inputBorder": null, - "globalNav.inputIcon": null, - "globalNav.inputPlaceholder": null, - "introShelf.gradientLeft": "accent.subtle", - "introShelf.gradientRight": "success.subtle", - "introShelf.gradientIn": "canvas.default", - "introShelf.gradientOut": null, - "mktg.success": null, - "mktg.info": null, - "mktg.bgShadeGradient.top": null, - "mktg.bgShadeGradient.bottom": null, - "mktg.btn.bg.top": null, - "mktg.btn.bg.bottom": null, - "mktg.btn.bgOverlay.top": null, - "mktg.btn.bgOverlay.bottom": null, - "mktg.btn.text": null, - "mktg.btn.primary.bg.top": null, - "mktg.btn.primary.bg.bottom": null, - "mktg.btn.primary.bgOverlay.top": null, - "mktg.btn.primary.bgOverlay.bottom": null, - "mktg.btn.primary.text": null, - "mktg.btn.enterprise.bg.top": null, - "mktg.btn.enterprise.bg.bottom": null, - "mktg.btn.enterprise.bgOverlay.top": null, - "mktg.btn.enterprise.bgOverlay.bottom": null, - "mktg.btn.enterprise.text": null, - "mktg.btn.outline.text": null, - "mktg.btn.outline.border": null, - "mktg.btn.outline.hover.text": null, - "mktg.btn.outline.hover.border": null, - "mktg.btn.outline.focus.border": null, - "mktg.btn.outline.focus.borderInset": null, - "mktg.btn.dark.text": null, - "mktg.btn.dark.border": null, - "mktg.btn.dark.hover.text": null, - "mktg.btn.dark.hover.border": null, - "mktg.btn.dark.focus.border": null, - "mktg.btn.dark.focus.borderInset": null, - "color.primer.shadow.focus": null, - "color.btn.danger.focus.shadow": null, - "color.btn.danger.focus.border": null, - "color.btn.outline.focus.shadow": null, - "color.btn.outline.focus.border": null, - "color.btn.primary.focus.shadow": null, - "color.btn.primary.focus.border": null, - "color.btn.primary.focus.bg": null, - "color.btn.shadow.input.focus": null, - "color.btn.focus.shadow": null, - "color.btn.focus.border": null, - "color.btn.focus.bg": null -} \ No newline at end of file diff --git a/dist/scss/base/size/size.scss b/dist/scss/base/size/size.scss deleted file mode 100644 index 638eca4cb..000000000 --- a/dist/scss/base/size/size.scss +++ /dev/null @@ -1,17 +0,0 @@ -$base-size-4: 0.25rem; -$base-size-8: 0.5rem; -$base-size-12: 0.75rem; -$base-size-16: 1rem; -$base-size-20: 1.25rem; -$base-size-24: 1.5rem; -$base-size-28: 1.75rem; -$base-size-32: 2rem; -$base-size-36: 2.25rem; -$base-size-40: 2.5rem; -$base-size-44: 2.75rem; -$base-size-48: 3rem; -$base-size-64: 4rem; -$base-size-80: 5rem; -$base-size-96: 6rem; -$base-size-112: 7rem; -$base-size-128: 8rem; diff --git a/dist/scss/base/typography/typography.scss b/dist/scss/base/typography/typography.scss deleted file mode 100644 index aad3e02ce..000000000 --- a/dist/scss/base/typography/typography.scss +++ /dev/null @@ -1,4 +0,0 @@ -$base-text-weight-light: 300; -$base-text-weight-normal: 400; -$base-text-weight-medium: 500; -$base-text-weight-semibold: 600; diff --git a/dist/scss/colors/_light.scss b/dist/scss/colors/_light.scss deleted file mode 100644 index fddef838a..000000000 --- a/dist/scss/colors/_light.scss +++ /dev/null @@ -1,478 +0,0 @@ -@mixin primer-colors-light { - & { - --color-canvas-default-transparent: rgba(255,255,255,0); - --color-page-header-bg: #f6f8fa; - --color-marketing-icon-primary: #218bff; - --color-marketing-icon-secondary: #54aeff; - --color-diff-blob-addition-num-text: #1F2328; - --color-diff-blob-addition-fg: #1F2328; - --color-diff-blob-addition-num-bg: #ccffd8; - --color-diff-blob-addition-line-bg: #e6ffec; - --color-diff-blob-addition-word-bg: #abf2bc; - --color-diff-blob-deletion-num-text: #1F2328; - --color-diff-blob-deletion-fg: #1F2328; - --color-diff-blob-deletion-num-bg: #ffd7d5; - --color-diff-blob-deletion-line-bg: #ffebe9; - --color-diff-blob-deletion-word-bg: rgba(255,129,130,0.4); - --color-diff-blob-hunk-num-bg: rgba(84,174,255,0.4); - --color-diff-blob-expander-icon: #656d76; - --color-diff-blob-selected-line-highlight-mix-blend-mode: multiply; - --color-diffstat-deletion-border: rgba(31,35,40,0.15); - --color-diffstat-addition-border: rgba(31,35,40,0.15); - --color-diffstat-addition-bg: #c9f04d; - --color-search-keyword-hl: #fff8c5; - --color-prettylights-syntax-comment: #57606a; - --color-prettylights-syntax-constant: #0550ae; - --color-prettylights-syntax-entity: #6639ba; - --color-prettylights-syntax-storage-modifier-import: #24292f; - --color-prettylights-syntax-entity-tag: #116329; - --color-prettylights-syntax-keyword: #cf222e; - --color-prettylights-syntax-string: #0a3069; - --color-prettylights-syntax-variable: #953800; - --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; - --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; - --color-prettylights-syntax-invalid-illegal-bg: #82071e; - --color-prettylights-syntax-carriage-return-text: #f6f8fa; - --color-prettylights-syntax-carriage-return-bg: #cf222e; - --color-prettylights-syntax-string-regexp: #116329; - --color-prettylights-syntax-markup-list: #3b2300; - --color-prettylights-syntax-markup-heading: #0550ae; - --color-prettylights-syntax-markup-italic: #24292f; - --color-prettylights-syntax-markup-bold: #24292f; - --color-prettylights-syntax-markup-deleted-text: #82071e; - --color-prettylights-syntax-markup-deleted-bg: #ffebe9; - --color-prettylights-syntax-markup-inserted-text: #116329; - --color-prettylights-syntax-markup-inserted-bg: #dafbe1; - --color-prettylights-syntax-markup-changed-text: #953800; - --color-prettylights-syntax-markup-changed-bg: #ffd8b5; - --color-prettylights-syntax-markup-ignored-text: #eaeef2; - --color-prettylights-syntax-markup-ignored-bg: #0550ae; - --color-prettylights-syntax-meta-diff-range: #8250df; - --color-prettylights-syntax-brackethighlighter-angle: #57606a; - --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; - --color-prettylights-syntax-constant-other-reference-link: #0a3069; - --color-codemirror-text: #1F2328; - --color-codemirror-bg: #ffffff; - --color-codemirror-gutters-bg: #ffffff; - --color-codemirror-guttermarker-text: #ffffff; - --color-codemirror-guttermarker-subtle-text: #6e7781; - --color-codemirror-linenumber-text: #656d76; - --color-codemirror-cursor: #1F2328; - --color-codemirror-selection-bg: rgba(84,174,255,0.4); - --color-codemirror-activeline-bg: rgba(234,238,242,0.5); - --color-codemirror-matchingbracket-text: #1F2328; - --color-codemirror-lines-bg: #ffffff; - --color-codemirror-syntax-comment: #24292f; - --color-codemirror-syntax-constant: #0550ae; - --color-codemirror-syntax-entity: #8250df; - --color-codemirror-syntax-keyword: #cf222e; - --color-codemirror-syntax-storage: #cf222e; - --color-codemirror-syntax-string: #0a3069; - --color-codemirror-syntax-support: #0550ae; - --color-codemirror-syntax-variable: #953800; - --color-checks-bg: #24292f; - --color-checks-run-border-width: 0px; - --color-checks-container-border-width: 0px; - --color-checks-text-primary: #f6f8fa; - --color-checks-text-secondary: #8c959f; - --color-checks-text-link: #54aeff; - --color-checks-btn-icon: #afb8c1; - --color-checks-btn-hover-icon: #f6f8fa; - --color-checks-btn-hover-bg: rgba(255,255,255,0.125); - --color-checks-input-text: #eaeef2; - --color-checks-input-placeholder-text: #8c959f; - --color-checks-input-focus-text: #8c959f; - --color-checks-input-bg: #32383f; - --color-checks-input-shadow: none; - --color-checks-donut-error: #fa4549; - --color-checks-donut-pending: #bf8700; - --color-checks-donut-success: #c9f04d; - --color-checks-donut-neutral: #afb8c1; - --color-checks-dropdown-text: #afb8c1; - --color-checks-dropdown-bg: #32383f; - --color-checks-dropdown-border: #424a53; - --color-checks-dropdown-shadow: rgba(31,35,40,0.3); - --color-checks-dropdown-hover-text: #f6f8fa; - --color-checks-dropdown-hover-bg: #424a53; - --color-checks-dropdown-btn-hover-text: #f6f8fa; - --color-checks-dropdown-btn-hover-bg: #32383f; - --color-checks-scrollbar-thumb-bg: #57606a; - --color-checks-header-label-text: #d0d7de; - --color-checks-header-label-open-text: #f6f8fa; - --color-checks-header-border: #32383f; - --color-checks-header-icon: #8c959f; - --color-checks-line-text: #d0d7de; - --color-checks-line-num-text: rgba(140,149,159,0.75); - --color-checks-line-timestamp-text: #8c959f; - --color-checks-line-hover-bg: #32383f; - --color-checks-line-selected-bg: rgba(33,139,255,0.15); - --color-checks-line-selected-num-text: #54aeff; - --color-checks-line-dt-fm-text: #24292f; - --color-checks-line-dt-fm-bg: #9a6700; - --color-checks-gate-bg: rgba(125,78,0,0.15); - --color-checks-gate-text: #d0d7de; - --color-checks-gate-waiting-text: #d4a72c; - --color-checks-step-header-open-bg: #32383f; - --color-checks-step-error-text: #ff8182; - --color-checks-step-warning-text: #d4a72c; - --color-checks-logline-text: #8c959f; - --color-checks-logline-num-text: rgba(140,149,159,0.75); - --color-checks-logline-debug-text: #c297ff; - --color-checks-logline-error-text: #d0d7de; - --color-checks-logline-error-num-text: #ff8182; - --color-checks-logline-error-bg: rgba(164,14,38,0.15); - --color-checks-logline-warning-text: #d0d7de; - --color-checks-logline-warning-num-text: #d4a72c; - --color-checks-logline-warning-bg: rgba(125,78,0,0.15); - --color-checks-logline-command-text: #54aeff; - --color-checks-logline-section-text: #4ac26b; - --color-checks-ansi-black: #24292f; - --color-checks-ansi-black-bright: #32383f; - --color-checks-ansi-white: #d0d7de; - --color-checks-ansi-white-bright: #d0d7de; - --color-checks-ansi-gray: #8c959f; - --color-checks-ansi-red: #ff8182; - --color-checks-ansi-red-bright: #ffaba8; - --color-checks-ansi-green: #4ac26b; - --color-checks-ansi-green-bright: #6fdd8b; - --color-checks-ansi-yellow: #d4a72c; - --color-checks-ansi-yellow-bright: #eac54f; - --color-checks-ansi-blue: #54aeff; - --color-checks-ansi-blue-bright: #80ccff; - --color-checks-ansi-magenta: #c297ff; - --color-checks-ansi-magenta-bright: #d8b9ff; - --color-checks-ansi-cyan: #76e3ea; - --color-checks-ansi-cyan-bright: #b3f0ff; - --color-project-header-bg: #24292f; - --color-project-sidebar-bg: #ffffff; - --color-project-gradient-in: #ffffff; - --color-project-gradient-out: rgba(255,255,255,0); - --color-mktg-btn-bg: #1b1f23; - --color-mktg-btn-shadow-outline: rgb(0 0 0 / 15%) 0 0 0 1px inset; - --color-mktg-btn-shadow-focus: rgb(0 0 0 / 15%) 0 0 0 4px; - --color-mktg-btn-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02); - --color-mktg-btn-shadow-hover-muted: rgb(0 0 0 / 70%) 0 0 0 2px inset; - --color-control-border-color-emphasis: #858F99; - --color-avatar-bg: #ffffff; - --color-avatar-border: rgba(31,35,40,0.15); - --color-avatar-stack-fade: #afb8c1; - --color-avatar-stack-fade-more: #d0d7de; - --color-avatar-child-shadow: 0 0 0 2px rgba(255,255,255,0.8); - --color-topic-tag-border: rgba(0,0,0,0); - --color-counter-border: rgba(0,0,0,0); - --color-select-menu-backdrop-border: rgba(0,0,0,0); - --color-select-menu-tap-highlight: rgba(175,184,193,0.5); - --color-select-menu-tap-focus-bg: #b6e3ff; - --color-overlay-shadow: 0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12); - --color-overlay-backdrop: rgba(140,149,159,0.2); - --color-header-text: rgba(255,255,255,0.7); - --color-header-bg: #24292f; - --color-header-divider: #57606a; - --color-header-logo: #ffffff; - --color-header-search-bg: #24292f; - --color-header-search-border: #57606a; - --color-sidenav-selected-bg: #ffffff; - --color-menu-bg-active: rgba(0,0,0,0); - --color-input-disabled-bg: rgba(175,184,193,0.2); - --color-timeline-badge-bg: #eaeef2; - --color-ansi-black: #24292f; - --color-ansi-black-bright: #57606a; - --color-ansi-white: #6e7781; - --color-ansi-white-bright: #8c959f; - --color-ansi-gray: #6e7781; - --color-ansi-red: #cf222e; - --color-ansi-red-bright: #a40e26; - --color-ansi-green: #116329; - --color-ansi-green-bright: #1a7f37; - --color-ansi-yellow: #4d2d00; - --color-ansi-yellow-bright: #633c01; - --color-ansi-blue: #0969da; - --color-ansi-blue-bright: #218bff; - --color-ansi-magenta: #8250df; - --color-ansi-magenta-bright: #a475f9; - --color-ansi-cyan: #1b7c83; - --color-ansi-cyan-bright: #3192aa; - --color-btn-text: #24292f; - --color-btn-bg: #f6f8fa; - --color-btn-border: rgba(31,35,40,0.15); - --color-btn-shadow: 0 1px 0 rgba(31,35,40,0.04); - --color-btn-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.25); - --color-btn-hover-bg: #f3f4f6; - --color-btn-hover-border: rgba(31,35,40,0.15); - --color-btn-active-bg: hsla(220,14%,93%,1); - --color-btn-active-border: rgba(31,35,40,0.15); - --color-btn-selected-bg: hsla(220,14%,94%,1); - --color-btn-counter-bg: rgba(31,35,40,0.08); - --color-btn-primary-text: #ffffff; - --color-btn-primary-bg: #08856C; - --color-btn-primary-border: rgba(31,35,40,0.15); - --color-btn-primary-shadow: 0 1px 0 rgba(31,35,40,0.1); - --color-btn-primary-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); - --color-btn-primary-hover-bg: #0A6351; - --color-btn-primary-hover-border: rgba(31,35,40,0.15); - --color-btn-primary-selected-bg: hsla(168,82%,19%,1); - --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(7,37,31,0.2); - --color-btn-primary-disabled-text: rgba(255,255,255,0.8); - --color-btn-primary-disabled-bg: #94d3a2; - --color-btn-primary-disabled-border: rgba(31,35,40,0.15); - --color-btn-primary-icon: rgba(255,255,255,0.8); - --color-btn-primary-counter-bg: rgba(7,37,31,0.2); - --color-btn-outline-text: #0969da; - --color-btn-outline-hover-text: #ffffff; - --color-btn-outline-hover-bg: #0969da; - --color-btn-outline-hover-border: rgba(31,35,40,0.15); - --color-btn-outline-hover-shadow: 0 1px 0 rgba(31,35,40,0.1); - --color-btn-outline-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); - --color-btn-outline-hover-counter-bg: rgba(255,255,255,0.2); - --color-btn-outline-selected-text: #ffffff; - --color-btn-outline-selected-bg: hsla(212,92%,42%,1); - --color-btn-outline-selected-border: rgba(31,35,40,0.15); - --color-btn-outline-selected-shadow: inset 0 1px 0 rgba(0,33,85,0.2); - --color-btn-outline-disabled-text: rgba(9,105,218,0.5); - --color-btn-outline-disabled-bg: #f6f8fa; - --color-btn-outline-disabled-counter-bg: rgba(9,105,218,0.05); - --color-btn-outline-counter-bg: #0969da1a; - --color-btn-outline-counter-fg: #0550ae; - --color-btn-outline-hover-counter-fg: #ffffff; - --color-btn-outline-disabled-counter-fg: rgba(9,105,218,0.5); - --color-btn-danger-text: #cf222e; - --color-btn-danger-hover-text: #ffffff; - --color-btn-danger-hover-bg: #a40e26; - --color-btn-danger-hover-border: rgba(31,35,40,0.15); - --color-btn-danger-hover-shadow: 0 1px 0 rgba(31,35,40,0.1); - --color-btn-danger-hover-inset-shadow: inset 0 1px 0 rgba(255,255,255,0.03); - --color-btn-danger-hover-counter-bg: rgba(255,255,255,0.2); - --color-btn-danger-selected-text: #ffffff; - --color-btn-danger-selected-bg: hsla(356,72%,44%,1); - --color-btn-danger-selected-border: rgba(31,35,40,0.15); - --color-btn-danger-selected-shadow: inset 0 1px 0 rgba(76,0,20,0.2); - --color-btn-danger-disabled-text: rgba(207,34,46,0.5); - --color-btn-danger-disabled-bg: #f6f8fa; - --color-btn-danger-disabled-counter-bg: rgba(207,34,46,0.05); - --color-btn-danger-counter-bg: rgba(207,34,46,0.1); - --color-btn-danger-icon: #cf222e; - --color-btn-danger-hover-icon: #ffffff; - --color-btn-danger-counter-fg: #a40e26; - --color-btn-danger-hover-counter-fg: #ffffff; - --color-btn-danger-disabled-counter-fg: rgba(207,34,46,0.5); - --color-btn-inactive-bg: #eaeef2; - --color-btn-inactive-text: #57606a; - --color-underlinenav-icon: #6e7781; - --color-underlinenav-border-hover: rgba(175,184,193,0.2); - --color-action-list-item-inline-divider: rgba(208,215,222,0.48); - --color-action-list-item-default-hover-bg: rgba(208,215,222,0.32); - --color-action-list-item-default-hover-border: rgba(0,0,0,0); - --color-action-list-item-default-active-bg: rgba(208,215,222,0.48); - --color-action-list-item-default-active-border: rgba(0,0,0,0); - --color-action-list-item-default-selected-bg: rgba(208,215,222,0.24); - --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64); - --color-action-list-item-danger-active-bg: #ffebe9; - --color-action-list-item-danger-hover-text: #d1242f; - --color-switch-track-bg: #eaeef2; - --color-switch-track-hover-bg: hsla(210,24%,90%,1); - --color-switch-track-active-bg: hsla(210,24%,88%,1); - --color-switch-track-disabled-bg: #8c959f; - --color-switch-track-fg: #656d76; - --color-switch-track-disabled-fg: #ffffff; - --color-switch-track-border: rgba(0,0,0,0); - --color-switch-track-checked-bg: #0969da; - --color-switch-track-checked-hover-bg: #0860CA; - --color-switch-track-checked-active-bg: #0757BA; - --color-switch-track-checked-fg: #ffffff; - --color-switch-track-checked-disabled-fg: #ffffff; - --color-switch-track-checked-border: rgba(0,0,0,0); - --color-switch-knob-bg: #ffffff; - --color-switch-knob-disabled-bg: #f6f8fa; - --color-switch-knob-border: #858F99; - --color-switch-knob-checked-bg: #ffffff; - --color-switch-knob-checked-disabled-bg: #f6f8fa; - --color-switch-knob-checked-border: #0969da; - --color-segmented-control-bg: #eaeef2; - --color-segmented-control-button-bg: #ffffff; - --color-segmented-control-button-hover-bg: rgba(175,184,193,0.2); - --color-segmented-control-button-active-bg: rgba(175,184,193,0.4); - --color-segmented-control-button-selected-border: #8c959f; - --color-tree-view-item-chevron-hover-bg: rgba(208,215,222,0.32); - --color-tree-view-item-directory-fill: #54aeff; - --color-fg-default: #1F2328; - --color-fg-muted: #656d76; - --color-fg-subtle: #6e7781; - --color-fg-on-emphasis: #ffffff; - --color-canvas-default: #ffffff; - --color-canvas-overlay: #ffffff; - --color-canvas-inset: #f6f8fa; - --color-canvas-subtle: #f6f8fa; - --color-border-default: #d0d7de; - --color-border-muted: hsla(210,18%,87%,1); - --color-border-subtle: rgba(31,35,40,0.15); - --color-shadow-small: 0 1px 0 rgba(31,35,40,0.04); - --color-shadow-medium: 0 3px 6px rgba(140,149,159,0.15); - --color-shadow-large: 0 8px 24px rgba(140,149,159,0.2); - --color-shadow-extra-large: 0 12px 28px rgba(140,149,159,0.3); - --color-neutral-emphasis-plus: #24292f; - --color-neutral-emphasis: #6e7781; - --color-neutral-muted: rgba(175,184,193,0.2); - --color-neutral-subtle: rgba(234,238,242,0.5); - --color-accent-fg: #0969da; - --color-accent-emphasis: #0969da; - --color-accent-muted: rgba(84,174,255,0.4); - --color-accent-subtle: #ddf4ff; - --color-success-fg: #1a7f37; - --color-success-emphasis: #c9f04d; - --color-success-muted: rgba(74,194,107,0.4); - --color-success-subtle: #dafbe1; - --color-attention-fg: #9a6700; - --color-attention-emphasis: #9a6700; - --color-attention-muted: rgba(212,167,44,0.4); - --color-attention-subtle: #fff8c5; - --color-severe-fg: #bc4c00; - --color-severe-emphasis: #bc4c00; - --color-severe-muted: rgba(251,143,68,0.4); - --color-severe-subtle: #fff1e5; - --color-danger-fg: #d1242f; - --color-danger-emphasis: #cf222e; - --color-danger-muted: rgba(255,129,130,0.4); - --color-danger-subtle: #ffebe9; - --color-open-fg: #1a7f37; - --color-open-emphasis: #c9f04d; - --color-open-muted: rgba(74,194,107,0.4); - --color-open-subtle: #dafbe1; - --color-closed-fg: #d1242f; - --color-closed-emphasis: #cf222e; - --color-closed-muted: rgba(255,129,130,0.4); - --color-closed-subtle: #ffebe9; - --color-done-fg: #8250df; - --color-done-emphasis: #8250df; - --color-done-muted: rgba(194,151,255,0.4); - --color-done-subtle: #fbefff; - --color-sponsors-fg: #bf3989; - --color-sponsors-emphasis: #bf3989; - --color-sponsors-muted: rgba(255,128,200,0.4); - --color-sponsors-subtle: #ffeff7; - --color-primer-fg-disabled: #8c959f; - --color-primer-canvas-backdrop: rgba(31,35,40,0.5); - --color-primer-canvas-sticky: rgba(255,255,255,0.95); - --color-primer-border-active: #fd8c73; - --color-primer-border-contrast: rgba(31,35,40,0.1); - --color-primer-shadow-highlight: inset 0 1px 0 rgba(255,255,255,0.25); - --color-primer-shadow-inset: inset 0 1px 0 rgba(208,215,222,0.2); - --color-scale-prov-neon-green: #c9f04d; - --color-scale-prov-green-0: #F3F8F6; - --color-scale-prov-green-1: #E1EEEA; - --color-scale-prov-green-2: #BBD9D0; - --color-scale-prov-green-3: #94C5B6; - --color-scale-prov-green-4: #59A991; - --color-scale-prov-green-5: #08856C; - --color-scale-prov-green-6: #0A6351; - --color-scale-prov-green-7: #0A4337; - --color-scale-prov-green-8: #09332B; - --color-scale-prov-green-9: #07251F; - --color-scale-prov-gray-0: #F9FAFA; - --color-scale-prov-gray-1: #F4F4F4; - --color-scale-prov-gray-2: #EDEDED; - --color-scale-prov-gray-3: #DDDDDD; - --color-scale-prov-gray-4: #CCCCCC; - --color-scale-prov-gray-5: #B4B4B4; - --color-scale-prov-gray-6: #939393; - --color-scale-prov-gray-7: #686868; - --color-scale-prov-gray-8: #3C3C3C; - --color-scale-prov-gray-9: #1F1E1E; - --color-scale-prov-theme-climate: #C3EBE5; - --color-scale-prov-theme-waste: #D1DBEB; - --color-scale-prov-theme-nature: #E4F4C9; - --color-scale-prov-theme-workers: #FFB7B2; - --color-scale-prov-theme-communities: #FFDFC9; - --color-scale-black: #1F2328; - --color-scale-white: #ffffff; - --color-scale-gray-0: #f6f8fa; - --color-scale-gray-1: #eaeef2; - --color-scale-gray-2: #d0d7de; - --color-scale-gray-3: #afb8c1; - --color-scale-gray-4: #8c959f; - --color-scale-gray-5: #6e7781; - --color-scale-gray-6: #57606a; - --color-scale-gray-7: #424a53; - --color-scale-gray-8: #32383f; - --color-scale-gray-9: #24292f; - --color-scale-blue-0: #ddf4ff; - --color-scale-blue-1: #b6e3ff; - --color-scale-blue-2: #80ccff; - --color-scale-blue-3: #54aeff; - --color-scale-blue-4: #218bff; - --color-scale-blue-5: #0969da; - --color-scale-blue-6: #0550ae; - --color-scale-blue-7: #033d8b; - --color-scale-blue-8: #0a3069; - --color-scale-blue-9: #002155; - --color-scale-green-0: #dafbe1; - --color-scale-green-1: #aceebb; - --color-scale-green-2: #6fdd8b; - --color-scale-green-3: #4ac26b; - --color-scale-green-4: #2da44e; - --color-scale-green-5: #1a7f37; - --color-scale-green-6: #116329; - --color-scale-green-7: #044f1e; - --color-scale-green-8: #003d16; - --color-scale-green-9: #002d11; - --color-scale-yellow-0: #fff8c5; - --color-scale-yellow-1: #fae17d; - --color-scale-yellow-2: #eac54f; - --color-scale-yellow-3: #d4a72c; - --color-scale-yellow-4: #bf8700; - --color-scale-yellow-5: #9a6700; - --color-scale-yellow-6: #7d4e00; - --color-scale-yellow-7: #633c01; - --color-scale-yellow-8: #4d2d00; - --color-scale-yellow-9: #3b2300; - --color-scale-orange-0: #fff1e5; - --color-scale-orange-1: #ffd8b5; - --color-scale-orange-2: #ffb77c; - --color-scale-orange-3: #fb8f44; - --color-scale-orange-4: #e16f24; - --color-scale-orange-5: #bc4c00; - --color-scale-orange-6: #953800; - --color-scale-orange-7: #762c00; - --color-scale-orange-8: #5c2200; - --color-scale-orange-9: #471700; - --color-scale-red-0: #ffebe9; - --color-scale-red-1: #ffcecb; - --color-scale-red-2: #ffaba8; - --color-scale-red-3: #ff8182; - --color-scale-red-4: #fa4549; - --color-scale-red-5: #cf222e; - --color-scale-red-6: #a40e26; - --color-scale-red-7: #82071e; - --color-scale-red-8: #660018; - --color-scale-red-9: #4c0014; - --color-scale-purple-0: #fbefff; - --color-scale-purple-1: #ecd8ff; - --color-scale-purple-2: #d8b9ff; - --color-scale-purple-3: #c297ff; - --color-scale-purple-4: #a475f9; - --color-scale-purple-5: #8250df; - --color-scale-purple-6: #6639ba; - --color-scale-purple-7: #512a97; - --color-scale-purple-8: #3e1f79; - --color-scale-purple-9: #2e1461; - --color-scale-pink-0: #ffeff7; - --color-scale-pink-1: #ffd3eb; - --color-scale-pink-2: #ffadda; - --color-scale-pink-3: #ff80c8; - --color-scale-pink-4: #e85aad; - --color-scale-pink-5: #bf3989; - --color-scale-pink-6: #99286e; - --color-scale-pink-7: #772057; - --color-scale-pink-8: #611347; - --color-scale-pink-9: #4d0336; - --color-scale-coral-0: #fff0eb; - --color-scale-coral-1: #ffd6cc; - --color-scale-coral-2: #ffb4a1; - --color-scale-coral-3: #fd8c73; - --color-scale-coral-4: #ec6547; - --color-scale-coral-5: #c4432b; - --color-scale-coral-6: #9e2f1c; - --color-scale-coral-7: #801f0f; - --color-scale-coral-8: #691105; - --color-scale-coral-9: #510901; - } -} diff --git a/dist/scss/functional/motion/motion.scss b/dist/scss/functional/motion/motion.scss deleted file mode 100644 index fd08c065d..000000000 --- a/dist/scss/functional/motion/motion.scss +++ /dev/null @@ -1,3 +0,0 @@ -$motion-loading-delay-default: 1s; // The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies. -$motion-spinner-duration-rotation: 1s; // The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation -$motion-skeletonLoader-shimmer-duration-scale: 1s; // The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right) diff --git a/dist/scss/functional/size/border.scss b/dist/scss/functional/size/border.scss deleted file mode 100644 index 826e2b4e6..000000000 --- a/dist/scss/functional/size/border.scss +++ /dev/null @@ -1,12 +0,0 @@ -$boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); // Thin shadow for borders -$boxShadow-thick: inset 0 0 0 max(2px, 0.125rem); -$boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem); -$borderWidth-thin: max(1px, 0.0625rem); -$borderWidth-thick: max(2px, 0.125rem); -$borderWidth-thicker: max(4px, 0.25rem); -$borderRadius-small: 0.1875rem; -$borderRadius-medium: 0.375rem; -$borderRadius-large: 0.75rem; -$borderRadius-full: 624.9375rem; // Use this border radius for pill shaped elements -$outline-focus-offset: -0.125rem; -$outline-focus-width: 0.125rem; diff --git a/dist/scss/functional/size/breakpoints.scss b/dist/scss/functional/size/breakpoints.scss deleted file mode 100644 index 970d32154..000000000 --- a/dist/scss/functional/size/breakpoints.scss +++ /dev/null @@ -1,6 +0,0 @@ -$breakpoint-xsmall: 20rem; -$breakpoint-small: 34rem; -$breakpoint-medium: 48rem; -$breakpoint-large: 63.25rem; -$breakpoint-xlarge: 80rem; -$breakpoint-xxlarge: 87.5rem; diff --git a/dist/scss/functional/size/size-coarse.scss b/dist/scss/functional/size/size-coarse.scss deleted file mode 100644 index 1dcda06be..000000000 --- a/dist/scss/functional/size/size-coarse.scss +++ /dev/null @@ -1,3 +0,0 @@ -$control-minTarget-auto: 2.75rem; -$controlStack-small-gap-auto: 1rem; -$controlStack-medium-gap-auto: 0.75rem; diff --git a/dist/scss/functional/size/size-fine.scss b/dist/scss/functional/size/size-fine.scss deleted file mode 100644 index 8e7080456..000000000 --- a/dist/scss/functional/size/size-fine.scss +++ /dev/null @@ -1,3 +0,0 @@ -$control-minTarget-auto: 1rem; -$controlStack-small-gap-auto: 0.5rem; -$controlStack-medium-gap-auto: 0.5rem; diff --git a/dist/scss/functional/size/size.scss b/dist/scss/functional/size/size.scss deleted file mode 100644 index 97476c3e8..000000000 --- a/dist/scss/functional/size/size.scss +++ /dev/null @@ -1,71 +0,0 @@ -$control-minTarget-fine: 1rem; -$control-minTarget-coarse: 2.75rem; -$control-xsmall-size: 1.5rem; -$control-xsmall-lineBoxHeight: 1.25rem; -$control-xsmall-paddingBlock: 0.125rem; -$control-xsmall-paddingInline-condensed: 0.25rem; -$control-xsmall-paddingInline-normal: 0.5rem; -$control-xsmall-paddingInline-spacious: 0.75rem; -$control-xsmall-gap: 0.25rem; -$control-small-size: 1.75rem; -$control-small-lineBoxHeight: 1.25rem; -$control-small-paddingBlock: 0.25rem; -$control-small-paddingInline-condensed: 0.5rem; -$control-small-paddingInline-normal: 0.75rem; -$control-small-gap: 0.25rem; -$control-medium-size: 2rem; -$control-medium-lineBoxHeight: 1.25rem; -$control-medium-paddingBlock: 0.375rem; -$control-medium-paddingInline-condensed: 0.5rem; -$control-medium-paddingInline-normal: 0.75rem; -$control-medium-paddingInline-spacious: 1rem; -$control-medium-gap: 0.5rem; -$control-large-size: 2.5rem; -$control-large-lineBoxHeight: 1.25rem; -$control-large-paddingBlock: 0.625rem; -$control-large-paddingInline-normal: 0.75rem; -$control-large-paddingInline-spacious: 1rem; -$control-large-gap: 0.5rem; -$control-xlarge-size: 3rem; -$control-xlarge-lineBoxHeight: 1.25rem; -$control-xlarge-paddingBlock: 0.875rem; -$control-xlarge-paddingInline-normal: 0.75rem; -$control-xlarge-paddingInline-spacious: 1rem; -$control-xlarge-gap: 0.5rem; -$controlStack-small-gap-condensed: 0.5rem; -$controlStack-small-gap-spacious: 1rem; -$controlStack-medium-gap-condensed: 0.5rem; -$controlStack-medium-gap-spacious: 0.75rem; -$controlStack-large-gap-auto: 0.5rem; -$controlStack-large-gap-condensed: 0.5rem; -$controlStack-large-gap-spacious: 0.75rem; -$space-xxsmall: 0.125rem; -$space-xsmall: 0.25rem; -$space-small: 0.375rem; -$space-medium: 0.5rem; -$space-large: 0.75rem; -$space-xlarge: 1rem; -$spinner-strokeWidth-default: 0.125rem; -$spinner-size-small: 1rem; -$spinner-size-medium: 2rem; -$spinner-size-large: 4rem; -$stack-padding-condensed: 0.5rem; -$stack-padding-normal: 1rem; -$stack-padding-spacious: 1.5rem; -$stack-gap-condensed: 0.5rem; -$stack-gap-normal: 1rem; -$stack-gap-spacious: 1.5rem; -$overlay-width-xsmall: 12rem; -$overlay-width-small: 20rem; -$overlay-width-medium: 30rem; -$overlay-width-large: 40rem; -$overlay-width-xlarge: 60rem; -$overlay-height-small: 16rem; -$overlay-height-medium: 20rem; -$overlay-height-large: 27rem; -$overlay-height-xlarge: 37.5rem; -$overlay-padding-normal: 1rem; -$overlay-padding-condensed: 0.5rem; -$overlay-paddingBlock-condensed: 0.25rem; -$overlay-paddingBlock-normal: 0.75rem; -$overlay-borderRadius: 0.375rem; diff --git a/dist/scss/functional/size/viewport.scss b/dist/scss/functional/size/viewport.scss deleted file mode 100644 index 18064b81b..000000000 --- a/dist/scss/functional/size/viewport.scss +++ /dev/null @@ -1,6 +0,0 @@ -$viewportRange-narrow: (max-width: calc(48rem - 0.02px)); -$viewportRange-narrowLandscape: (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape)); -$viewportRange-regular: (min-width: 48rem); -$viewportRange-wide: (min-width: 87.5rem); -$viewportRange-portrait: (orientation: portrait); -$viewportRange-landscape: (orientation: landscape); diff --git a/dist/scss/functional/themes/dark-colorblind.scss b/dist/scss/functional/themes/dark-colorblind.scss deleted file mode 100644 index 65c5db673..000000000 --- a/dist/scss/functional/themes/dark-colorblind.scss +++ /dev/null @@ -1,405 +0,0 @@ -$topicTag-borderColor: #00000000; -$highlight-neutral-bgColor: #d2992266; -$page-header-bgColor: #0d1117; -$diffBlob-addition-fgColor-text: #e6edf3; -$diffBlob-addition-fgColor-num: #e6edf3; -$diffBlob-addition-bgColor-num: #58a6ff4d; -$diffBlob-addition-bgColor-line: #388bfd26; -$diffBlob-addition-bgColor-word: #388bfd66; -$diffBlob-deletion-fgColor-text: #e6edf3; -$diffBlob-deletion-fgColor-num: #e6edf3; -$diffBlob-deletion-bgColor-num: #db6d284d; -$diffBlob-deletion-bgColor-line: #db6d2826; -$diffBlob-deletion-bgColor-word: #db6d2866; -$diffBlob-hunk-bgColor-num: #388bfd66; -$diffBlob-expander-iconColor: #848d97; -$codeMirror-fgColor: #e6edf3; -$codeMirror-bgColor: #0d1117; -$codeMirror-gutters-bgColor: #0d1117; -$codeMirror-gutterMarker-fgColor-default: #0d1117; -$codeMirror-gutterMarker-fgColor-muted: #848d97; -$codeMirror-lineNumber-fgColor: #848d97; -$codeMirror-cursor-fgColor: #e6edf3; -$codeMirror-selection-bgColor: #388bfd66; -$codeMirror-activeline-bgColor: #6e768166; -$codeMirror-matchingBracket-fgColor: #e6edf3; -$codeMirror-lines-bgColor: #0d1117; -$codeMirror-syntax-fgColor-comment: #8b949e; -$codeMirror-syntax-fgColor-constant: #79c0ff; -$codeMirror-syntax-fgColor-entity: #d2a8ff; -$codeMirror-syntax-fgColor-keyword: #f0883e; -$codeMirror-syntax-fgColor-storage: #f0883e; -$codeMirror-syntax-fgColor-string: #a5d6ff; -$codeMirror-syntax-fgColor-support: #79c0ff; -$codeMirror-syntax-fgColor-variable: #ffa657; -$header-fgColor-default: #ffffffb3; -$header-fgColor-logo: #f0f6fc; -$header-bgColor: #161b22f2; -$header-borderColor-divider: #8b949e; -$headerSearch-bgColor: #0d1117; -$headerSearch-borderColor: #30363d; -$avatar-bgColor: #ffffff1a; -$avatar-borderColor: #30363d80; -$avatar-shadow: 0px 0px 0px 2px #0d1117; -$avatarStack-fade-bgColor-default: #30363d; -$avatarStack-fade-bgColor-muted: #21262d; -$control-bgColor-rest: #21262d; -$control-bgColor-hover: #292e36; -$control-bgColor-active: #31363e; -$control-bgColor-disabled: #161b22; -$control-bgColor-selected: #161b22; -$control-fgColor-rest: #c9d1d9; -$control-fgColor-placeholder: #484f58; -$control-fgColor-disabled: #8b949e; -$control-borderColor-rest: #30363d; -$control-borderColor-emphasis: #666e79; -$control-borderColor-disabled: #161b22; -$control-borderColor-selected: #f0f6fc; -$control-borderColor-success: #1f6feb; -$control-borderColor-danger: #bd561d; -$control-borderColor-warning: #9e6a03; -$control-iconColor-rest: #848d97; -$control-transparent-bgColor-rest: #00000000; -$control-transparent-bgColor-hover: #b1bac41f; -$control-transparent-bgColor-active: #b1bac433; -$control-transparent-bgColor-disabled: #00000000; -$control-transparent-bgColor-selected: #b1bac414; -$control-transparent-borderColor-rest: #00000000; -$control-transparent-borderColor-hover: #00000000; -$control-transparent-borderColor-active: #00000000; -$control-danger-fgColor-rest: #db6d28; -$control-danger-fgColor-hover: #f0883e; -$control-danger-bgColor-hover: #db6d281a; -$control-danger-bgColor-active: #db6d2866; -$control-checked-bgColor-rest: #1f6feb; -$control-checked-bgColor-hover: #2a7aef; -$control-checked-bgColor-active: #3685f3; -$control-checked-bgColor-disabled: #8b949e; -$control-checked-fgColor-rest: #ffffff; -$control-checked-fgColor-disabled: #010409; -$control-checked-borderColor-rest: #1f6feb; -$control-checked-borderColor-hover: #2a7aef; -$control-checked-borderColor-active: #3685f3; -$control-checked-borderColor-disabled: #8b949e; -$controlTrack-bgColor-rest: #21262d; -$controlTrack-bgColor-hover: #292e36; -$controlTrack-bgColor-active: #31363e; -$controlTrack-bgColor-disabled: #8b949e; -$controlTrack-fgColor-rest: #848d97; -$controlTrack-fgColor-disabled: #ffffff; -$controlTrack-borderColor-rest: #00000000; -$controlTrack-borderColor-disabled: #8b949e; -$controlKnob-bgColor-rest: #010409; -$controlKnob-bgColor-disabled: #161b22; -$controlKnob-bgColor-checked: #ffffff; -$controlKnob-borderColor-rest: #666e79; -$controlKnob-borderColor-disabled: #161b22; -$controlKnob-borderColor-checked: #1f6feb; -$counter-borderColor: #00000000; -$button-default-fgColor-rest: #c9d1d9; -$button-default-bgColor-rest: #21262d; -$button-default-bgColor-hover: #292e36; -$button-default-bgColor-active: #31363e; -$button-default-bgColor-selected: #31363e; -$button-default-bgColor-disabled: #161b22; -$button-default-borderColor-rest: #30363d; -$button-default-borderColor-hover: #30363d; -$button-default-borderColor-active: #30363d; -$button-default-borderColor-disabled: #161b22; -$button-default-shadow-resting: 0px 0px 0px 0px #000000; -$button-primary-fgColor-rest: #ffffff; -$button-primary-fgColor-disabled: #ffffff80; -$button-primary-iconColor-rest: #ffffff; -$button-primary-bgColor-rest: #1f6feb; -$button-primary-bgColor-hover: #2a7aef; -$button-primary-bgColor-active: #3685f3; -$button-primary-bgColor-disabled: #1158c7; -$button-primary-borderColor-rest: #f0f6fc1a; -$button-primary-borderColor-hover: #f0f6fc1a; -$button-primary-borderColor-active: #f0f6fc1a; -$button-primary-borderColor-disabled: #1158c7; -$button-primary-shadow-selected: 0px 0px 0px 0px #000000; -$button-invisible-fgColor-rest: #2f81f7; -$button-invisible-fgColor-hover: #58a6ff; -$button-invisible-fgColor-disabled: #8b949e; -$button-invisible-iconColor-rest: #848d97; -$button-invisible-iconColor-hover: #e6edf3; -$button-invisible-iconColor-disabled: #8b949e; -$button-invisible-bgColor-rest: #00000000; -$button-invisible-bgColor-hover: #b1bac41f; -$button-invisible-bgColor-active: #b1bac433; -$button-invisible-bgColor-disabled: #00000000; -$button-invisible-borderColor-rest: #00000000; -$button-invisible-borderColor-hover: #00000000; -$button-invisible-borderColor-disabled: #161b22; -$button-outline-fgColor-rest: #388bfd; -$button-outline-fgColor-hover: #58a6ff; -$button-outline-fgColor-active: #ffffff; -$button-outline-fgColor-disabled: #2f81f780; -$button-outline-bgColor-rest: #f0f6fc; -$button-outline-bgColor-hover: #30363d; -$button-outline-bgColor-active: #0d419d; -$button-outline-bgColor-disabled: #0d1117; -$button-outline-borderColor-hover: #f0f6fc1a; -$button-outline-borderColor-selected: #f0f6fc1a; -$button-outline-shadow-selected: 0px 0px 0px 0px #000000; -$button-danger-fgColor-rest: #db6d28; -$button-danger-fgColor-hover: #ffffff; -$button-danger-fgColor-active: #ffffff; -$button-danger-fgColor-disabled: #db6d2880; -$button-danger-iconColor-rest: #db6d28; -$button-danger-iconColor-hover: #ffffff; -$button-danger-bgColor-rest: #21262d; -$button-danger-bgColor-hover: #9b4215; -$button-danger-bgColor-active: #b5531d; -$button-danger-bgColor-disabled: #161b22; -$button-danger-borderColor-rest: #30363d; -$button-danger-borderColor-hover: #f0f6fc1a; -$button-danger-borderColor-active: #f0f6fc1a; -$button-danger-shadow-selected: 0px 0px 0px 0px #000000; -$button-inactive-fgColor-rest: #8b949e; -$button-inactive-bgColor-rest: #21262d; -$buttonCounter-default-bgColor-rest: #30363d; -$buttonCounter-invisible-bgColor-rest: #30363d; -$buttonCounter-primary-bgColor-rest: #04260f33; -$buttonCounter-outline-bgColor-rest: #051d4d33; -$buttonCounter-outline-bgColor-hover: #051d4d33; -$buttonCounter-outline-bgColor-disabled: #1f6feb0d; -$buttonCounter-outline-fgColor-rest: #388bfd; -$buttonCounter-outline-fgColor-hover: #58a6ff; -$buttonCounter-outline-fgColor-disabled: #2f81f780; -$buttonCounter-danger-bgColor-hover: #ffffff33; -$buttonCounter-danger-bgColor-disabled: #bd561d0d; -$buttonCounter-danger-bgColor-rest: #49020233; -$buttonCounter-danger-fgColor-rest: #db6d28; -$buttonCounter-danger-fgColor-hover: #ffffff; -$buttonCounter-danger-fgColor-disabled: #db6d2880; -$focus-outlineColor: #1f6feb; -$menu-bgColor-active: #161b22; -$overlay-bgColor: #161b22; -$overlay-backdrop-bgColor: #161b2266; -$selectMenu-borderColor: #484f58; -$selectMenu-bgColor-active: #0c2d6b; -$sideNav-bgColor-selected: #21262d; -$skeletonLoader-bgColor: #161b22; -$timelineBadge-bgColor: #21262d; -$treeViewItem-leadingVisual-iconColor-rest: #848d97; -$underlineNav-borderColor-active: #f78166; -$underlineNav-borderColor-hover: #6e768166; -$underlineNav-iconColor-rest: #848d97; -$fgColor-default: #e6edf3; -$fgColor-muted: #848d97; -$fgColor-onEmphasis: #ffffff; -$fgColor-disabled: #8b949e; -$fgColor-link: #2f81f7; -$fgColor-neutral: #6e7681; -$fgColor-accent: #2f81f7; -$fgColor-success: #58a6ff; -$fgColor-attention: #d29922; -$fgColor-severe: #db6d28; -$fgColor-danger: #db6d28; -$fgColor-open: #f0883e; -$fgColor-closed: #8b949e; -$fgColor-done: #a371f7; -$fgColor-sponsors: #db61a2; -$bgColor-default: #0d1117; -$bgColor-muted: #161b22; -$bgColor-inset: #010409; -$bgColor-emphasis: #6e7681; -$bgColor-inverse: #ffffff; -$bgColor-disabled: #161b22; -$bgColor-transparent: #00000000; -$bgColor-neutral-muted: #6e768166; -$bgColor-neutral-emphasis: #6e7681; -$bgColor-accent-muted: #388bfd1a; -$bgColor-accent-emphasis: #1f6feb; -$bgColor-success-muted: #388bfd26; -$bgColor-success-emphasis: #1f6feb; -$bgColor-attention-muted: #bb800926; -$bgColor-attention-emphasis: #9e6a03; -$bgColor-severe-muted: #db6d281a; -$bgColor-severe-emphasis: #bd561d; -$bgColor-danger-muted: #db6d281a; -$bgColor-danger-emphasis: #bd561d; -$bgColor-open-muted: #db6d2866; -$bgColor-open-emphasis: #bd561d; -$bgColor-closed-muted: #6e768166; -$bgColor-closed-emphasis: #6e7681; -$bgColor-done-muted: #a371f726; -$bgColor-done-emphasis: #8957e5; -$bgColor-sponsors-muted: #db61a21a; -$bgColor-sponsors-emphasis: #bf4b8a; -$borderColor-default: #30363d; -$borderColor-muted: #30363d80; -$borderColor-emphasis: #484f58; -$borderColor-disabled: #161b22; -$borderColor-transparent: #00000000; -$borderColor-neutral-muted: #6e768166; -$borderColor-neutral-emphasis: #6e7681; -$borderColor-accent-muted: #388bfd66; -$borderColor-accent-emphasis: #1f6feb; -$borderColor-success-muted: #388bfd66; -$borderColor-success-emphasis: #1f6feb; -$borderColor-attention-muted: #bb800966; -$borderColor-attention-emphasis: #9e6a03; -$borderColor-severe-muted: #db6d2866; -$borderColor-severe-emphasis: #bd561d; -$borderColor-danger-muted: #db6d2866; -$borderColor-danger-emphasis: #bd561d; -$borderColor-open-muted: #db6d2866; -$borderColor-open-emphasis: #db6d28; -$borderColor-closed-muted: #6e768166; -$borderColor-closed-emphasis: #6e7681; -$borderColor-done-muted: #a371f766; -$borderColor-done-emphasis: #8957e5; -$borderColor-sponsors-muted: #db61a266; -$borderColor-sponsors-emphasis: #bf4b8a; -$color-ansi-black: #484f58; -$color-ansi-black-bright: #6e7681; -$color-ansi-white: #b1bac4; -$color-ansi-white-bright: #ffffff; -$color-ansi-gray: #6e7681; -$color-ansi-red: #f0883e; -$color-ansi-red-bright: #ffa657; -$color-ansi-green: #58a6ff; -$color-ansi-green-bright: #79c0ff; -$color-ansi-yellow: #d29922; -$color-ansi-yellow-bright: #e3b341; -$color-ansi-blue: #58a6ff; -$color-ansi-blue-bright: #79c0ff; -$color-ansi-magenta: #bc8cff; -$color-ansi-magenta-bright: #d2a8ff; -$color-ansi-cyan: #39c5cf; -$color-ansi-cyan-bright: #56d4dd; -$color-prettylights-syntax-comment: #8b949e; -$color-prettylights-syntax-constant: #79c0ff; -$color-prettylights-syntax-constant-other-reference-link: #a5d6ff; -$color-prettylights-syntax-entity: #d2a8ff; -$color-prettylights-syntax-storage-modifier-import: #c9d1d9; -$color-prettylights-syntax-entity-tag: #a5d6ff; -$color-prettylights-syntax-keyword: #f0883e; -$color-prettylights-syntax-string: #a5d6ff; -$color-prettylights-syntax-variable: #ffa657; -$color-prettylights-syntax-brackethighlighter-unmatched: #db6d28; -$color-prettylights-syntax-brackethighlighter-angle: #8b949e; -$color-prettylights-syntax-invalid-illegal-text: #f0f6fc; -$color-prettylights-syntax-invalid-illegal-bg: #762d0a; -$color-prettylights-syntax-carriage-return-text: #f0f6fc; -$color-prettylights-syntax-carriage-return-bg: #9b4215; -$color-prettylights-syntax-string-regexp: #a5d6ff; -$color-prettylights-syntax-markup-list: #f2cc60; -$color-prettylights-syntax-markup-heading: #1f6feb; -$color-prettylights-syntax-markup-italic: #c9d1d9; -$color-prettylights-syntax-markup-bold: #c9d1d9; -$color-prettylights-syntax-markup-deleted-text: #ffdfb6; -$color-prettylights-syntax-markup-deleted-bg: #5a1e02; -$color-prettylights-syntax-markup-inserted-text: #cae8ff; -$color-prettylights-syntax-markup-inserted-bg: #0c2d6b; -$color-prettylights-syntax-markup-changed-text: #ffdfb6; -$color-prettylights-syntax-markup-changed-bg: #5a1e02; -$color-prettylights-syntax-markup-ignored-text: #c9d1d9; -$color-prettylights-syntax-markup-ignored-bg: #1158c7; -$color-prettylights-syntax-meta-diff-range: #d2a8ff; -$color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; -$color-scale-black: #010409; // Avoid using scales, use other functional tokens instead -$color-scale-transparent: #00000000; // Avoid using scales, use other functional tokens instead -$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-0: #f0f6fc; // Avoid using scales, use other functional tokens instead -$color-scale-gray-1: #c9d1d9; // Avoid using scales, use other functional tokens instead -$color-scale-gray-2: #b1bac4; // Avoid using scales, use other functional tokens instead -$color-scale-gray-3: #8b949e; // Avoid using scales, use other functional tokens instead -$color-scale-gray-4: #6e7681; // Avoid using scales, use other functional tokens instead -$color-scale-gray-5: #484f58; // Avoid using scales, use other functional tokens instead -$color-scale-gray-6: #30363d; // Avoid using scales, use other functional tokens instead -$color-scale-gray-7: #21262d; // Avoid using scales, use other functional tokens instead -$color-scale-gray-8: #161b22; // Avoid using scales, use other functional tokens instead -$color-scale-gray-9: #0d1117; // Avoid using scales, use other functional tokens instead -$color-scale-blue-0: #cae8ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-1: #a5d6ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-2: #79c0ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-3: #58a6ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-4: #388bfd; // Avoid using scales, use other functional tokens instead -$color-scale-blue-5: #1f6feb; // Avoid using scales, use other functional tokens instead -$color-scale-blue-6: #1158c7; // Avoid using scales, use other functional tokens instead -$color-scale-blue-7: #0d419d; // Avoid using scales, use other functional tokens instead -$color-scale-blue-8: #0c2d6b; // Avoid using scales, use other functional tokens instead -$color-scale-blue-9: #051d4d; // Avoid using scales, use other functional tokens instead -$color-scale-green-0: #cae8ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-1: #a5d6ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-2: #79c0ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-3: #58a6ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-4: #388bfd; // Avoid using scales, use other functional tokens instead -$color-scale-green-5: #1f6feb; // Avoid using scales, use other functional tokens instead -$color-scale-green-6: #1158c7; // Avoid using scales, use other functional tokens instead -$color-scale-green-7: #0d419d; // Avoid using scales, use other functional tokens instead -$color-scale-green-8: #0c2d6b; // Avoid using scales, use other functional tokens instead -$color-scale-green-9: #051d4d; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-0: #f8e3a1; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-1: #f2cc60; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-2: #e3b341; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-3: #d29922; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-4: #bb8009; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-5: #9e6a03; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-6: #845306; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-7: #693e00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-8: #4b2900; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-9: #341a00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-0: #ffdfb6; // Avoid using scales, use other functional tokens instead -$color-scale-orange-1: #ffc680; // Avoid using scales, use other functional tokens instead -$color-scale-orange-2: #ffa657; // Avoid using scales, use other functional tokens instead -$color-scale-orange-3: #f0883e; // Avoid using scales, use other functional tokens instead -$color-scale-orange-4: #db6d28; // Avoid using scales, use other functional tokens instead -$color-scale-orange-5: #bd561d; // Avoid using scales, use other functional tokens instead -$color-scale-orange-6: #9b4215; // Avoid using scales, use other functional tokens instead -$color-scale-orange-7: #762d0a; // Avoid using scales, use other functional tokens instead -$color-scale-orange-8: #5a1e02; // Avoid using scales, use other functional tokens instead -$color-scale-orange-9: #3d1300; // Avoid using scales, use other functional tokens instead -$color-scale-red-0: #ffdfb6; // Avoid using scales, use other functional tokens instead -$color-scale-red-1: #ffc680; // Avoid using scales, use other functional tokens instead -$color-scale-red-2: #ffa657; // Avoid using scales, use other functional tokens instead -$color-scale-red-3: #f0883e; // Avoid using scales, use other functional tokens instead -$color-scale-red-4: #db6d28; // Avoid using scales, use other functional tokens instead -$color-scale-red-5: #bd561d; // Avoid using scales, use other functional tokens instead -$color-scale-red-6: #9b4215; // Avoid using scales, use other functional tokens instead -$color-scale-red-7: #762d0a; // Avoid using scales, use other functional tokens instead -$color-scale-red-8: #5a1e02; // Avoid using scales, use other functional tokens instead -$color-scale-red-9: #3d1300; // Avoid using scales, use other functional tokens instead -$color-scale-purple-0: #eddeff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-1: #e2c5ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-2: #d2a8ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-3: #bc8cff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-4: #a371f7; // Avoid using scales, use other functional tokens instead -$color-scale-purple-5: #8957e5; // Avoid using scales, use other functional tokens instead -$color-scale-purple-6: #6e40c9; // Avoid using scales, use other functional tokens instead -$color-scale-purple-7: #553098; // Avoid using scales, use other functional tokens instead -$color-scale-purple-8: #3c1e70; // Avoid using scales, use other functional tokens instead -$color-scale-purple-9: #271052; // Avoid using scales, use other functional tokens instead -$color-scale-pink-0: #ffdaec; // Avoid using scales, use other functional tokens instead -$color-scale-pink-1: #ffbedd; // Avoid using scales, use other functional tokens instead -$color-scale-pink-2: #ff9bce; // Avoid using scales, use other functional tokens instead -$color-scale-pink-3: #f778ba; // Avoid using scales, use other functional tokens instead -$color-scale-pink-4: #db61a2; // Avoid using scales, use other functional tokens instead -$color-scale-pink-5: #bf4b8a; // Avoid using scales, use other functional tokens instead -$color-scale-pink-6: #9e3670; // Avoid using scales, use other functional tokens instead -$color-scale-pink-7: #7d2457; // Avoid using scales, use other functional tokens instead -$color-scale-pink-8: #5e103e; // Avoid using scales, use other functional tokens instead -$color-scale-pink-9: #42062a; // Avoid using scales, use other functional tokens instead -$color-scale-coral-0: #ffddd2; // Avoid using scales, use other functional tokens instead -$color-scale-coral-1: #ffc2b2; // Avoid using scales, use other functional tokens instead -$color-scale-coral-2: #ffa28b; // Avoid using scales, use other functional tokens instead -$color-scale-coral-3: #f78166; // Avoid using scales, use other functional tokens instead -$color-scale-coral-4: #ea6045; // Avoid using scales, use other functional tokens instead -$color-scale-coral-5: #cf462d; // Avoid using scales, use other functional tokens instead -$color-scale-coral-6: #ac3220; // Avoid using scales, use other functional tokens instead -$color-scale-coral-7: #872012; // Avoid using scales, use other functional tokens instead -$color-scale-coral-8: #640d04; // Avoid using scales, use other functional tokens instead -$color-scale-coral-9: #460701; // Avoid using scales, use other functional tokens instead -$shadow-inset: inset 0px 1px 0px 0px #0104093d; -$shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; -$shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; -$shadow-resting-medium: 0px 3px 6px 0px #010409cc; -$shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; -$shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; -$shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409; -$shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409; -$outline-focus: #1f6feb solid 2px; diff --git a/dist/scss/functional/themes/dark-dimmed.scss b/dist/scss/functional/themes/dark-dimmed.scss deleted file mode 100644 index fa994f363..000000000 --- a/dist/scss/functional/themes/dark-dimmed.scss +++ /dev/null @@ -1,405 +0,0 @@ -$topicTag-borderColor: #00000000; -$highlight-neutral-bgColor: #c6902666; -$page-header-bgColor: #22272e; -$diffBlob-addition-fgColor-text: #c5d1de; -$diffBlob-addition-fgColor-num: #c5d1de; -$diffBlob-addition-bgColor-num: #57ab5a4d; -$diffBlob-addition-bgColor-line: #46954a26; -$diffBlob-addition-bgColor-word: #46954a66; -$diffBlob-deletion-fgColor-text: #c5d1de; -$diffBlob-deletion-fgColor-num: #c5d1de; -$diffBlob-deletion-bgColor-num: #e5534b4d; -$diffBlob-deletion-bgColor-line: #e5534b26; -$diffBlob-deletion-bgColor-word: #e5534b66; -$diffBlob-hunk-bgColor-num: #4184e466; -$diffBlob-expander-iconColor: #c5d1de; -$codeMirror-fgColor: #c5d1de; -$codeMirror-bgColor: #22272e; -$codeMirror-gutters-bgColor: #22272e; -$codeMirror-gutterMarker-fgColor-default: #22272e; -$codeMirror-gutterMarker-fgColor-muted: #717e8b; -$codeMirror-lineNumber-fgColor: #717e8b; -$codeMirror-cursor-fgColor: #c5d1de; -$codeMirror-selection-bgColor: #4184e466; -$codeMirror-activeline-bgColor: #636e7b66; -$codeMirror-matchingBracket-fgColor: #c5d1de; -$codeMirror-lines-bgColor: #22272e; -$codeMirror-syntax-fgColor-comment: #768390; -$codeMirror-syntax-fgColor-constant: #6cb6ff; -$codeMirror-syntax-fgColor-entity: #dcbdfb; -$codeMirror-syntax-fgColor-keyword: #f47067; -$codeMirror-syntax-fgColor-storage: #f47067; -$codeMirror-syntax-fgColor-string: #96d0ff; -$codeMirror-syntax-fgColor-support: #6cb6ff; -$codeMirror-syntax-fgColor-variable: #f69d50; -$header-fgColor-default: #cdd9e5b3; -$header-fgColor-logo: #cdd9e5; -$header-bgColor: #2d333bf2; -$header-borderColor-divider: #768390; -$headerSearch-bgColor: #22272e; -$headerSearch-borderColor: #444c56; -$avatar-bgColor: #cdd9e51a; -$avatar-borderColor: #444c5680; -$avatar-shadow: 0px 0px 0px 2px #22272e; -$avatarStack-fade-bgColor-default: #444c56; -$avatarStack-fade-bgColor-muted: #373e47; -$control-bgColor-rest: #373e47; -$control-bgColor-hover: #3d444e; -$control-bgColor-active: #434a54; -$control-bgColor-disabled: #2d333b; -$control-bgColor-selected: #2d333b; -$control-fgColor-rest: #adbac7; -$control-fgColor-placeholder: #545d68; -$control-fgColor-disabled: #768390; -$control-borderColor-rest: #444c56; -$control-borderColor-emphasis: #606b77; -$control-borderColor-disabled: #2d333b; -$control-borderColor-selected: #cdd9e5; -$control-borderColor-success: #347d39; -$control-borderColor-danger: #c93c37; -$control-borderColor-warning: #966600; -$control-iconColor-rest: #717e8b; -$control-transparent-bgColor-rest: #00000000; -$control-transparent-bgColor-hover: #909dab1f; -$control-transparent-bgColor-active: #909dab33; -$control-transparent-bgColor-disabled: #00000000; -$control-transparent-bgColor-selected: #909dab14; -$control-transparent-borderColor-rest: #00000000; -$control-transparent-borderColor-hover: #00000000; -$control-transparent-borderColor-active: #00000000; -$control-danger-fgColor-rest: #e5534b; -$control-danger-fgColor-hover: #f47067; -$control-danger-bgColor-hover: #e5534b1a; -$control-danger-bgColor-active: #e5534b66; -$control-checked-bgColor-rest: #316dca; -$control-checked-bgColor-hover: #3876d3; -$control-checked-bgColor-active: #3f7fdb; -$control-checked-bgColor-disabled: #768390; -$control-checked-fgColor-rest: #cdd9e5; -$control-checked-fgColor-disabled: #1c2128; -$control-checked-borderColor-rest: #316dca; -$control-checked-borderColor-hover: #3876d3; -$control-checked-borderColor-active: #3f7fdb; -$control-checked-borderColor-disabled: #768390; -$controlTrack-bgColor-rest: #373e47; -$controlTrack-bgColor-hover: #3d444e; -$controlTrack-bgColor-active: #434a54; -$controlTrack-bgColor-disabled: #768390; -$controlTrack-fgColor-rest: #717e8b; -$controlTrack-fgColor-disabled: #cdd9e5; -$controlTrack-borderColor-rest: #00000000; -$controlTrack-borderColor-disabled: #768390; -$controlKnob-bgColor-rest: #1c2128; -$controlKnob-bgColor-disabled: #2d333b; -$controlKnob-bgColor-checked: #cdd9e5; -$controlKnob-borderColor-rest: #606b77; -$controlKnob-borderColor-disabled: #2d333b; -$controlKnob-borderColor-checked: #316dca; -$counter-borderColor: #00000000; -$button-default-fgColor-rest: #adbac7; -$button-default-bgColor-rest: #373e47; -$button-default-bgColor-hover: #3d444e; -$button-default-bgColor-active: #434a54; -$button-default-bgColor-selected: #434a54; -$button-default-bgColor-disabled: #2d333b; -$button-default-borderColor-rest: #444c56; -$button-default-borderColor-hover: #444c56; -$button-default-borderColor-active: #444c56; -$button-default-borderColor-disabled: #2d333b; -$button-default-shadow-resting: 0px 0px 0px 0px #000000; -$button-primary-fgColor-rest: #cdd9e5; -$button-primary-fgColor-disabled: #cdd9e580; -$button-primary-iconColor-rest: #cdd9e5; -$button-primary-bgColor-rest: #347d39; -$button-primary-bgColor-hover: #3b8640; -$button-primary-bgColor-active: #428f46; -$button-primary-bgColor-disabled: #50a254; -$button-primary-borderColor-rest: #cdd9e51a; -$button-primary-borderColor-hover: #cdd9e51a; -$button-primary-borderColor-active: #cdd9e51a; -$button-primary-borderColor-disabled: #50a254; -$button-primary-shadow-selected: 0px 0px 0px 0px #000000; -$button-invisible-fgColor-rest: #3b7cdb; -$button-invisible-fgColor-hover: #539bf5; -$button-invisible-fgColor-disabled: #768390; -$button-invisible-iconColor-rest: #717e8b; -$button-invisible-iconColor-hover: #717e8b; -$button-invisible-iconColor-disabled: #768390; -$button-invisible-bgColor-rest: #00000000; -$button-invisible-bgColor-hover: #909dab1f; -$button-invisible-bgColor-active: #909dab33; -$button-invisible-bgColor-disabled: #00000000; -$button-invisible-borderColor-rest: #00000000; -$button-invisible-borderColor-hover: #00000000; -$button-invisible-borderColor-disabled: #2d333b; -$button-outline-fgColor-rest: #4184e4; -$button-outline-fgColor-hover: #539bf5; -$button-outline-fgColor-active: #cdd9e5; -$button-outline-fgColor-disabled: #3b7cdb80; -$button-outline-bgColor-rest: #cdd9e5; -$button-outline-bgColor-hover: #444c56; -$button-outline-bgColor-active: #1b4b91; -$button-outline-bgColor-disabled: #22272e; -$button-outline-borderColor-hover: #cdd9e51a; -$button-outline-borderColor-selected: #cdd9e51a; -$button-outline-shadow-selected: 0px 0px 0px 0px #000000; -$button-danger-fgColor-rest: #e5534b; -$button-danger-fgColor-hover: #cdd9e5; -$button-danger-fgColor-active: #cdd9e5; -$button-danger-fgColor-disabled: #e5534b80; -$button-danger-iconColor-rest: #e5534b; -$button-danger-iconColor-hover: #cdd9e5; -$button-danger-bgColor-rest: #373e47; -$button-danger-bgColor-hover: #ad2e2c; -$button-danger-bgColor-active: #c33d38; -$button-danger-bgColor-disabled: #2d333b; -$button-danger-borderColor-rest: #444c56; -$button-danger-borderColor-hover: #cdd9e51a; -$button-danger-borderColor-active: #cdd9e51a; -$button-danger-shadow-selected: 0px 0px 0px 0px #000000; -$button-inactive-fgColor-rest: #768390; -$button-inactive-bgColor-rest: #373e47; -$buttonCounter-default-bgColor-rest: #444c56; -$buttonCounter-invisible-bgColor-rest: #444c56; -$buttonCounter-primary-bgColor-rest: #11341733; -$buttonCounter-outline-bgColor-rest: #0f2d5c33; -$buttonCounter-outline-bgColor-hover: #0f2d5c33; -$buttonCounter-outline-bgColor-disabled: #316dca0d; -$buttonCounter-outline-fgColor-rest: #4184e4; -$buttonCounter-outline-fgColor-hover: #539bf5; -$buttonCounter-outline-fgColor-disabled: #3b7cdb80; -$buttonCounter-danger-bgColor-hover: #cdd9e533; -$buttonCounter-danger-bgColor-disabled: #c93c370d; -$buttonCounter-danger-bgColor-rest: #5d0f1233; -$buttonCounter-danger-fgColor-rest: #e5534b; -$buttonCounter-danger-fgColor-hover: #cdd9e5; -$buttonCounter-danger-fgColor-disabled: #e5534b80; -$focus-outlineColor: #316dca; -$menu-bgColor-active: #2d333b; -$overlay-bgColor: #2d333b; -$overlay-backdrop-bgColor: #2d333b66; -$selectMenu-borderColor: #545d68; -$selectMenu-bgColor-active: #143d79; -$sideNav-bgColor-selected: #373e47; -$skeletonLoader-bgColor: #2d333b; -$timelineBadge-bgColor: #373e47; -$treeViewItem-leadingVisual-iconColor-rest: #717e8b; -$underlineNav-borderColor-active: #ec775c; -$underlineNav-borderColor-hover: #636e7b66; -$underlineNav-iconColor-rest: #717e8b; -$fgColor-default: #c5d1de; -$fgColor-muted: #717e8b; -$fgColor-onEmphasis: #cdd9e5; -$fgColor-disabled: #768390; -$fgColor-link: #3b7cdb; -$fgColor-neutral: #636e7b; -$fgColor-accent: #3b7cdb; -$fgColor-success: #57ab5a; -$fgColor-attention: #c69026; -$fgColor-severe: #cc6b2c; -$fgColor-danger: #e5534b; -$fgColor-open: #57ab5a; -$fgColor-closed: #e5534b; -$fgColor-done: #986ee2; -$fgColor-sponsors: #c96198; -$bgColor-default: #22272e; -$bgColor-muted: #2d333b; -$bgColor-inset: #1c2128; -$bgColor-emphasis: #636e7b; -$bgColor-inverse: #cdd9e5; -$bgColor-disabled: #2d333b; -$bgColor-transparent: #00000000; -$bgColor-neutral-muted: #636e7b66; -$bgColor-neutral-emphasis: #636e7b; -$bgColor-accent-muted: #4184e41a; -$bgColor-accent-emphasis: #316dca; -$bgColor-success-muted: #46954a26; -$bgColor-success-emphasis: #347d39; -$bgColor-attention-muted: #ae7c1426; -$bgColor-attention-emphasis: #966600; -$bgColor-severe-muted: #cc6b2c1a; -$bgColor-severe-emphasis: #ae5622; -$bgColor-danger-muted: #e5534b1a; -$bgColor-danger-emphasis: #c93c37; -$bgColor-open-muted: #46954a1a; -$bgColor-open-emphasis: #347d39; -$bgColor-closed-muted: #e5534b26; -$bgColor-closed-emphasis: #c93c37; -$bgColor-done-muted: #986ee226; -$bgColor-done-emphasis: #8256d0; -$bgColor-sponsors-muted: #c961981a; -$bgColor-sponsors-emphasis: #ae4c82; -$borderColor-default: #444c56; -$borderColor-muted: #444c5680; -$borderColor-emphasis: #545d68; -$borderColor-disabled: #2d333b; -$borderColor-transparent: #00000000; -$borderColor-neutral-muted: #636e7b66; -$borderColor-neutral-emphasis: #636e7b; -$borderColor-accent-muted: #4184e466; -$borderColor-accent-emphasis: #316dca; -$borderColor-success-muted: #46954a66; -$borderColor-success-emphasis: #347d39; -$borderColor-attention-muted: #ae7c1466; -$borderColor-attention-emphasis: #966600; -$borderColor-severe-muted: #cc6b2c66; -$borderColor-severe-emphasis: #ae5622; -$borderColor-danger-muted: #e5534b66; -$borderColor-danger-emphasis: #c93c37; -$borderColor-open-muted: #46954a66; -$borderColor-open-emphasis: #347d39; -$borderColor-closed-muted: #e5534b66; -$borderColor-closed-emphasis: #c93c37; -$borderColor-done-muted: #986ee266; -$borderColor-done-emphasis: #8256d0; -$borderColor-sponsors-muted: #c9619866; -$borderColor-sponsors-emphasis: #ae4c82; -$color-ansi-black: #545d68; -$color-ansi-black-bright: #636e7b; -$color-ansi-white: #909dab; -$color-ansi-white-bright: #cdd9e5; -$color-ansi-gray: #636e7b; -$color-ansi-red: #f47067; -$color-ansi-red-bright: #ff938a; -$color-ansi-green: #57ab5a; -$color-ansi-green-bright: #6bc46d; -$color-ansi-yellow: #c69026; -$color-ansi-yellow-bright: #daaa3f; -$color-ansi-blue: #539bf5; -$color-ansi-blue-bright: #6cb6ff; -$color-ansi-magenta: #b083f0; -$color-ansi-magenta-bright: #dcbdfb; -$color-ansi-cyan: #39c5cf; -$color-ansi-cyan-bright: #56d4dd; -$color-prettylights-syntax-comment: #768390; -$color-prettylights-syntax-constant: #6cb6ff; -$color-prettylights-syntax-constant-other-reference-link: #96d0ff; -$color-prettylights-syntax-entity: #dcbdfb; -$color-prettylights-syntax-storage-modifier-import: #adbac7; -$color-prettylights-syntax-entity-tag: #8ddb8c; -$color-prettylights-syntax-keyword: #f47067; -$color-prettylights-syntax-string: #96d0ff; -$color-prettylights-syntax-variable: #f69d50; -$color-prettylights-syntax-brackethighlighter-unmatched: #e5534b; -$color-prettylights-syntax-brackethighlighter-angle: #768390; -$color-prettylights-syntax-invalid-illegal-text: #cdd9e5; -$color-prettylights-syntax-invalid-illegal-bg: #922323; -$color-prettylights-syntax-carriage-return-text: #cdd9e5; -$color-prettylights-syntax-carriage-return-bg: #ad2e2c; -$color-prettylights-syntax-string-regexp: #8ddb8c; -$color-prettylights-syntax-markup-list: #eac55f; -$color-prettylights-syntax-markup-heading: #316dca; -$color-prettylights-syntax-markup-italic: #adbac7; -$color-prettylights-syntax-markup-bold: #adbac7; -$color-prettylights-syntax-markup-deleted-text: #ffd8d3; -$color-prettylights-syntax-markup-deleted-bg: #78191b; -$color-prettylights-syntax-markup-inserted-text: #b4f1b4; -$color-prettylights-syntax-markup-inserted-bg: #1b4721; -$color-prettylights-syntax-markup-changed-text: #ffddb0; -$color-prettylights-syntax-markup-changed-bg: #682d0f; -$color-prettylights-syntax-markup-ignored-text: #adbac7; -$color-prettylights-syntax-markup-ignored-bg: #255ab2; -$color-prettylights-syntax-meta-diff-range: #dcbdfb; -$color-prettylights-syntax-sublimelinter-gutter-mark: #545d68; -$color-scale-black: #1c2128; // Avoid using scales, use other functional tokens instead -$color-scale-transparent: #00000000; // Avoid using scales, use other functional tokens instead -$color-scale-white: #cdd9e5; // Avoid using scales, use other functional tokens instead -$color-scale-gray-0: #cdd9e5; // Avoid using scales, use other functional tokens instead -$color-scale-gray-1: #adbac7; // Avoid using scales, use other functional tokens instead -$color-scale-gray-2: #909dab; // Avoid using scales, use other functional tokens instead -$color-scale-gray-3: #768390; // Avoid using scales, use other functional tokens instead -$color-scale-gray-4: #636e7b; // Avoid using scales, use other functional tokens instead -$color-scale-gray-5: #545d68; // Avoid using scales, use other functional tokens instead -$color-scale-gray-6: #444c56; // Avoid using scales, use other functional tokens instead -$color-scale-gray-7: #373e47; // Avoid using scales, use other functional tokens instead -$color-scale-gray-8: #2d333b; // Avoid using scales, use other functional tokens instead -$color-scale-gray-9: #22272e; // Avoid using scales, use other functional tokens instead -$color-scale-blue-0: #c6e6ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-1: #96d0ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-2: #6cb6ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-3: #539bf5; // Avoid using scales, use other functional tokens instead -$color-scale-blue-4: #4184e4; // Avoid using scales, use other functional tokens instead -$color-scale-blue-5: #316dca; // Avoid using scales, use other functional tokens instead -$color-scale-blue-6: #255ab2; // Avoid using scales, use other functional tokens instead -$color-scale-blue-7: #1b4b91; // Avoid using scales, use other functional tokens instead -$color-scale-blue-8: #143d79; // Avoid using scales, use other functional tokens instead -$color-scale-blue-9: #0f2d5c; // Avoid using scales, use other functional tokens instead -$color-scale-green-0: #b4f1b4; // Avoid using scales, use other functional tokens instead -$color-scale-green-1: #8ddb8c; // Avoid using scales, use other functional tokens instead -$color-scale-green-2: #6bc46d; // Avoid using scales, use other functional tokens instead -$color-scale-green-3: #57ab5a; // Avoid using scales, use other functional tokens instead -$color-scale-green-4: #46954a; // Avoid using scales, use other functional tokens instead -$color-scale-green-5: #347d39; // Avoid using scales, use other functional tokens instead -$color-scale-green-6: #2b6a30; // Avoid using scales, use other functional tokens instead -$color-scale-green-7: #245829; // Avoid using scales, use other functional tokens instead -$color-scale-green-8: #1b4721; // Avoid using scales, use other functional tokens instead -$color-scale-green-9: #113417; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-0: #fbe090; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-1: #eac55f; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-2: #daaa3f; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-3: #c69026; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-4: #ae7c14; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-5: #966600; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-6: #805400; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-7: #6c4400; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-8: #593600; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-9: #452700; // Avoid using scales, use other functional tokens instead -$color-scale-orange-0: #ffddb0; // Avoid using scales, use other functional tokens instead -$color-scale-orange-1: #ffbc6f; // Avoid using scales, use other functional tokens instead -$color-scale-orange-2: #f69d50; // Avoid using scales, use other functional tokens instead -$color-scale-orange-3: #e0823d; // Avoid using scales, use other functional tokens instead -$color-scale-orange-4: #cc6b2c; // Avoid using scales, use other functional tokens instead -$color-scale-orange-5: #ae5622; // Avoid using scales, use other functional tokens instead -$color-scale-orange-6: #94471b; // Avoid using scales, use other functional tokens instead -$color-scale-orange-7: #7f3913; // Avoid using scales, use other functional tokens instead -$color-scale-orange-8: #682d0f; // Avoid using scales, use other functional tokens instead -$color-scale-orange-9: #4d210c; // Avoid using scales, use other functional tokens instead -$color-scale-red-0: #ffd8d3; // Avoid using scales, use other functional tokens instead -$color-scale-red-1: #ffb8b0; // Avoid using scales, use other functional tokens instead -$color-scale-red-2: #ff938a; // Avoid using scales, use other functional tokens instead -$color-scale-red-3: #f47067; // Avoid using scales, use other functional tokens instead -$color-scale-red-4: #e5534b; // Avoid using scales, use other functional tokens instead -$color-scale-red-5: #c93c37; // Avoid using scales, use other functional tokens instead -$color-scale-red-6: #ad2e2c; // Avoid using scales, use other functional tokens instead -$color-scale-red-7: #922323; // Avoid using scales, use other functional tokens instead -$color-scale-red-8: #78191b; // Avoid using scales, use other functional tokens instead -$color-scale-red-9: #5d0f12; // Avoid using scales, use other functional tokens instead -$color-scale-purple-0: #eedcff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-1: #dcbdfb; // Avoid using scales, use other functional tokens instead -$color-scale-purple-2: #dcbdfb; // Avoid using scales, use other functional tokens instead -$color-scale-purple-3: #b083f0; // Avoid using scales, use other functional tokens instead -$color-scale-purple-4: #986ee2; // Avoid using scales, use other functional tokens instead -$color-scale-purple-5: #8256d0; // Avoid using scales, use other functional tokens instead -$color-scale-purple-6: #6b44bc; // Avoid using scales, use other functional tokens instead -$color-scale-purple-7: #5936a2; // Avoid using scales, use other functional tokens instead -$color-scale-purple-8: #472c82; // Avoid using scales, use other functional tokens instead -$color-scale-purple-9: #352160; // Avoid using scales, use other functional tokens instead -$color-scale-pink-0: #ffd7eb; // Avoid using scales, use other functional tokens instead -$color-scale-pink-1: #ffb3d8; // Avoid using scales, use other functional tokens instead -$color-scale-pink-2: #fc8dc7; // Avoid using scales, use other functional tokens instead -$color-scale-pink-3: #e275ad; // Avoid using scales, use other functional tokens instead -$color-scale-pink-4: #c96198; // Avoid using scales, use other functional tokens instead -$color-scale-pink-5: #ae4c82; // Avoid using scales, use other functional tokens instead -$color-scale-pink-6: #983b6e; // Avoid using scales, use other functional tokens instead -$color-scale-pink-7: #7e325a; // Avoid using scales, use other functional tokens instead -$color-scale-pink-8: #69264a; // Avoid using scales, use other functional tokens instead -$color-scale-pink-9: #551639; // Avoid using scales, use other functional tokens instead -$color-scale-coral-0: #ffdacf; // Avoid using scales, use other functional tokens instead -$color-scale-coral-1: #ffb9a5; // Avoid using scales, use other functional tokens instead -$color-scale-coral-2: #f79981; // Avoid using scales, use other functional tokens instead -$color-scale-coral-3: #ec775c; // Avoid using scales, use other functional tokens instead -$color-scale-coral-4: #de5b41; // Avoid using scales, use other functional tokens instead -$color-scale-coral-5: #c2442d; // Avoid using scales, use other functional tokens instead -$color-scale-coral-6: #a93524; // Avoid using scales, use other functional tokens instead -$color-scale-coral-7: #8d291b; // Avoid using scales, use other functional tokens instead -$color-scale-coral-8: #771d13; // Avoid using scales, use other functional tokens instead -$color-scale-coral-9: #5d1008; // Avoid using scales, use other functional tokens instead -$shadow-inset: inset 0px 1px 0px 0px #1c21283d; -$shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc; -$shadow-resting-small: 0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866; -$shadow-resting-medium: 0px 3px 6px 0px #1c2128cc; -$shadow-floating-small: 0px 0px 0px 1px #2d333b, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866; -$shadow-floating-medium: 0px 0px 0px 1px #2d333b, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866; -$shadow-floating-large: 0px 0px 0px 1px #2d333b, 0px 24px 48px 0px #1c2128; -$shadow-floating-xlarge: 0px 0px 0px 1px #2d333b, 0px 32px 64px 0px #1c2128; -$outline-focus: #316dca solid 2px; diff --git a/dist/scss/functional/themes/dark-high-contrast.scss b/dist/scss/functional/themes/dark-high-contrast.scss deleted file mode 100644 index d1cc8681b..000000000 --- a/dist/scss/functional/themes/dark-high-contrast.scss +++ /dev/null @@ -1,405 +0,0 @@ -$topicTag-borderColor: #409eff; -$highlight-neutral-bgColor: #f0b72f66; -$page-header-bgColor: #0a0c10; -$diffBlob-addition-fgColor-text: #0a0c10; -$diffBlob-addition-fgColor-num: #fbfcfd; -$diffBlob-addition-bgColor-num: #28d7514d; -$diffBlob-addition-bgColor-line: #0ac74026; -$diffBlob-addition-bgColor-word: #0ac740; -$diffBlob-deletion-fgColor-text: #0a0c10; -$diffBlob-deletion-fgColor-num: #fbfcfd; -$diffBlob-deletion-bgColor-num: #ff80804d; -$diffBlob-deletion-bgColor-line: #ff808026; -$diffBlob-deletion-bgColor-word: #ff6a69; -$diffBlob-hunk-bgColor-num: #5cacff66; -$diffBlob-expander-iconColor: #fbfcfd; -$codeMirror-fgColor: #fbfcfd; -$codeMirror-bgColor: #0a0c10; -$codeMirror-gutters-bgColor: #0a0c10; -$codeMirror-gutterMarker-fgColor-default: #0a0c10; -$codeMirror-gutterMarker-fgColor-muted: #f0f3f6; -$codeMirror-lineNumber-fgColor: #f0f3f6; -$codeMirror-cursor-fgColor: #fbfcfd; -$codeMirror-selection-bgColor: #5cacff66; -$codeMirror-activeline-bgColor: #9ea7b366; -$codeMirror-matchingBracket-fgColor: #fbfcfd; -$codeMirror-lines-bgColor: #0a0c10; -$codeMirror-syntax-fgColor-comment: #bdc4cc; -$codeMirror-syntax-fgColor-constant: #91cbff; -$codeMirror-syntax-fgColor-entity: #dbb7ff; -$codeMirror-syntax-fgColor-keyword: #ff9492; -$codeMirror-syntax-fgColor-storage: #ff9492; -$codeMirror-syntax-fgColor-string: #addcff; -$codeMirror-syntax-fgColor-support: #91cbff; -$codeMirror-syntax-fgColor-variable: #ffb757; -$header-fgColor-default: #ffffffb3; -$header-fgColor-logo: #ffffff; -$header-bgColor: #272b33f2; -$header-borderColor-divider: #bdc4cc; -$headerSearch-bgColor: #0a0c10; -$headerSearch-borderColor: #525964; -$avatar-bgColor: #ffffff1a; -$avatar-borderColor: #ffffffe6; -$avatar-shadow: 0px 0px 0px 2px #0a0c10; -$avatarStack-fade-bgColor-default: #525964; -$avatarStack-fade-bgColor-muted: #3d424d; -$control-bgColor-rest: #3d424d; -$control-bgColor-hover: #494f5a; -$control-bgColor-active: #555c67; -$control-bgColor-disabled: #272b33; -$control-bgColor-selected: #525964; -$control-fgColor-rest: #f0f3f6; -$control-fgColor-placeholder: #7a828e; -$control-fgColor-disabled: #bdc4cc; -$control-borderColor-rest: #7a828e; -$control-borderColor-emphasis: #7a828e; -$control-borderColor-disabled: #272b33; -$control-borderColor-selected: #ffffff; -$control-borderColor-success: #09b43a; -$control-borderColor-danger: #ff6a69; -$control-borderColor-warning: #e09b13; -$control-iconColor-rest: #f0f3f6; -$control-transparent-bgColor-rest: #00000000; -$control-transparent-bgColor-hover: #272b33; -$control-transparent-bgColor-active: #525964; -$control-transparent-bgColor-disabled: #00000000; -$control-transparent-bgColor-selected: #525964; -$control-transparent-borderColor-rest: #00000000; -$control-transparent-borderColor-hover: #7a828e; -$control-transparent-borderColor-active: #9ea7b3; -$control-danger-fgColor-rest: #ff8080; -$control-danger-fgColor-hover: #0a0c10; -$control-danger-bgColor-hover: #ff6a69; -$control-danger-bgColor-active: #f65052; -$control-checked-bgColor-rest: #409eff; -$control-checked-bgColor-hover: #4aa3ff; -$control-checked-bgColor-active: #54a8ff; -$control-checked-bgColor-disabled: #bdc4cc; -$control-checked-fgColor-rest: #0a0c10; -$control-checked-fgColor-disabled: #010409; -$control-checked-borderColor-rest: #409eff; -$control-checked-borderColor-hover: #4aa3ff; -$control-checked-borderColor-active: #54a8ff; -$control-checked-borderColor-disabled: #bdc4cc; -$controlTrack-bgColor-rest: #3d424d; -$controlTrack-bgColor-hover: #494f5a; -$controlTrack-bgColor-active: #555c67; -$controlTrack-bgColor-disabled: #bdc4cc; -$controlTrack-fgColor-rest: #fbfcfd; -$controlTrack-fgColor-disabled: #0a0c10; -$controlTrack-borderColor-rest: #00000000; -$controlTrack-borderColor-disabled: #bdc4cc; -$controlKnob-bgColor-rest: #010409; -$controlKnob-bgColor-disabled: #272b33; -$controlKnob-bgColor-checked: #ffffff; -$controlKnob-borderColor-rest: #7a828e; -$controlKnob-borderColor-disabled: #272b33; -$controlKnob-borderColor-checked: #409eff; -$counter-borderColor: #00000000; -$button-default-fgColor-rest: #f0f3f6; -$button-default-bgColor-rest: #3d424d; -$button-default-bgColor-hover: #494f5a; -$button-default-bgColor-active: #555c67; -$button-default-bgColor-selected: #555c67; -$button-default-bgColor-disabled: #272b33; -$button-default-borderColor-rest: #7a828e; -$button-default-borderColor-hover: #7a828e; -$button-default-borderColor-active: #7a828e; -$button-default-borderColor-disabled: #272b33; -$button-default-shadow-resting: 0px 0px 0px 0px #000000; -$button-primary-fgColor-rest: #0a0c10; -$button-primary-fgColor-disabled: #0a0c1080; -$button-primary-iconColor-rest: #0a0c10; -$button-primary-bgColor-rest: #09b43a; -$button-primary-bgColor-hover: #0fbb3f; -$button-primary-bgColor-active: #15c243; -$button-primary-bgColor-disabled: #6bdc84; -$button-primary-borderColor-rest: #4ae168; -$button-primary-borderColor-hover: #4ae168; -$button-primary-borderColor-active: #4ae168; -$button-primary-borderColor-disabled: #4ae16866; -$button-primary-shadow-selected: 0px 0px 0px 0px #000000; -$button-invisible-fgColor-rest: #52a7ff; -$button-invisible-fgColor-hover: #1e60d5; -$button-invisible-fgColor-disabled: #bdc4cc; -$button-invisible-iconColor-rest: #f0f3f6; -$button-invisible-iconColor-hover: #0a0c10; -$button-invisible-iconColor-disabled: #bdc4cc; -$button-invisible-bgColor-rest: #00000000; -$button-invisible-bgColor-hover: #f0f3f6; -$button-invisible-bgColor-active: #d9dee3; -$button-invisible-bgColor-disabled: #00000000; -$button-invisible-borderColor-rest: #00000000; -$button-invisible-borderColor-hover: #7a828e; -$button-invisible-borderColor-disabled: #272b33; -$button-outline-fgColor-rest: #5cacff; -$button-outline-fgColor-hover: #71b7ff; -$button-outline-fgColor-active: #ffffff; -$button-outline-fgColor-disabled: #52a7ff80; -$button-outline-bgColor-rest: #ffffff; -$button-outline-bgColor-hover: #525964; -$button-outline-bgColor-active: #2672f3; -$button-outline-bgColor-disabled: #0a0c10; -$button-outline-borderColor-hover: #ffffff1a; -$button-outline-borderColor-selected: #ffffff1a; -$button-outline-shadow-selected: 0px 0px 0px 0px #000000; -$button-danger-fgColor-rest: #ff8080; -$button-danger-fgColor-hover: #ffffff; -$button-danger-fgColor-active: #ffffff; -$button-danger-fgColor-disabled: #ff808080; -$button-danger-iconColor-rest: #ff8080; -$button-danger-iconColor-hover: #ffffff; -$button-danger-bgColor-rest: #3d424d; -$button-danger-bgColor-hover: #ff4445; -$button-danger-bgColor-active: #ff5c5d; -$button-danger-bgColor-disabled: #272b33; -$button-danger-borderColor-rest: #7a828e; -$button-danger-borderColor-hover: #ffffff1a; -$button-danger-borderColor-active: #ffffff1a; -$button-danger-shadow-selected: 0px 0px 0px 0px #000000; -$button-inactive-fgColor-rest: #bdc4cc; -$button-inactive-bgColor-rest: #3d424d; -$buttonCounter-default-bgColor-rest: #525964; -$buttonCounter-invisible-bgColor-rest: #525964; -$buttonCounter-primary-bgColor-rest: #01040926; -$buttonCounter-outline-bgColor-rest: #194fb133; -$buttonCounter-outline-bgColor-hover: #194fb133; -$buttonCounter-outline-bgColor-disabled: #409eff0d; -$buttonCounter-outline-fgColor-rest: #5cacff; -$buttonCounter-outline-fgColor-hover: #71b7ff; -$buttonCounter-outline-fgColor-disabled: #52a7ff80; -$buttonCounter-danger-bgColor-hover: #01040926; -$buttonCounter-danger-bgColor-disabled: #ff6a690d; -$buttonCounter-danger-bgColor-rest: #01040926; -$buttonCounter-danger-fgColor-rest: #ff8080; -$buttonCounter-danger-fgColor-hover: #ffffff; -$buttonCounter-danger-fgColor-disabled: #ff808080; -$focus-outlineColor: #409eff; -$menu-bgColor-active: #272b33; -$overlay-bgColor: #272b33; -$overlay-backdrop-bgColor: #272b3366; -$selectMenu-borderColor: #7a828e; -$selectMenu-bgColor-active: #1e60d5; -$sideNav-bgColor-selected: #3d424d; -$skeletonLoader-bgColor: #272b33; -$timelineBadge-bgColor: #3d424d; -$treeViewItem-leadingVisual-iconColor-rest: #f0f3f6; -$underlineNav-borderColor-active: #ff967d; -$underlineNav-borderColor-hover: #bdc4cc; -$underlineNav-iconColor-rest: #f0f3f6; -$fgColor-default: #fbfcfd; -$fgColor-muted: #f0f3f6; -$fgColor-onEmphasis: #0a0c10; -$fgColor-disabled: #bdc4cc; -$fgColor-link: #52a7ff; -$fgColor-neutral: #9ea7b3; -$fgColor-accent: #52a7ff; -$fgColor-success: #28d751; -$fgColor-attention: #f0b72f; -$fgColor-severe: #f48b25; -$fgColor-danger: #ff8080; -$fgColor-open: #28d751; -$fgColor-closed: #ff8080; -$fgColor-done: #bf8fff; -$fgColor-sponsors: #f87cbd; -$bgColor-default: #0a0c10; -$bgColor-muted: #272b33; -$bgColor-inset: #010409; -$bgColor-emphasis: #ffffff; -$bgColor-inverse: #ffffff; -$bgColor-disabled: #272b33; -$bgColor-transparent: #00000000; -$bgColor-neutral-muted: #9ea7b366; -$bgColor-neutral-emphasis: #9ea7b3; -$bgColor-accent-muted: #5cacff1a; -$bgColor-accent-emphasis: #409eff; -$bgColor-success-muted: #0ac74026; -$bgColor-success-emphasis: #09b43a; -$bgColor-attention-muted: #edaa2726; -$bgColor-attention-emphasis: #e09b13; -$bgColor-severe-muted: #f48b251a; -$bgColor-severe-emphasis: #e7811d; -$bgColor-danger-muted: #ff80801a; -$bgColor-danger-emphasis: #ff6a69; -$bgColor-open-muted: #0ac7401a; -$bgColor-open-emphasis: #09b43a; -$bgColor-closed-muted: #ff808026; -$bgColor-closed-emphasis: #ff6a69; -$bgColor-done-muted: #bf8fff26; -$bgColor-done-emphasis: #b87fff; -$bgColor-sponsors-muted: #f87cbd1a; -$bgColor-sponsors-emphasis: #ef6eb1; -$borderColor-default: #7a828e; -$borderColor-muted: #7a828e; -$borderColor-emphasis: #7a828e; -$borderColor-disabled: #272b33; -$borderColor-transparent: #00000000; -$borderColor-neutral-muted: #9ea7b3; -$borderColor-neutral-emphasis: #9ea7b3; -$borderColor-accent-muted: #5cacff; -$borderColor-accent-emphasis: #409eff; -$borderColor-success-muted: #0ac740; -$borderColor-success-emphasis: #09b43a; -$borderColor-attention-muted: #edaa27; -$borderColor-attention-emphasis: #e09b13; -$borderColor-severe-muted: #f48b25; -$borderColor-severe-emphasis: #e7811d; -$borderColor-danger-muted: #ff8080; -$borderColor-danger-emphasis: #ff6a69; -$borderColor-open-muted: #0ac740; -$borderColor-open-emphasis: #09b43a; -$borderColor-closed-muted: #ff808066; -$borderColor-closed-emphasis: #ff6a69; -$borderColor-done-muted: #bf8fff; -$borderColor-done-emphasis: #b87fff; -$borderColor-sponsors-muted: #f87cbd; -$borderColor-sponsors-emphasis: #ef6eb1; -$color-ansi-black: #7a828e; -$color-ansi-black-bright: #9ea7b3; -$color-ansi-white: #d9dee3; -$color-ansi-white-bright: #ffffff; -$color-ansi-gray: #9ea7b3; -$color-ansi-red: #ff9492; -$color-ansi-red-bright: #ffb1af; -$color-ansi-green: #28d751; -$color-ansi-green-bright: #4ae168; -$color-ansi-yellow: #f0b72f; -$color-ansi-yellow-bright: #f7c843; -$color-ansi-blue: #71b7ff; -$color-ansi-blue-bright: #91cbff; -$color-ansi-magenta: #cb9eff; -$color-ansi-magenta-bright: #dbb7ff; -$color-ansi-cyan: #39c5cf; -$color-ansi-cyan-bright: #56d4dd; -$color-prettylights-syntax-comment: #bdc4cc; -$color-prettylights-syntax-constant: #91cbff; -$color-prettylights-syntax-constant-other-reference-link: #addcff; -$color-prettylights-syntax-entity: #dbb7ff; -$color-prettylights-syntax-storage-modifier-import: #f0f3f6; -$color-prettylights-syntax-entity-tag: #72f088; -$color-prettylights-syntax-keyword: #ff9492; -$color-prettylights-syntax-string: #addcff; -$color-prettylights-syntax-variable: #ffb757; -$color-prettylights-syntax-brackethighlighter-unmatched: #ff8080; -$color-prettylights-syntax-brackethighlighter-angle: #bdc4cc; -$color-prettylights-syntax-invalid-illegal-text: #ffffff; -$color-prettylights-syntax-invalid-illegal-bg: #e82a2f; -$color-prettylights-syntax-carriage-return-text: #ffffff; -$color-prettylights-syntax-carriage-return-bg: #ff4445; -$color-prettylights-syntax-string-regexp: #72f088; -$color-prettylights-syntax-markup-list: #fbd669; -$color-prettylights-syntax-markup-heading: #409eff; -$color-prettylights-syntax-markup-italic: #f0f3f6; -$color-prettylights-syntax-markup-bold: #f0f3f6; -$color-prettylights-syntax-markup-deleted-text: #ffdedb; -$color-prettylights-syntax-markup-deleted-bg: #cc1421; -$color-prettylights-syntax-markup-inserted-text: #acf7b6; -$color-prettylights-syntax-markup-inserted-bg: #007728; -$color-prettylights-syntax-markup-changed-text: #ffe1b4; -$color-prettylights-syntax-markup-changed-bg: #a74c00; -$color-prettylights-syntax-markup-ignored-text: #f0f3f6; -$color-prettylights-syntax-markup-ignored-bg: #318bf8; -$color-prettylights-syntax-meta-diff-range: #dbb7ff; -$color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e; -$color-scale-black: #010409; // Avoid using scales, use other functional tokens instead -$color-scale-transparent: #00000000; // Avoid using scales, use other functional tokens instead -$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-0: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-1: #f0f3f6; // Avoid using scales, use other functional tokens instead -$color-scale-gray-2: #d9dee3; // Avoid using scales, use other functional tokens instead -$color-scale-gray-3: #bdc4cc; // Avoid using scales, use other functional tokens instead -$color-scale-gray-4: #9ea7b3; // Avoid using scales, use other functional tokens instead -$color-scale-gray-5: #7a828e; // Avoid using scales, use other functional tokens instead -$color-scale-gray-6: #525964; // Avoid using scales, use other functional tokens instead -$color-scale-gray-7: #3d424d; // Avoid using scales, use other functional tokens instead -$color-scale-gray-8: #272b33; // Avoid using scales, use other functional tokens instead -$color-scale-gray-9: #0a0c10; // Avoid using scales, use other functional tokens instead -$color-scale-blue-0: #caeaff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-1: #addcff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-2: #91cbff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-3: #71b7ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-4: #5cacff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-5: #409eff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-6: #318bf8; // Avoid using scales, use other functional tokens instead -$color-scale-blue-7: #2672f3; // Avoid using scales, use other functional tokens instead -$color-scale-blue-8: #1e60d5; // Avoid using scales, use other functional tokens instead -$color-scale-blue-9: #194fb1; // Avoid using scales, use other functional tokens instead -$color-scale-green-0: #acf7b6; // Avoid using scales, use other functional tokens instead -$color-scale-green-1: #72f088; // Avoid using scales, use other functional tokens instead -$color-scale-green-2: #4ae168; // Avoid using scales, use other functional tokens instead -$color-scale-green-3: #28d751; // Avoid using scales, use other functional tokens instead -$color-scale-green-4: #0ac740; // Avoid using scales, use other functional tokens instead -$color-scale-green-5: #09b43a; // Avoid using scales, use other functional tokens instead -$color-scale-green-6: #02a232; // Avoid using scales, use other functional tokens instead -$color-scale-green-7: #008c2c; // Avoid using scales, use other functional tokens instead -$color-scale-green-8: #007728; // Avoid using scales, use other functional tokens instead -$color-scale-green-9: #006222; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-0: #fbe59e; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-1: #fbd669; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-2: #f7c843; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-3: #f0b72f; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-4: #edaa27; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-5: #e09b13; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-6: #c88508; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-7: #ae7104; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-8: #945d02; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-9: #7b4900; // Avoid using scales, use other functional tokens instead -$color-scale-orange-0: #ffe1b4; // Avoid using scales, use other functional tokens instead -$color-scale-orange-1: #ffcf86; // Avoid using scales, use other functional tokens instead -$color-scale-orange-2: #ffb757; // Avoid using scales, use other functional tokens instead -$color-scale-orange-3: #fe9a2d; // Avoid using scales, use other functional tokens instead -$color-scale-orange-4: #f48b25; // Avoid using scales, use other functional tokens instead -$color-scale-orange-5: #e7811d; // Avoid using scales, use other functional tokens instead -$color-scale-orange-6: #d57014; // Avoid using scales, use other functional tokens instead -$color-scale-orange-7: #bf5e0a; // Avoid using scales, use other functional tokens instead -$color-scale-orange-8: #a74c00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-9: #8f3c00; // Avoid using scales, use other functional tokens instead -$color-scale-red-0: #ffdedb; // Avoid using scales, use other functional tokens instead -$color-scale-red-1: #ffc9c7; // Avoid using scales, use other functional tokens instead -$color-scale-red-2: #ffb1af; // Avoid using scales, use other functional tokens instead -$color-scale-red-3: #ff9492; // Avoid using scales, use other functional tokens instead -$color-scale-red-4: #ff8080; // Avoid using scales, use other functional tokens instead -$color-scale-red-5: #ff6a69; // Avoid using scales, use other functional tokens instead -$color-scale-red-6: #ff4445; // Avoid using scales, use other functional tokens instead -$color-scale-red-7: #e82a2f; // Avoid using scales, use other functional tokens instead -$color-scale-red-8: #cc1421; // Avoid using scales, use other functional tokens instead -$color-scale-red-9: #ad0116; // Avoid using scales, use other functional tokens instead -$color-scale-purple-0: #f0dfff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-1: #e6ccff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-2: #dbb7ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-3: #cb9eff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-4: #bf8fff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-5: #b87fff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-6: #a66bff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-7: #954ffd; // Avoid using scales, use other functional tokens instead -$color-scale-purple-8: #8031f7; // Avoid using scales, use other functional tokens instead -$color-scale-purple-9: #6921d7; // Avoid using scales, use other functional tokens instead -$color-scale-pink-0: #ffdceb; // Avoid using scales, use other functional tokens instead -$color-scale-pink-1: #ffc7e1; // Avoid using scales, use other functional tokens instead -$color-scale-pink-2: #ffadd4; // Avoid using scales, use other functional tokens instead -$color-scale-pink-3: #ff8dc7; // Avoid using scales, use other functional tokens instead -$color-scale-pink-4: #f87cbd; // Avoid using scales, use other functional tokens instead -$color-scale-pink-5: #ef6eb1; // Avoid using scales, use other functional tokens instead -$color-scale-pink-6: #e456a3; // Avoid using scales, use other functional tokens instead -$color-scale-pink-7: #d23d91; // Avoid using scales, use other functional tokens instead -$color-scale-pink-8: #b72c7d; // Avoid using scales, use other functional tokens instead -$color-scale-pink-9: #9c1d6a; // Avoid using scales, use other functional tokens instead -$color-scale-coral-0: #ffded4; // Avoid using scales, use other functional tokens instead -$color-scale-coral-1: #ffcbb9; // Avoid using scales, use other functional tokens instead -$color-scale-coral-2: #ffb39b; // Avoid using scales, use other functional tokens instead -$color-scale-coral-3: #ff967d; // Avoid using scales, use other functional tokens instead -$color-scale-coral-4: #fd8468; // Avoid using scales, use other functional tokens instead -$color-scale-coral-5: #fc704f; // Avoid using scales, use other functional tokens instead -$color-scale-coral-6: #f75133; // Avoid using scales, use other functional tokens instead -$color-scale-coral-7: #e03b21; // Avoid using scales, use other functional tokens instead -$color-scale-coral-8: #c62612; // Avoid using scales, use other functional tokens instead -$color-scale-coral-9: #a91500; // Avoid using scales, use other functional tokens instead -$shadow-inset: inset 0px 1px 0px 0px #0104093d; -$shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; -$shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; -$shadow-resting-medium: 0px 3px 6px 0px #010409cc; -$shadow-floating-small: 0px 0px 0px 1px #272b33, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; -$shadow-floating-medium: 0px 0px 0px 1px #272b33, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; -$shadow-floating-large: 0px 0px 0px 1px #272b33, 0px 24px 48px 0px #010409; -$shadow-floating-xlarge: 0px 0px 0px 1px #272b33, 0px 32px 64px 0px #010409; -$outline-focus: #409eff solid 2px; diff --git a/dist/scss/functional/themes/dark-tritanopia.scss b/dist/scss/functional/themes/dark-tritanopia.scss deleted file mode 100644 index 59b0e1d5d..000000000 --- a/dist/scss/functional/themes/dark-tritanopia.scss +++ /dev/null @@ -1,405 +0,0 @@ -$topicTag-borderColor: #00000000; -$highlight-neutral-bgColor: #d2992266; -$page-header-bgColor: #0d1117; -$diffBlob-addition-fgColor-text: #e6edf3; -$diffBlob-addition-fgColor-num: #e6edf3; -$diffBlob-addition-bgColor-num: #58a6ff4d; -$diffBlob-addition-bgColor-line: #388bfd26; -$diffBlob-addition-bgColor-word: #388bfd66; -$diffBlob-deletion-fgColor-text: #e6edf3; -$diffBlob-deletion-fgColor-num: #e6edf3; -$diffBlob-deletion-bgColor-num: #f851494d; -$diffBlob-deletion-bgColor-line: #f8514926; -$diffBlob-deletion-bgColor-word: #f8514966; -$diffBlob-hunk-bgColor-num: #388bfd66; -$diffBlob-expander-iconColor: #848d97; -$codeMirror-fgColor: #e6edf3; -$codeMirror-bgColor: #0d1117; -$codeMirror-gutters-bgColor: #0d1117; -$codeMirror-gutterMarker-fgColor-default: #0d1117; -$codeMirror-gutterMarker-fgColor-muted: #848d97; -$codeMirror-lineNumber-fgColor: #848d97; -$codeMirror-cursor-fgColor: #e6edf3; -$codeMirror-selection-bgColor: #388bfd66; -$codeMirror-activeline-bgColor: #6e768166; -$codeMirror-matchingBracket-fgColor: #e6edf3; -$codeMirror-lines-bgColor: #0d1117; -$codeMirror-syntax-fgColor-comment: #8b949e; -$codeMirror-syntax-fgColor-constant: #79c0ff; -$codeMirror-syntax-fgColor-entity: #d2a8ff; -$codeMirror-syntax-fgColor-keyword: #ff7b72; -$codeMirror-syntax-fgColor-storage: #ff7b72; -$codeMirror-syntax-fgColor-string: #a5d6ff; -$codeMirror-syntax-fgColor-support: #79c0ff; -$codeMirror-syntax-fgColor-variable: #ffa198; -$header-fgColor-default: #ffffffb3; -$header-fgColor-logo: #f0f6fc; -$header-bgColor: #161b22f2; -$header-borderColor-divider: #8b949e; -$headerSearch-bgColor: #0d1117; -$headerSearch-borderColor: #30363d; -$avatar-bgColor: #ffffff1a; -$avatar-borderColor: #30363d80; -$avatar-shadow: 0px 0px 0px 2px #0d1117; -$avatarStack-fade-bgColor-default: #30363d; -$avatarStack-fade-bgColor-muted: #21262d; -$control-bgColor-rest: #21262d; -$control-bgColor-hover: #292e36; -$control-bgColor-active: #31363e; -$control-bgColor-disabled: #161b22; -$control-bgColor-selected: #161b22; -$control-fgColor-rest: #c9d1d9; -$control-fgColor-placeholder: #484f58; -$control-fgColor-disabled: #8b949e; -$control-borderColor-rest: #30363d; -$control-borderColor-emphasis: #666e79; -$control-borderColor-disabled: #161b22; -$control-borderColor-selected: #f0f6fc; -$control-borderColor-success: #1f6feb; -$control-borderColor-danger: #da3633; -$control-borderColor-warning: #9e6a03; -$control-iconColor-rest: #848d97; -$control-transparent-bgColor-rest: #00000000; -$control-transparent-bgColor-hover: #b1bac41f; -$control-transparent-bgColor-active: #b1bac433; -$control-transparent-bgColor-disabled: #00000000; -$control-transparent-bgColor-selected: #b1bac414; -$control-transparent-borderColor-rest: #00000000; -$control-transparent-borderColor-hover: #00000000; -$control-transparent-borderColor-active: #00000000; -$control-danger-fgColor-rest: #f85149; -$control-danger-fgColor-hover: #ff7b72; -$control-danger-bgColor-hover: #f851491a; -$control-danger-bgColor-active: #f8514966; -$control-checked-bgColor-rest: #1f6feb; -$control-checked-bgColor-hover: #2a7aef; -$control-checked-bgColor-active: #3685f3; -$control-checked-bgColor-disabled: #8b949e; -$control-checked-fgColor-rest: #ffffff; -$control-checked-fgColor-disabled: #010409; -$control-checked-borderColor-rest: #1f6feb; -$control-checked-borderColor-hover: #2a7aef; -$control-checked-borderColor-active: #3685f3; -$control-checked-borderColor-disabled: #8b949e; -$controlTrack-bgColor-rest: #21262d; -$controlTrack-bgColor-hover: #292e36; -$controlTrack-bgColor-active: #31363e; -$controlTrack-bgColor-disabled: #8b949e; -$controlTrack-fgColor-rest: #848d97; -$controlTrack-fgColor-disabled: #ffffff; -$controlTrack-borderColor-rest: #00000000; -$controlTrack-borderColor-disabled: #8b949e; -$controlKnob-bgColor-rest: #010409; -$controlKnob-bgColor-disabled: #161b22; -$controlKnob-bgColor-checked: #ffffff; -$controlKnob-borderColor-rest: #666e79; -$controlKnob-borderColor-disabled: #161b22; -$controlKnob-borderColor-checked: #1f6feb; -$counter-borderColor: #00000000; -$button-default-fgColor-rest: #c9d1d9; -$button-default-bgColor-rest: #21262d; -$button-default-bgColor-hover: #292e36; -$button-default-bgColor-active: #31363e; -$button-default-bgColor-selected: #31363e; -$button-default-bgColor-disabled: #161b22; -$button-default-borderColor-rest: #30363d; -$button-default-borderColor-hover: #30363d; -$button-default-borderColor-active: #30363d; -$button-default-borderColor-disabled: #161b22; -$button-default-shadow-resting: 0px 0px 0px 0px #000000; -$button-primary-fgColor-rest: #ffffff; -$button-primary-fgColor-disabled: #ffffff80; -$button-primary-iconColor-rest: #ffffff; -$button-primary-bgColor-rest: #1f6feb; -$button-primary-bgColor-hover: #2a7aef; -$button-primary-bgColor-active: #3685f3; -$button-primary-bgColor-disabled: #5fabfe; -$button-primary-borderColor-rest: #f0f6fc1a; -$button-primary-borderColor-hover: #f0f6fc1a; -$button-primary-borderColor-active: #f0f6fc1a; -$button-primary-borderColor-disabled: #5fabfe; -$button-primary-shadow-selected: 0px 0px 0px 0px #000000; -$button-invisible-fgColor-rest: #2f81f7; -$button-invisible-fgColor-hover: #58a6ff; -$button-invisible-fgColor-disabled: #8b949e; -$button-invisible-iconColor-rest: #848d97; -$button-invisible-iconColor-hover: #e6edf3; -$button-invisible-iconColor-disabled: #8b949e; -$button-invisible-bgColor-rest: #00000000; -$button-invisible-bgColor-hover: #b1bac41f; -$button-invisible-bgColor-active: #b1bac433; -$button-invisible-bgColor-disabled: #00000000; -$button-invisible-borderColor-rest: #00000000; -$button-invisible-borderColor-hover: #00000000; -$button-invisible-borderColor-disabled: #161b22; -$button-outline-fgColor-rest: #388bfd; -$button-outline-fgColor-hover: #58a6ff; -$button-outline-fgColor-active: #ffffff; -$button-outline-fgColor-disabled: #2f81f780; -$button-outline-bgColor-rest: #f0f6fc; -$button-outline-bgColor-hover: #30363d; -$button-outline-bgColor-active: #0d419d; -$button-outline-bgColor-disabled: #0d1117; -$button-outline-borderColor-hover: #f0f6fc1a; -$button-outline-borderColor-selected: #f0f6fc1a; -$button-outline-shadow-selected: 0px 0px 0px 0px #000000; -$button-danger-fgColor-rest: #f85149; -$button-danger-fgColor-hover: #ffffff; -$button-danger-fgColor-active: #ffffff; -$button-danger-fgColor-disabled: #f8514980; -$button-danger-iconColor-rest: #f85149; -$button-danger-iconColor-hover: #ffffff; -$button-danger-bgColor-rest: #21262d; -$button-danger-bgColor-hover: #b62324; -$button-danger-bgColor-active: #d03533; -$button-danger-bgColor-disabled: #161b22; -$button-danger-borderColor-rest: #30363d; -$button-danger-borderColor-hover: #f0f6fc1a; -$button-danger-borderColor-active: #f0f6fc1a; -$button-danger-shadow-selected: 0px 0px 0px 0px #000000; -$button-inactive-fgColor-rest: #8b949e; -$button-inactive-bgColor-rest: #21262d; -$buttonCounter-default-bgColor-rest: #30363d; -$buttonCounter-invisible-bgColor-rest: #30363d; -$buttonCounter-primary-bgColor-rest: #04260f33; -$buttonCounter-outline-bgColor-rest: #051d4d33; -$buttonCounter-outline-bgColor-hover: #051d4d33; -$buttonCounter-outline-bgColor-disabled: #1f6feb0d; -$buttonCounter-outline-fgColor-rest: #388bfd; -$buttonCounter-outline-fgColor-hover: #58a6ff; -$buttonCounter-outline-fgColor-disabled: #2f81f780; -$buttonCounter-danger-bgColor-hover: #ffffff33; -$buttonCounter-danger-bgColor-disabled: #da36330d; -$buttonCounter-danger-bgColor-rest: #49020233; -$buttonCounter-danger-fgColor-rest: #f85149; -$buttonCounter-danger-fgColor-hover: #ffffff; -$buttonCounter-danger-fgColor-disabled: #f8514980; -$focus-outlineColor: #1f6feb; -$menu-bgColor-active: #161b22; -$overlay-bgColor: #161b22; -$overlay-backdrop-bgColor: #161b2266; -$selectMenu-borderColor: #484f58; -$selectMenu-bgColor-active: #0c2d6b; -$sideNav-bgColor-selected: #21262d; -$skeletonLoader-bgColor: #161b22; -$timelineBadge-bgColor: #21262d; -$treeViewItem-leadingVisual-iconColor-rest: #848d97; -$underlineNav-borderColor-active: #f78166; -$underlineNav-borderColor-hover: #6e768166; -$underlineNav-iconColor-rest: #848d97; -$fgColor-default: #e6edf3; -$fgColor-muted: #848d97; -$fgColor-onEmphasis: #ffffff; -$fgColor-disabled: #8b949e; -$fgColor-link: #2f81f7; -$fgColor-neutral: #6e7681; -$fgColor-accent: #2f81f7; -$fgColor-success: #58a6ff; -$fgColor-attention: #d29922; -$fgColor-severe: #f85149; -$fgColor-danger: #f85149; -$fgColor-open: #f85149; -$fgColor-closed: #6e7681; -$fgColor-done: #a371f7; -$fgColor-sponsors: #db61a2; -$bgColor-default: #0d1117; -$bgColor-muted: #161b22; -$bgColor-inset: #010409; -$bgColor-emphasis: #6e7681; -$bgColor-inverse: #ffffff; -$bgColor-disabled: #161b22; -$bgColor-transparent: #00000000; -$bgColor-neutral-muted: #6e768166; -$bgColor-neutral-emphasis: #6e7681; -$bgColor-accent-muted: #388bfd1a; -$bgColor-accent-emphasis: #1f6feb; -$bgColor-success-muted: #388bfd26; -$bgColor-success-emphasis: #1f6feb; -$bgColor-attention-muted: #bb800926; -$bgColor-attention-emphasis: #9e6a03; -$bgColor-severe-muted: #f851491a; -$bgColor-severe-emphasis: #da3633; -$bgColor-danger-muted: #f851491a; -$bgColor-danger-emphasis: #da3633; -$bgColor-open-muted: #f851491a; -$bgColor-open-emphasis: #da3633; -$bgColor-closed-muted: #6e768126; -$bgColor-closed-emphasis: #484f58; -$bgColor-done-muted: #a371f726; -$bgColor-done-emphasis: #8957e5; -$bgColor-sponsors-muted: #db61a21a; -$bgColor-sponsors-emphasis: #bf4b8a; -$borderColor-default: #30363d; -$borderColor-muted: #30363d80; -$borderColor-emphasis: #484f58; -$borderColor-disabled: #161b22; -$borderColor-transparent: #00000000; -$borderColor-neutral-muted: #6e768166; -$borderColor-neutral-emphasis: #6e7681; -$borderColor-accent-muted: #388bfd66; -$borderColor-accent-emphasis: #1f6feb; -$borderColor-success-muted: #388bfd66; -$borderColor-success-emphasis: #1f6feb; -$borderColor-attention-muted: #bb800966; -$borderColor-attention-emphasis: #9e6a03; -$borderColor-severe-muted: #f8514966; -$borderColor-severe-emphasis: #da3633; -$borderColor-danger-muted: #f8514966; -$borderColor-danger-emphasis: #da3633; -$borderColor-open-muted: #f8514966; -$borderColor-open-emphasis: #da3633; -$borderColor-closed-muted: #6e768166; -$borderColor-closed-emphasis: #484f58; -$borderColor-done-muted: #a371f766; -$borderColor-done-emphasis: #8957e5; -$borderColor-sponsors-muted: #db61a266; -$borderColor-sponsors-emphasis: #bf4b8a; -$color-ansi-black: #484f58; -$color-ansi-black-bright: #6e7681; -$color-ansi-white: #b1bac4; -$color-ansi-white-bright: #ffffff; -$color-ansi-gray: #6e7681; -$color-ansi-red: #ff7b72; -$color-ansi-red-bright: #ffa198; -$color-ansi-green: #58a6ff; -$color-ansi-green-bright: #79c0ff; -$color-ansi-yellow: #d29922; -$color-ansi-yellow-bright: #e3b341; -$color-ansi-blue: #58a6ff; -$color-ansi-blue-bright: #79c0ff; -$color-ansi-magenta: #bc8cff; -$color-ansi-magenta-bright: #d2a8ff; -$color-ansi-cyan: #39c5cf; -$color-ansi-cyan-bright: #56d4dd; -$color-prettylights-syntax-comment: #8b949e; -$color-prettylights-syntax-constant: #79c0ff; -$color-prettylights-syntax-constant-other-reference-link: #a5d6ff; -$color-prettylights-syntax-entity: #d2a8ff; -$color-prettylights-syntax-storage-modifier-import: #c9d1d9; -$color-prettylights-syntax-entity-tag: #a5d6ff; -$color-prettylights-syntax-keyword: #ff7b72; -$color-prettylights-syntax-string: #a5d6ff; -$color-prettylights-syntax-variable: #ffa198; -$color-prettylights-syntax-brackethighlighter-unmatched: #f85149; -$color-prettylights-syntax-brackethighlighter-angle: #8b949e; -$color-prettylights-syntax-invalid-illegal-text: #f0f6fc; -$color-prettylights-syntax-invalid-illegal-bg: #8e1519; -$color-prettylights-syntax-carriage-return-text: #f0f6fc; -$color-prettylights-syntax-carriage-return-bg: #b62324; -$color-prettylights-syntax-string-regexp: #a5d6ff; -$color-prettylights-syntax-markup-list: #f2cc60; -$color-prettylights-syntax-markup-heading: #1f6feb; -$color-prettylights-syntax-markup-italic: #c9d1d9; -$color-prettylights-syntax-markup-bold: #c9d1d9; -$color-prettylights-syntax-markup-deleted-text: #ffdcd7; -$color-prettylights-syntax-markup-deleted-bg: #67060c; -$color-prettylights-syntax-markup-inserted-text: #cae8ff; -$color-prettylights-syntax-markup-inserted-bg: #0c2d6b; -$color-prettylights-syntax-markup-changed-text: #ffdcd7; -$color-prettylights-syntax-markup-changed-bg: #67060c; -$color-prettylights-syntax-markup-ignored-text: #c9d1d9; -$color-prettylights-syntax-markup-ignored-bg: #1158c7; -$color-prettylights-syntax-meta-diff-range: #d2a8ff; -$color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; -$color-scale-black: #010409; // Avoid using scales, use other functional tokens instead -$color-scale-transparent: #00000000; // Avoid using scales, use other functional tokens instead -$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-0: #f0f6fc; // Avoid using scales, use other functional tokens instead -$color-scale-gray-1: #c9d1d9; // Avoid using scales, use other functional tokens instead -$color-scale-gray-2: #b1bac4; // Avoid using scales, use other functional tokens instead -$color-scale-gray-3: #8b949e; // Avoid using scales, use other functional tokens instead -$color-scale-gray-4: #6e7681; // Avoid using scales, use other functional tokens instead -$color-scale-gray-5: #484f58; // Avoid using scales, use other functional tokens instead -$color-scale-gray-6: #30363d; // Avoid using scales, use other functional tokens instead -$color-scale-gray-7: #21262d; // Avoid using scales, use other functional tokens instead -$color-scale-gray-8: #161b22; // Avoid using scales, use other functional tokens instead -$color-scale-gray-9: #0d1117; // Avoid using scales, use other functional tokens instead -$color-scale-blue-0: #cae8ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-1: #a5d6ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-2: #79c0ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-3: #58a6ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-4: #388bfd; // Avoid using scales, use other functional tokens instead -$color-scale-blue-5: #1f6feb; // Avoid using scales, use other functional tokens instead -$color-scale-blue-6: #1158c7; // Avoid using scales, use other functional tokens instead -$color-scale-blue-7: #0d419d; // Avoid using scales, use other functional tokens instead -$color-scale-blue-8: #0c2d6b; // Avoid using scales, use other functional tokens instead -$color-scale-blue-9: #051d4d; // Avoid using scales, use other functional tokens instead -$color-scale-green-0: #cae8ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-1: #a5d6ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-2: #79c0ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-3: #58a6ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-4: #388bfd; // Avoid using scales, use other functional tokens instead -$color-scale-green-5: #1f6feb; // Avoid using scales, use other functional tokens instead -$color-scale-green-6: #1158c7; // Avoid using scales, use other functional tokens instead -$color-scale-green-7: #0d419d; // Avoid using scales, use other functional tokens instead -$color-scale-green-8: #0c2d6b; // Avoid using scales, use other functional tokens instead -$color-scale-green-9: #051d4d; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-0: #f8e3a1; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-1: #f2cc60; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-2: #e3b341; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-3: #d29922; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-4: #bb8009; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-5: #9e6a03; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-6: #845306; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-7: #693e00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-8: #4b2900; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-9: #341a00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-0: #ffdcd7; // Avoid using scales, use other functional tokens instead -$color-scale-orange-1: #ffc1ba; // Avoid using scales, use other functional tokens instead -$color-scale-orange-2: #ffa198; // Avoid using scales, use other functional tokens instead -$color-scale-orange-3: #ff7b72; // Avoid using scales, use other functional tokens instead -$color-scale-orange-4: #f85149; // Avoid using scales, use other functional tokens instead -$color-scale-orange-5: #da3633; // Avoid using scales, use other functional tokens instead -$color-scale-orange-6: #b62324; // Avoid using scales, use other functional tokens instead -$color-scale-orange-7: #8e1519; // Avoid using scales, use other functional tokens instead -$color-scale-orange-8: #67060c; // Avoid using scales, use other functional tokens instead -$color-scale-orange-9: #490202; // Avoid using scales, use other functional tokens instead -$color-scale-red-0: #ffdcd7; // Avoid using scales, use other functional tokens instead -$color-scale-red-1: #ffc1ba; // Avoid using scales, use other functional tokens instead -$color-scale-red-2: #ffa198; // Avoid using scales, use other functional tokens instead -$color-scale-red-3: #ff7b72; // Avoid using scales, use other functional tokens instead -$color-scale-red-4: #f85149; // Avoid using scales, use other functional tokens instead -$color-scale-red-5: #da3633; // Avoid using scales, use other functional tokens instead -$color-scale-red-6: #b62324; // Avoid using scales, use other functional tokens instead -$color-scale-red-7: #8e1519; // Avoid using scales, use other functional tokens instead -$color-scale-red-8: #67060c; // Avoid using scales, use other functional tokens instead -$color-scale-red-9: #490202; // Avoid using scales, use other functional tokens instead -$color-scale-purple-0: #eddeff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-1: #e2c5ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-2: #d2a8ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-3: #bc8cff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-4: #a371f7; // Avoid using scales, use other functional tokens instead -$color-scale-purple-5: #8957e5; // Avoid using scales, use other functional tokens instead -$color-scale-purple-6: #6e40c9; // Avoid using scales, use other functional tokens instead -$color-scale-purple-7: #553098; // Avoid using scales, use other functional tokens instead -$color-scale-purple-8: #3c1e70; // Avoid using scales, use other functional tokens instead -$color-scale-purple-9: #271052; // Avoid using scales, use other functional tokens instead -$color-scale-pink-0: #ffdaec; // Avoid using scales, use other functional tokens instead -$color-scale-pink-1: #ffbedd; // Avoid using scales, use other functional tokens instead -$color-scale-pink-2: #ff9bce; // Avoid using scales, use other functional tokens instead -$color-scale-pink-3: #f778ba; // Avoid using scales, use other functional tokens instead -$color-scale-pink-4: #db61a2; // Avoid using scales, use other functional tokens instead -$color-scale-pink-5: #bf4b8a; // Avoid using scales, use other functional tokens instead -$color-scale-pink-6: #9e3670; // Avoid using scales, use other functional tokens instead -$color-scale-pink-7: #7d2457; // Avoid using scales, use other functional tokens instead -$color-scale-pink-8: #5e103e; // Avoid using scales, use other functional tokens instead -$color-scale-pink-9: #42062a; // Avoid using scales, use other functional tokens instead -$color-scale-coral-0: #ffddd2; // Avoid using scales, use other functional tokens instead -$color-scale-coral-1: #ffc2b2; // Avoid using scales, use other functional tokens instead -$color-scale-coral-2: #ffa28b; // Avoid using scales, use other functional tokens instead -$color-scale-coral-3: #f78166; // Avoid using scales, use other functional tokens instead -$color-scale-coral-4: #ea6045; // Avoid using scales, use other functional tokens instead -$color-scale-coral-5: #cf462d; // Avoid using scales, use other functional tokens instead -$color-scale-coral-6: #ac3220; // Avoid using scales, use other functional tokens instead -$color-scale-coral-7: #872012; // Avoid using scales, use other functional tokens instead -$color-scale-coral-8: #640d04; // Avoid using scales, use other functional tokens instead -$color-scale-coral-9: #460701; // Avoid using scales, use other functional tokens instead -$shadow-inset: inset 0px 1px 0px 0px #0104093d; -$shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; -$shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; -$shadow-resting-medium: 0px 3px 6px 0px #010409cc; -$shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; -$shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; -$shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409; -$shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409; -$outline-focus: #1f6feb solid 2px; diff --git a/dist/scss/functional/themes/dark.scss b/dist/scss/functional/themes/dark.scss deleted file mode 100644 index 892979d84..000000000 --- a/dist/scss/functional/themes/dark.scss +++ /dev/null @@ -1,405 +0,0 @@ -$topicTag-borderColor: #00000000; -$highlight-neutral-bgColor: #d2992266; -$page-header-bgColor: #0d1117; -$diffBlob-addition-fgColor-text: #e6edf3; -$diffBlob-addition-fgColor-num: #e6edf3; -$diffBlob-addition-bgColor-num: #3fb9504d; -$diffBlob-addition-bgColor-line: #2ea04326; -$diffBlob-addition-bgColor-word: #2ea04366; -$diffBlob-deletion-fgColor-text: #e6edf3; -$diffBlob-deletion-fgColor-num: #e6edf3; -$diffBlob-deletion-bgColor-num: #f851494d; -$diffBlob-deletion-bgColor-line: #f8514926; -$diffBlob-deletion-bgColor-word: #f8514966; -$diffBlob-hunk-bgColor-num: #388bfd66; -$diffBlob-expander-iconColor: #848d97; -$codeMirror-fgColor: #e6edf3; -$codeMirror-bgColor: #0d1117; -$codeMirror-gutters-bgColor: #0d1117; -$codeMirror-gutterMarker-fgColor-default: #0d1117; -$codeMirror-gutterMarker-fgColor-muted: #848d97; -$codeMirror-lineNumber-fgColor: #848d97; -$codeMirror-cursor-fgColor: #e6edf3; -$codeMirror-selection-bgColor: #388bfd66; -$codeMirror-activeline-bgColor: #6e768166; -$codeMirror-matchingBracket-fgColor: #e6edf3; -$codeMirror-lines-bgColor: #0d1117; -$codeMirror-syntax-fgColor-comment: #8b949e; -$codeMirror-syntax-fgColor-constant: #79c0ff; -$codeMirror-syntax-fgColor-entity: #d2a8ff; -$codeMirror-syntax-fgColor-keyword: #ff7b72; -$codeMirror-syntax-fgColor-storage: #ff7b72; -$codeMirror-syntax-fgColor-string: #a5d6ff; -$codeMirror-syntax-fgColor-support: #79c0ff; -$codeMirror-syntax-fgColor-variable: #ffa657; -$header-fgColor-default: #ffffffb3; -$header-fgColor-logo: #f0f6fc; -$header-bgColor: #161b22f2; -$header-borderColor-divider: #8b949e; -$headerSearch-bgColor: #0d1117; -$headerSearch-borderColor: #30363d; -$avatar-bgColor: #ffffff1a; -$avatar-borderColor: #30363d80; -$avatar-shadow: 0px 0px 0px 2px #0d1117; -$avatarStack-fade-bgColor-default: #30363d; -$avatarStack-fade-bgColor-muted: #21262d; -$control-bgColor-rest: #21262d; -$control-bgColor-hover: #292e36; -$control-bgColor-active: #31363e; -$control-bgColor-disabled: #161b22; -$control-bgColor-selected: #161b22; -$control-fgColor-rest: #c9d1d9; -$control-fgColor-placeholder: #484f58; -$control-fgColor-disabled: #8b949e; -$control-borderColor-rest: #30363d; -$control-borderColor-emphasis: #666e79; -$control-borderColor-disabled: #161b22; -$control-borderColor-selected: #f0f6fc; -$control-borderColor-success: #238636; -$control-borderColor-danger: #da3633; -$control-borderColor-warning: #9e6a03; -$control-iconColor-rest: #848d97; -$control-transparent-bgColor-rest: #00000000; -$control-transparent-bgColor-hover: #b1bac41f; -$control-transparent-bgColor-active: #b1bac433; -$control-transparent-bgColor-disabled: #00000000; -$control-transparent-bgColor-selected: #b1bac414; -$control-transparent-borderColor-rest: #00000000; -$control-transparent-borderColor-hover: #00000000; -$control-transparent-borderColor-active: #00000000; -$control-danger-fgColor-rest: #f85149; -$control-danger-fgColor-hover: #ff7b72; -$control-danger-bgColor-hover: #f851491a; -$control-danger-bgColor-active: #f8514966; -$control-checked-bgColor-rest: #1f6feb; -$control-checked-bgColor-hover: #2a7aef; -$control-checked-bgColor-active: #3685f3; -$control-checked-bgColor-disabled: #8b949e; -$control-checked-fgColor-rest: #ffffff; -$control-checked-fgColor-disabled: #010409; -$control-checked-borderColor-rest: #1f6feb; -$control-checked-borderColor-hover: #2a7aef; -$control-checked-borderColor-active: #3685f3; -$control-checked-borderColor-disabled: #8b949e; -$controlTrack-bgColor-rest: #21262d; -$controlTrack-bgColor-hover: #292e36; -$controlTrack-bgColor-active: #31363e; -$controlTrack-bgColor-disabled: #8b949e; -$controlTrack-fgColor-rest: #848d97; -$controlTrack-fgColor-disabled: #ffffff; -$controlTrack-borderColor-rest: #00000000; -$controlTrack-borderColor-disabled: #8b949e; -$controlKnob-bgColor-rest: #010409; -$controlKnob-bgColor-disabled: #161b22; -$controlKnob-bgColor-checked: #ffffff; -$controlKnob-borderColor-rest: #666e79; -$controlKnob-borderColor-disabled: #161b22; -$controlKnob-borderColor-checked: #1f6feb; -$counter-borderColor: #00000000; -$button-default-fgColor-rest: #c9d1d9; -$button-default-bgColor-rest: #21262d; -$button-default-bgColor-hover: #292e36; -$button-default-bgColor-active: #31363e; -$button-default-bgColor-selected: #31363e; -$button-default-bgColor-disabled: #161b22; -$button-default-borderColor-rest: #30363d; -$button-default-borderColor-hover: #30363d; -$button-default-borderColor-active: #30363d; -$button-default-borderColor-disabled: #161b22; -$button-default-shadow-resting: 0px 0px 0px 0px #000000; -$button-primary-fgColor-rest: #ffffff; -$button-primary-fgColor-disabled: #ffffff80; -$button-primary-iconColor-rest: #ffffff; -$button-primary-bgColor-rest: #238636; -$button-primary-bgColor-hover: #29903b; -$button-primary-bgColor-active: #2e9a40; -$button-primary-bgColor-disabled: #46bf57; -$button-primary-borderColor-rest: #f0f6fc1a; -$button-primary-borderColor-hover: #f0f6fc1a; -$button-primary-borderColor-active: #f0f6fc1a; -$button-primary-borderColor-disabled: #46bf57; -$button-primary-shadow-selected: 0px 0px 0px 0px #000000; -$button-invisible-fgColor-rest: #2f81f7; -$button-invisible-fgColor-hover: #58a6ff; -$button-invisible-fgColor-disabled: #8b949e; -$button-invisible-iconColor-rest: #848d97; -$button-invisible-iconColor-hover: #e6edf3; -$button-invisible-iconColor-disabled: #8b949e; -$button-invisible-bgColor-rest: #00000000; -$button-invisible-bgColor-hover: #b1bac41f; -$button-invisible-bgColor-active: #b1bac433; -$button-invisible-bgColor-disabled: #00000000; -$button-invisible-borderColor-rest: #00000000; -$button-invisible-borderColor-hover: #00000000; -$button-invisible-borderColor-disabled: #161b22; -$button-outline-fgColor-rest: #388bfd; -$button-outline-fgColor-hover: #58a6ff; -$button-outline-fgColor-active: #ffffff; -$button-outline-fgColor-disabled: #2f81f780; -$button-outline-bgColor-rest: #f0f6fc; -$button-outline-bgColor-hover: #30363d; -$button-outline-bgColor-active: #0d419d; -$button-outline-bgColor-disabled: #0d1117; -$button-outline-borderColor-hover: #f0f6fc1a; -$button-outline-borderColor-selected: #f0f6fc1a; -$button-outline-shadow-selected: 0px 0px 0px 0px #000000; -$button-danger-fgColor-rest: #f85149; -$button-danger-fgColor-hover: #ffffff; -$button-danger-fgColor-active: #ffffff; -$button-danger-fgColor-disabled: #f8514980; -$button-danger-iconColor-rest: #f85149; -$button-danger-iconColor-hover: #ffffff; -$button-danger-bgColor-rest: #21262d; -$button-danger-bgColor-hover: #b62324; -$button-danger-bgColor-active: #d03533; -$button-danger-bgColor-disabled: #161b22; -$button-danger-borderColor-rest: #30363d; -$button-danger-borderColor-hover: #f0f6fc1a; -$button-danger-borderColor-active: #f0f6fc1a; -$button-danger-shadow-selected: 0px 0px 0px 0px #000000; -$button-inactive-fgColor-rest: #8b949e; -$button-inactive-bgColor-rest: #21262d; -$buttonCounter-default-bgColor-rest: #30363d; -$buttonCounter-invisible-bgColor-rest: #30363d; -$buttonCounter-primary-bgColor-rest: #04260f33; -$buttonCounter-outline-bgColor-rest: #051d4d33; -$buttonCounter-outline-bgColor-hover: #051d4d33; -$buttonCounter-outline-bgColor-disabled: #1f6feb0d; -$buttonCounter-outline-fgColor-rest: #388bfd; -$buttonCounter-outline-fgColor-hover: #58a6ff; -$buttonCounter-outline-fgColor-disabled: #2f81f780; -$buttonCounter-danger-bgColor-hover: #ffffff33; -$buttonCounter-danger-bgColor-disabled: #da36330d; -$buttonCounter-danger-bgColor-rest: #49020233; -$buttonCounter-danger-fgColor-rest: #f85149; -$buttonCounter-danger-fgColor-hover: #ffffff; -$buttonCounter-danger-fgColor-disabled: #f8514980; -$focus-outlineColor: #1f6feb; -$menu-bgColor-active: #161b22; -$overlay-bgColor: #161b22; -$overlay-backdrop-bgColor: #161b2266; -$selectMenu-borderColor: #484f58; -$selectMenu-bgColor-active: #0c2d6b; -$sideNav-bgColor-selected: #21262d; -$skeletonLoader-bgColor: #161b22; -$timelineBadge-bgColor: #21262d; -$treeViewItem-leadingVisual-iconColor-rest: #848d97; -$underlineNav-borderColor-active: #f78166; -$underlineNav-borderColor-hover: #6e768166; -$underlineNav-iconColor-rest: #848d97; -$fgColor-default: #e6edf3; -$fgColor-muted: #848d97; -$fgColor-onEmphasis: #ffffff; -$fgColor-disabled: #8b949e; -$fgColor-link: #2f81f7; -$fgColor-neutral: #6e7681; -$fgColor-accent: #2f81f7; -$fgColor-success: #3fb950; -$fgColor-attention: #d29922; -$fgColor-severe: #db6d28; -$fgColor-danger: #f85149; -$fgColor-open: #3fb950; -$fgColor-closed: #f85149; -$fgColor-done: #a371f7; -$fgColor-sponsors: #db61a2; -$bgColor-default: #0d1117; -$bgColor-muted: #161b22; -$bgColor-inset: #010409; -$bgColor-emphasis: #6e7681; -$bgColor-inverse: #ffffff; -$bgColor-disabled: #161b22; -$bgColor-transparent: #00000000; -$bgColor-neutral-muted: #6e768166; -$bgColor-neutral-emphasis: #6e7681; -$bgColor-accent-muted: #388bfd1a; -$bgColor-accent-emphasis: #1f6feb; -$bgColor-success-muted: #2ea04326; -$bgColor-success-emphasis: #238636; -$bgColor-attention-muted: #bb800926; -$bgColor-attention-emphasis: #9e6a03; -$bgColor-severe-muted: #db6d281a; -$bgColor-severe-emphasis: #bd561d; -$bgColor-danger-muted: #f851491a; -$bgColor-danger-emphasis: #da3633; -$bgColor-open-muted: #2ea0431a; -$bgColor-open-emphasis: #238636; -$bgColor-closed-muted: #f8514926; -$bgColor-closed-emphasis: #da3633; -$bgColor-done-muted: #a371f726; -$bgColor-done-emphasis: #8957e5; -$bgColor-sponsors-muted: #db61a21a; -$bgColor-sponsors-emphasis: #bf4b8a; -$borderColor-default: #30363d; -$borderColor-muted: #30363d80; -$borderColor-emphasis: #484f58; -$borderColor-disabled: #161b22; -$borderColor-transparent: #00000000; -$borderColor-neutral-muted: #6e768166; -$borderColor-neutral-emphasis: #6e7681; -$borderColor-accent-muted: #388bfd66; -$borderColor-accent-emphasis: #1f6feb; -$borderColor-success-muted: #2ea04366; -$borderColor-success-emphasis: #238636; -$borderColor-attention-muted: #bb800966; -$borderColor-attention-emphasis: #9e6a03; -$borderColor-severe-muted: #db6d2866; -$borderColor-severe-emphasis: #bd561d; -$borderColor-danger-muted: #f8514966; -$borderColor-danger-emphasis: #da3633; -$borderColor-open-muted: #2ea04366; -$borderColor-open-emphasis: #238636; -$borderColor-closed-muted: #f8514966; -$borderColor-closed-emphasis: #da3633; -$borderColor-done-muted: #a371f766; -$borderColor-done-emphasis: #8957e5; -$borderColor-sponsors-muted: #db61a266; -$borderColor-sponsors-emphasis: #bf4b8a; -$color-ansi-black: #484f58; -$color-ansi-black-bright: #6e7681; -$color-ansi-white: #b1bac4; -$color-ansi-white-bright: #ffffff; -$color-ansi-gray: #6e7681; -$color-ansi-red: #ff7b72; -$color-ansi-red-bright: #ffa198; -$color-ansi-green: #3fb950; -$color-ansi-green-bright: #56d364; -$color-ansi-yellow: #d29922; -$color-ansi-yellow-bright: #e3b341; -$color-ansi-blue: #58a6ff; -$color-ansi-blue-bright: #79c0ff; -$color-ansi-magenta: #bc8cff; -$color-ansi-magenta-bright: #d2a8ff; -$color-ansi-cyan: #39c5cf; -$color-ansi-cyan-bright: #56d4dd; -$color-prettylights-syntax-comment: #8b949e; -$color-prettylights-syntax-constant: #79c0ff; -$color-prettylights-syntax-constant-other-reference-link: #a5d6ff; -$color-prettylights-syntax-entity: #d2a8ff; -$color-prettylights-syntax-storage-modifier-import: #c9d1d9; -$color-prettylights-syntax-entity-tag: #7ee787; -$color-prettylights-syntax-keyword: #ff7b72; -$color-prettylights-syntax-string: #a5d6ff; -$color-prettylights-syntax-variable: #ffa657; -$color-prettylights-syntax-brackethighlighter-unmatched: #f85149; -$color-prettylights-syntax-brackethighlighter-angle: #8b949e; -$color-prettylights-syntax-invalid-illegal-text: #f0f6fc; -$color-prettylights-syntax-invalid-illegal-bg: #8e1519; -$color-prettylights-syntax-carriage-return-text: #f0f6fc; -$color-prettylights-syntax-carriage-return-bg: #b62324; -$color-prettylights-syntax-string-regexp: #7ee787; -$color-prettylights-syntax-markup-list: #f2cc60; -$color-prettylights-syntax-markup-heading: #1f6feb; -$color-prettylights-syntax-markup-italic: #c9d1d9; -$color-prettylights-syntax-markup-bold: #c9d1d9; -$color-prettylights-syntax-markup-deleted-text: #ffdcd7; -$color-prettylights-syntax-markup-deleted-bg: #67060c; -$color-prettylights-syntax-markup-inserted-text: #aff5b4; -$color-prettylights-syntax-markup-inserted-bg: #033a16; -$color-prettylights-syntax-markup-changed-text: #ffdfb6; -$color-prettylights-syntax-markup-changed-bg: #5a1e02; -$color-prettylights-syntax-markup-ignored-text: #c9d1d9; -$color-prettylights-syntax-markup-ignored-bg: #1158c7; -$color-prettylights-syntax-meta-diff-range: #d2a8ff; -$color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; -$color-scale-black: #010409; // Avoid using scales, use other functional tokens instead -$color-scale-transparent: #00000000; // Avoid using scales, use other functional tokens instead -$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-0: #f0f6fc; // Avoid using scales, use other functional tokens instead -$color-scale-gray-1: #c9d1d9; // Avoid using scales, use other functional tokens instead -$color-scale-gray-2: #b1bac4; // Avoid using scales, use other functional tokens instead -$color-scale-gray-3: #8b949e; // Avoid using scales, use other functional tokens instead -$color-scale-gray-4: #6e7681; // Avoid using scales, use other functional tokens instead -$color-scale-gray-5: #484f58; // Avoid using scales, use other functional tokens instead -$color-scale-gray-6: #30363d; // Avoid using scales, use other functional tokens instead -$color-scale-gray-7: #21262d; // Avoid using scales, use other functional tokens instead -$color-scale-gray-8: #161b22; // Avoid using scales, use other functional tokens instead -$color-scale-gray-9: #0d1117; // Avoid using scales, use other functional tokens instead -$color-scale-blue-0: #cae8ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-1: #a5d6ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-2: #79c0ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-3: #58a6ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-4: #388bfd; // Avoid using scales, use other functional tokens instead -$color-scale-blue-5: #1f6feb; // Avoid using scales, use other functional tokens instead -$color-scale-blue-6: #1158c7; // Avoid using scales, use other functional tokens instead -$color-scale-blue-7: #0d419d; // Avoid using scales, use other functional tokens instead -$color-scale-blue-8: #0c2d6b; // Avoid using scales, use other functional tokens instead -$color-scale-blue-9: #051d4d; // Avoid using scales, use other functional tokens instead -$color-scale-green-0: #aff5b4; // Avoid using scales, use other functional tokens instead -$color-scale-green-1: #7ee787; // Avoid using scales, use other functional tokens instead -$color-scale-green-2: #56d364; // Avoid using scales, use other functional tokens instead -$color-scale-green-3: #3fb950; // Avoid using scales, use other functional tokens instead -$color-scale-green-4: #2ea043; // Avoid using scales, use other functional tokens instead -$color-scale-green-5: #238636; // Avoid using scales, use other functional tokens instead -$color-scale-green-6: #196c2e; // Avoid using scales, use other functional tokens instead -$color-scale-green-7: #0f5323; // Avoid using scales, use other functional tokens instead -$color-scale-green-8: #033a16; // Avoid using scales, use other functional tokens instead -$color-scale-green-9: #04260f; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-0: #f8e3a1; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-1: #f2cc60; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-2: #e3b341; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-3: #d29922; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-4: #bb8009; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-5: #9e6a03; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-6: #845306; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-7: #693e00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-8: #4b2900; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-9: #341a00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-0: #ffdfb6; // Avoid using scales, use other functional tokens instead -$color-scale-orange-1: #ffc680; // Avoid using scales, use other functional tokens instead -$color-scale-orange-2: #ffa657; // Avoid using scales, use other functional tokens instead -$color-scale-orange-3: #f0883e; // Avoid using scales, use other functional tokens instead -$color-scale-orange-4: #db6d28; // Avoid using scales, use other functional tokens instead -$color-scale-orange-5: #bd561d; // Avoid using scales, use other functional tokens instead -$color-scale-orange-6: #9b4215; // Avoid using scales, use other functional tokens instead -$color-scale-orange-7: #762d0a; // Avoid using scales, use other functional tokens instead -$color-scale-orange-8: #5a1e02; // Avoid using scales, use other functional tokens instead -$color-scale-orange-9: #3d1300; // Avoid using scales, use other functional tokens instead -$color-scale-red-0: #ffdcd7; // Avoid using scales, use other functional tokens instead -$color-scale-red-1: #ffc1ba; // Avoid using scales, use other functional tokens instead -$color-scale-red-2: #ffa198; // Avoid using scales, use other functional tokens instead -$color-scale-red-3: #ff7b72; // Avoid using scales, use other functional tokens instead -$color-scale-red-4: #f85149; // Avoid using scales, use other functional tokens instead -$color-scale-red-5: #da3633; // Avoid using scales, use other functional tokens instead -$color-scale-red-6: #b62324; // Avoid using scales, use other functional tokens instead -$color-scale-red-7: #8e1519; // Avoid using scales, use other functional tokens instead -$color-scale-red-8: #67060c; // Avoid using scales, use other functional tokens instead -$color-scale-red-9: #490202; // Avoid using scales, use other functional tokens instead -$color-scale-purple-0: #eddeff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-1: #e2c5ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-2: #d2a8ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-3: #bc8cff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-4: #a371f7; // Avoid using scales, use other functional tokens instead -$color-scale-purple-5: #8957e5; // Avoid using scales, use other functional tokens instead -$color-scale-purple-6: #6e40c9; // Avoid using scales, use other functional tokens instead -$color-scale-purple-7: #553098; // Avoid using scales, use other functional tokens instead -$color-scale-purple-8: #3c1e70; // Avoid using scales, use other functional tokens instead -$color-scale-purple-9: #271052; // Avoid using scales, use other functional tokens instead -$color-scale-pink-0: #ffdaec; // Avoid using scales, use other functional tokens instead -$color-scale-pink-1: #ffbedd; // Avoid using scales, use other functional tokens instead -$color-scale-pink-2: #ff9bce; // Avoid using scales, use other functional tokens instead -$color-scale-pink-3: #f778ba; // Avoid using scales, use other functional tokens instead -$color-scale-pink-4: #db61a2; // Avoid using scales, use other functional tokens instead -$color-scale-pink-5: #bf4b8a; // Avoid using scales, use other functional tokens instead -$color-scale-pink-6: #9e3670; // Avoid using scales, use other functional tokens instead -$color-scale-pink-7: #7d2457; // Avoid using scales, use other functional tokens instead -$color-scale-pink-8: #5e103e; // Avoid using scales, use other functional tokens instead -$color-scale-pink-9: #42062a; // Avoid using scales, use other functional tokens instead -$color-scale-coral-0: #ffddd2; // Avoid using scales, use other functional tokens instead -$color-scale-coral-1: #ffc2b2; // Avoid using scales, use other functional tokens instead -$color-scale-coral-2: #ffa28b; // Avoid using scales, use other functional tokens instead -$color-scale-coral-3: #f78166; // Avoid using scales, use other functional tokens instead -$color-scale-coral-4: #ea6045; // Avoid using scales, use other functional tokens instead -$color-scale-coral-5: #cf462d; // Avoid using scales, use other functional tokens instead -$color-scale-coral-6: #ac3220; // Avoid using scales, use other functional tokens instead -$color-scale-coral-7: #872012; // Avoid using scales, use other functional tokens instead -$color-scale-coral-8: #640d04; // Avoid using scales, use other functional tokens instead -$color-scale-coral-9: #460701; // Avoid using scales, use other functional tokens instead -$shadow-inset: inset 0px 1px 0px 0px #0104093d; -$shadow-resting-xsmall: 0px 1px 0px 0px #010409cc; -$shadow-resting-small: 0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966; -$shadow-resting-medium: 0px 3px 6px 0px #010409cc; -$shadow-floating-small: 0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966; -$shadow-floating-medium: 0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966; -$shadow-floating-large: 0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409; -$shadow-floating-xlarge: 0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409; -$outline-focus: #1f6feb solid 2px; diff --git a/dist/scss/functional/themes/light-colorblind.scss b/dist/scss/functional/themes/light-colorblind.scss deleted file mode 100644 index 7c0d0f77c..000000000 --- a/dist/scss/functional/themes/light-colorblind.scss +++ /dev/null @@ -1,405 +0,0 @@ -$topicTag-borderColor: #ffffff00; -$highlight-neutral-bgColor: #fff8c5; -$page-header-bgColor: #f6f8fa; -$diffBlob-addition-fgColor-text: #1f2328; -$diffBlob-addition-fgColor-num: #1f2328; -$diffBlob-addition-bgColor-num: #54aeff66; -$diffBlob-addition-bgColor-line: #ddf4ff80; -$diffBlob-addition-bgColor-word: #54aeff66; -$diffBlob-deletion-fgColor-text: #1f2328; -$diffBlob-deletion-fgColor-num: #1f2328; -$diffBlob-deletion-bgColor-num: #fb8f4466; -$diffBlob-deletion-bgColor-line: #fff1e580; -$diffBlob-deletion-bgColor-word: #ffb77c80; -$diffBlob-hunk-bgColor-num: #54aeff66; -$diffBlob-expander-iconColor: #636c76; -$codeMirror-fgColor: #1f2328; -$codeMirror-bgColor: #ffffff; -$codeMirror-gutters-bgColor: #ffffff; -$codeMirror-gutterMarker-fgColor-default: #ffffff; -$codeMirror-gutterMarker-fgColor-muted: #636c76; -$codeMirror-lineNumber-fgColor: #636c76; -$codeMirror-cursor-fgColor: #1f2328; -$codeMirror-selection-bgColor: #54aeff66; -$codeMirror-activeline-bgColor: #afb8c133; -$codeMirror-matchingBracket-fgColor: #1f2328; -$codeMirror-lines-bgColor: #ffffff; -$codeMirror-syntax-fgColor-comment: #24292f; -$codeMirror-syntax-fgColor-constant: #0550ae; -$codeMirror-syntax-fgColor-entity: #8250df; -$codeMirror-syntax-fgColor-keyword: #bc4c00; -$codeMirror-syntax-fgColor-storage: #bc4c00; -$codeMirror-syntax-fgColor-string: #0a3069; -$codeMirror-syntax-fgColor-support: #0550ae; -$codeMirror-syntax-fgColor-variable: #953800; -$header-fgColor-default: #ffffffb3; -$header-fgColor-logo: #ffffff; -$header-bgColor: #24292f; -$header-borderColor-divider: #57606a; -$headerSearch-bgColor: #24292f; -$headerSearch-borderColor: #57606a; -$avatar-bgColor: #ffffff; -$avatar-borderColor: #d0d7de; -$avatar-shadow: 0px 0px 0px 2px #ffffffcc; -$avatarStack-fade-bgColor-default: #afb8c1; -$avatarStack-fade-bgColor-muted: #d0d7de; -$control-bgColor-rest: #f6f8fa; -$control-bgColor-hover: #eef1f4; -$control-bgColor-active: #e7ebef; -$control-bgColor-disabled: #f6f8fa; -$control-bgColor-selected: #f6f8fa; -$control-fgColor-rest: #24292f; -$control-fgColor-placeholder: #6e7781; -$control-fgColor-disabled: #8c959f; -$control-borderColor-rest: #d0d7de; -$control-borderColor-emphasis: #868f99; -$control-borderColor-disabled: #f6f8fa; -$control-borderColor-selected: #f6f8fa; -$control-borderColor-success: #218bff; -$control-borderColor-danger: #bc4c00; -$control-borderColor-warning: #bf8700; -$control-iconColor-rest: #636c76; -$control-transparent-bgColor-rest: #ffffff00; -$control-transparent-bgColor-hover: #d0d7de33; -$control-transparent-bgColor-active: #d0d7de66; -$control-transparent-bgColor-disabled: #ffffff00; -$control-transparent-bgColor-selected: #d0d7de33; -$control-transparent-borderColor-rest: #ffffff00; -$control-transparent-borderColor-hover: #ffffff00; -$control-transparent-borderColor-active: #ffffff00; -$control-danger-fgColor-rest: #be4e02; -$control-danger-fgColor-hover: #be4e02; -$control-danger-bgColor-hover: #fff1e5; -$control-danger-bgColor-active: #fff1e566; -$control-checked-bgColor-rest: #0969da; -$control-checked-bgColor-hover: #0860ca; -$control-checked-bgColor-active: #0757ba; -$control-checked-bgColor-disabled: #8c959f; -$control-checked-fgColor-rest: #ffffff; -$control-checked-fgColor-disabled: #ffffff; -$control-checked-borderColor-rest: #0969da; -$control-checked-borderColor-hover: #0860ca; -$control-checked-borderColor-active: #0757ba; -$control-checked-borderColor-disabled: #8c959f; -$controlTrack-bgColor-rest: #eaeef2; -$controlTrack-bgColor-hover: #dee3e8; -$controlTrack-bgColor-active: #d2d8de; -$controlTrack-bgColor-disabled: #8c959f; -$controlTrack-fgColor-rest: #636c76; -$controlTrack-fgColor-disabled: #ffffff; -$controlTrack-borderColor-rest: #ffffff00; -$controlTrack-borderColor-disabled: #8c959f; -$controlKnob-bgColor-rest: #ffffff; -$controlKnob-bgColor-disabled: #f6f8fa; -$controlKnob-bgColor-checked: #ffffff; -$controlKnob-borderColor-rest: #868f99; -$controlKnob-borderColor-disabled: #f6f8fa; -$controlKnob-borderColor-checked: #0969da; -$counter-borderColor: #ffffff00; -$button-default-fgColor-rest: #24292f; -$button-default-bgColor-rest: #f6f8fa; -$button-default-bgColor-hover: #eef1f4; -$button-default-bgColor-active: #e7ebef; -$button-default-bgColor-selected: #e7ebef; -$button-default-bgColor-disabled: #f6f8fa; -$button-default-borderColor-rest: #d0d7de; -$button-default-borderColor-hover: #d0d7de; -$button-default-borderColor-active: #d0d7de; -$button-default-borderColor-disabled: #f6f8fa; -$button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; -$button-primary-fgColor-rest: #ffffff; -$button-primary-fgColor-disabled: #ffffffcc; -$button-primary-iconColor-rest: #ffffffcc; -$button-primary-bgColor-rest: #0f72e3; -$button-primary-bgColor-hover: #0d6bd8; -$button-primary-bgColor-active: #0b64ce; -$button-primary-bgColor-disabled: #92caff; -$button-primary-borderColor-rest: #1f232826; -$button-primary-borderColor-hover: #1f232826; -$button-primary-borderColor-active: #1f232826; -$button-primary-borderColor-disabled: #92caff; -$button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d; -$button-invisible-fgColor-rest: #0969da; -$button-invisible-fgColor-hover: #0969da; -$button-invisible-fgColor-disabled: #8c959f; -$button-invisible-iconColor-rest: #636c76; -$button-invisible-iconColor-hover: #636c76; -$button-invisible-iconColor-disabled: #8c959f; -$button-invisible-bgColor-rest: #ffffff00; -$button-invisible-bgColor-hover: #d0d7de33; -$button-invisible-bgColor-active: #d0d7de66; -$button-invisible-bgColor-disabled: #ffffff00; -$button-invisible-borderColor-rest: #ffffff00; -$button-invisible-borderColor-hover: #ffffff00; -$button-invisible-borderColor-disabled: #f6f8fa; -$button-outline-fgColor-rest: #0969da; -$button-outline-fgColor-hover: #ffffff; -$button-outline-fgColor-active: #ffffff; -$button-outline-fgColor-disabled: #0969da80; -$button-outline-bgColor-rest: #f6f8fa; -$button-outline-bgColor-hover: #0969da; -$button-outline-bgColor-active: #0757ba; -$button-outline-bgColor-disabled: #f6f8fa; -$button-outline-borderColor-hover: #1f232826; -$button-outline-borderColor-active: #1f232826; -$button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533; -$button-danger-fgColor-rest: #be4e02; -$button-danger-fgColor-hover: #ffffff; -$button-danger-fgColor-active: #ffffff; -$button-danger-fgColor-disabled: #be4e0280; -$button-danger-iconColor-rest: #be4e02; -$button-danger-iconColor-hover: #ffffff; -$button-danger-bgColor-rest: #f6f8fa; -$button-danger-bgColor-hover: #953800; -$button-danger-bgColor-active: #7e2f00; -$button-danger-bgColor-disabled: #f6f8fa; -$button-danger-borderColor-rest: #d0d7de; -$button-danger-borderColor-hover: #1f232826; -$button-danger-borderColor-active: #1f232826; -$button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033; -$button-inactive-fgColor-rest: #57606a; -$button-inactive-bgColor-rest: #eaeef2; -$buttonCounter-default-bgColor-rest: #afb8c133; -$buttonCounter-invisible-bgColor-rest: #afb8c133; -$buttonCounter-primary-bgColor-rest: #002d1133; -$buttonCounter-outline-bgColor-rest: #0969da1a; -$buttonCounter-outline-bgColor-hover: #ffffff33; -$buttonCounter-outline-bgColor-disabled: #0969da0d; -$buttonCounter-outline-fgColor-rest: #0550ae; -$buttonCounter-outline-fgColor-hover: #ffffff; -$buttonCounter-outline-fgColor-disabled: #0969da80; -$buttonCounter-danger-bgColor-hover: #ffffff33; -$buttonCounter-danger-bgColor-disabled: #bc4c000d; -$buttonCounter-danger-bgColor-rest: #bc4c001a; -$buttonCounter-danger-fgColor-rest: #c21c2c; -$buttonCounter-danger-fgColor-hover: #ffffff; -$buttonCounter-danger-fgColor-disabled: #be4e0280; -$focus-outlineColor: #0969da; -$focus-outline: #0969da solid 2px; -$menu-bgColor-active: #ffffff00; -$overlay-bgColor: #ffffff; -$overlay-backdrop-bgColor: #8c959f33; -$selectMenu-borderColor: #ffffff00; -$selectMenu-bgColor-active: #b6e3ff; -$sideNav-bgColor-selected: #ffffff; -$skeletonLoader-bgColor: #f6f8fa; -$timelineBadge-bgColor: #eaeef2; -$treeViewItem-leadingVisual-iconColor-rest: #54aeff; -$underlineNav-borderColor-active: #fd8c73; -$underlineNav-borderColor-hover: #afb8c133; -$underlineNav-iconColor-rest: #636c76; -$fgColor-default: #1f2328; -$fgColor-muted: #636c76; -$fgColor-onEmphasis: #ffffff; -$fgColor-disabled: #8c959f; -$fgColor-link: #0969da; -$fgColor-neutral: #6e7781; -$fgColor-accent: #0969da; -$fgColor-success: #0969da; -$fgColor-attention: #9a6700; -$fgColor-severe: #bc4c00; -$fgColor-danger: #be4e02; -$fgColor-open: #bc4c00; -$fgColor-closed: #6e7781; -$fgColor-done: #8250df; -$fgColor-sponsors: #bf3989; -$bgColor-default: #ffffff; -$bgColor-muted: #f6f8fa; -$bgColor-inset: #f6f8fa; -$bgColor-emphasis: #24292f; -$bgColor-inverse: #24292f; -$bgColor-disabled: #f6f8fa; -$bgColor-transparent: #ffffff00; -$bgColor-neutral-muted: #afb8c133; -$bgColor-neutral-emphasis: #6e7781; -$bgColor-accent-muted: #ddf4ff; -$bgColor-accent-emphasis: #0969da; -$bgColor-success-muted: #ddf4ff; -$bgColor-success-emphasis: #0f72e3; -$bgColor-attention-muted: #fff8c5; -$bgColor-attention-emphasis: #9a6700; -$bgColor-severe-muted: #fff1e5; -$bgColor-severe-emphasis: #bc4c00; -$bgColor-danger-muted: #fff1e5; -$bgColor-danger-emphasis: #bc4c00; -$bgColor-open-muted: #fb8f4466; -$bgColor-open-emphasis: #e16f24; -$bgColor-closed-muted: #afb8c166; -$bgColor-closed-emphasis: #6e7781; -$bgColor-done-muted: #fbefff; -$bgColor-done-emphasis: #8250df; -$bgColor-sponsors-muted: #ffeff7; -$bgColor-sponsors-emphasis: #bf3989; -$borderColor-default: #d0d7de; -$borderColor-muted: #d0d7de80; -$borderColor-emphasis: #6e7781; -$borderColor-disabled: #f6f8fa; -$borderColor-transparent: #ffffff00; -$borderColor-neutral-muted: #afb8c133; -$borderColor-neutral-emphasis: #6e7781; -$borderColor-accent-muted: #54aeff66; -$borderColor-accent-emphasis: #0969da; -$borderColor-success-muted: #54aeff66; -$borderColor-success-emphasis: #218bff; -$borderColor-attention-muted: #d4a72c66; -$borderColor-attention-emphasis: #bf8700; -$borderColor-severe-muted: #fb8f4466; -$borderColor-severe-emphasis: #bc4c00; -$borderColor-danger-muted: #fb8f4466; -$borderColor-danger-emphasis: #bc4c00; -$borderColor-open-muted: #fb8f4466; -$borderColor-open-emphasis: #e16f24; -$borderColor-closed-muted: #afb8c166; -$borderColor-closed-emphasis: #6e7781; -$borderColor-done-muted: #c297ff66; -$borderColor-done-emphasis: #8250df; -$borderColor-sponsors-muted: #ff80c866; -$borderColor-sponsors-emphasis: #bf3989; -$color-ansi-black: #24292f; -$color-ansi-black-bright: #57606a; -$color-ansi-white: #6e7781; -$color-ansi-white-bright: #8c959f; -$color-ansi-gray: #6e7781; -$color-ansi-red: #bc4c00; -$color-ansi-red-bright: #953800; -$color-ansi-green: #0550ae; -$color-ansi-green-bright: #0969da; -$color-ansi-yellow: #4d2d00; -$color-ansi-yellow-bright: #633c01; -$color-ansi-blue: #0969da; -$color-ansi-blue-bright: #218bff; -$color-ansi-magenta: #8250df; -$color-ansi-magenta-bright: #a475f9; -$color-ansi-cyan: #1b7c83; -$color-ansi-cyan-bright: #3192aa; -$color-prettylights-syntax-comment: #57606a; -$color-prettylights-syntax-constant: #0550ae; -$color-prettylights-syntax-constant-other-reference-link: #0a3069; -$color-prettylights-syntax-entity: #6639ba; -$color-prettylights-syntax-storage-modifier-import: #24292f; -$color-prettylights-syntax-entity-tag: #0550ae; -$color-prettylights-syntax-keyword: #bc4c00; -$color-prettylights-syntax-string: #0a3069; -$color-prettylights-syntax-variable: #953800; -$color-prettylights-syntax-brackethighlighter-unmatched: #762c00; -$color-prettylights-syntax-brackethighlighter-angle: #57606a; -$color-prettylights-syntax-invalid-illegal-text: #f6f8fa; -$color-prettylights-syntax-invalid-illegal-bg: #762c00; -$color-prettylights-syntax-carriage-return-text: #f6f8fa; -$color-prettylights-syntax-carriage-return-bg: #bc4c00; -$color-prettylights-syntax-string-regexp: #0550ae; -$color-prettylights-syntax-markup-list: #3b2300; -$color-prettylights-syntax-markup-heading: #0550ae; -$color-prettylights-syntax-markup-italic: #24292f; -$color-prettylights-syntax-markup-bold: #24292f; -$color-prettylights-syntax-markup-deleted-text: #762c00; -$color-prettylights-syntax-markup-deleted-bg: #fff1e5; -$color-prettylights-syntax-markup-inserted-text: #0550ae; -$color-prettylights-syntax-markup-inserted-bg: #ddf4ff; -$color-prettylights-syntax-markup-changed-text: #953800; -$color-prettylights-syntax-markup-changed-bg: #ffd8b5; -$color-prettylights-syntax-markup-ignored-text: #eaeef2; -$color-prettylights-syntax-markup-ignored-bg: #0550ae; -$color-prettylights-syntax-meta-diff-range: #8250df; -$color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; -$color-scale-black: #1f2328; // Avoid using scales, use other functional tokens instead -$color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead -$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-0: #f6f8fa; // Avoid using scales, use other functional tokens instead -$color-scale-gray-1: #eaeef2; // Avoid using scales, use other functional tokens instead -$color-scale-gray-2: #d0d7de; // Avoid using scales, use other functional tokens instead -$color-scale-gray-3: #afb8c1; // Avoid using scales, use other functional tokens instead -$color-scale-gray-4: #8c959f; // Avoid using scales, use other functional tokens instead -$color-scale-gray-5: #6e7781; // Avoid using scales, use other functional tokens instead -$color-scale-gray-6: #57606a; // Avoid using scales, use other functional tokens instead -$color-scale-gray-7: #424a53; // Avoid using scales, use other functional tokens instead -$color-scale-gray-8: #32383f; // Avoid using scales, use other functional tokens instead -$color-scale-gray-9: #24292f; // Avoid using scales, use other functional tokens instead -$color-scale-blue-0: #ddf4ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-1: #b6e3ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-2: #80ccff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-3: #54aeff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-4: #218bff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-5: #0969da; // Avoid using scales, use other functional tokens instead -$color-scale-blue-6: #0550ae; // Avoid using scales, use other functional tokens instead -$color-scale-blue-7: #033d8b; // Avoid using scales, use other functional tokens instead -$color-scale-blue-8: #0a3069; // Avoid using scales, use other functional tokens instead -$color-scale-blue-9: #002155; // Avoid using scales, use other functional tokens instead -$color-scale-green-0: #ddf4ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-1: #b6e3ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-2: #80ccff; // Avoid using scales, use other functional tokens instead -$color-scale-green-3: #54aeff; // Avoid using scales, use other functional tokens instead -$color-scale-green-4: #218bff; // Avoid using scales, use other functional tokens instead -$color-scale-green-5: #0969da; // Avoid using scales, use other functional tokens instead -$color-scale-green-6: #0550ae; // Avoid using scales, use other functional tokens instead -$color-scale-green-7: #033d8b; // Avoid using scales, use other functional tokens instead -$color-scale-green-8: #0a3069; // Avoid using scales, use other functional tokens instead -$color-scale-green-9: #002155; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-0: #fff8c5; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-1: #fae17d; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-2: #eac54f; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-3: #d4a72c; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-4: #bf8700; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-5: #9a6700; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-6: #7d4e00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-7: #633c01; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-8: #4d2d00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-9: #3b2300; // Avoid using scales, use other functional tokens instead -$color-scale-orange-0: #fff1e5; // Avoid using scales, use other functional tokens instead -$color-scale-orange-1: #ffd8b5; // Avoid using scales, use other functional tokens instead -$color-scale-orange-2: #ffb77c; // Avoid using scales, use other functional tokens instead -$color-scale-orange-3: #fb8f44; // Avoid using scales, use other functional tokens instead -$color-scale-orange-4: #e16f24; // Avoid using scales, use other functional tokens instead -$color-scale-orange-5: #bc4c00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-6: #953800; // Avoid using scales, use other functional tokens instead -$color-scale-orange-7: #762c00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-8: #5c2200; // Avoid using scales, use other functional tokens instead -$color-scale-orange-9: #471700; // Avoid using scales, use other functional tokens instead -$color-scale-red-0: #fff1e5; // Avoid using scales, use other functional tokens instead -$color-scale-red-1: #ffd8b5; // Avoid using scales, use other functional tokens instead -$color-scale-red-2: #ffb77c; // Avoid using scales, use other functional tokens instead -$color-scale-red-3: #fb8f44; // Avoid using scales, use other functional tokens instead -$color-scale-red-4: #e16f24; // Avoid using scales, use other functional tokens instead -$color-scale-red-5: #bc4c00; // Avoid using scales, use other functional tokens instead -$color-scale-red-6: #953800; // Avoid using scales, use other functional tokens instead -$color-scale-red-7: #762c00; // Avoid using scales, use other functional tokens instead -$color-scale-red-8: #5c2200; // Avoid using scales, use other functional tokens instead -$color-scale-red-9: #471700; // Avoid using scales, use other functional tokens instead -$color-scale-purple-0: #fbefff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-1: #ecd8ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-2: #d8b9ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-3: #c297ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-4: #a475f9; // Avoid using scales, use other functional tokens instead -$color-scale-purple-5: #8250df; // Avoid using scales, use other functional tokens instead -$color-scale-purple-6: #6639ba; // Avoid using scales, use other functional tokens instead -$color-scale-purple-7: #512a97; // Avoid using scales, use other functional tokens instead -$color-scale-purple-8: #3e1f79; // Avoid using scales, use other functional tokens instead -$color-scale-purple-9: #2e1461; // Avoid using scales, use other functional tokens instead -$color-scale-pink-0: #ffeff7; // Avoid using scales, use other functional tokens instead -$color-scale-pink-1: #ffd3eb; // Avoid using scales, use other functional tokens instead -$color-scale-pink-2: #ffadda; // Avoid using scales, use other functional tokens instead -$color-scale-pink-3: #ff80c8; // Avoid using scales, use other functional tokens instead -$color-scale-pink-4: #e85aad; // Avoid using scales, use other functional tokens instead -$color-scale-pink-5: #bf3989; // Avoid using scales, use other functional tokens instead -$color-scale-pink-6: #99286e; // Avoid using scales, use other functional tokens instead -$color-scale-pink-7: #772057; // Avoid using scales, use other functional tokens instead -$color-scale-pink-8: #611347; // Avoid using scales, use other functional tokens instead -$color-scale-pink-9: #4d0336; // Avoid using scales, use other functional tokens instead -$color-scale-coral-0: #fff0eb; // Avoid using scales, use other functional tokens instead -$color-scale-coral-1: #ffd6cc; // Avoid using scales, use other functional tokens instead -$color-scale-coral-2: #ffb4a1; // Avoid using scales, use other functional tokens instead -$color-scale-coral-3: #fd8c73; // Avoid using scales, use other functional tokens instead -$color-scale-coral-4: #ec6547; // Avoid using scales, use other functional tokens instead -$color-scale-coral-5: #c4432b; // Avoid using scales, use other functional tokens instead -$color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional tokens instead -$color-scale-coral-7: #801f0f; // Avoid using scales, use other functional tokens instead -$color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead -$color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead -$shadow-inset: inset 0px 1px 0px 0px #1f23280a; -$shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; -$shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; -$shadow-resting-medium: 0px 3px 6px 0px #424a531f; -$shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; -$shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; -$shadow-floating-large: 0px 40px 80px 0px #424a533d; -$shadow-floating-xlarge: 0px 56px 112px 0px #424a5352; diff --git a/dist/scss/functional/themes/light-high-contrast.scss b/dist/scss/functional/themes/light-high-contrast.scss deleted file mode 100644 index 1a7a8d306..000000000 --- a/dist/scss/functional/themes/light-high-contrast.scss +++ /dev/null @@ -1,405 +0,0 @@ -$topicTag-borderColor: #0349b4; -$highlight-neutral-bgColor: #fcf7be; -$page-header-bgColor: #e7ecf0; -$diffBlob-addition-fgColor-text: #ffffff; -$diffBlob-addition-fgColor-num: #010409; -$diffBlob-addition-bgColor-num: #c2f9cd; -$diffBlob-addition-bgColor-line: #d2fedb; -$diffBlob-addition-bgColor-word: #117f32; -$diffBlob-deletion-fgColor-text: #ffffff; -$diffBlob-deletion-fgColor-num: #010409; -$diffBlob-deletion-bgColor-num: #ffc1bc; -$diffBlob-deletion-bgColor-line: #fff0ee; -$diffBlob-deletion-bgColor-word: #a0111f; -$diffBlob-hunk-bgColor-num: #9cd7ff; -$diffBlob-expander-iconColor: #0e1116; -$codeMirror-fgColor: #010409; -$codeMirror-bgColor: #ffffff; -$codeMirror-gutters-bgColor: #ffffff; -$codeMirror-gutterMarker-fgColor-default: #ffffff; -$codeMirror-gutterMarker-fgColor-muted: #0e1116; -$codeMirror-lineNumber-fgColor: #0e1116; -$codeMirror-cursor-fgColor: #010409; -$codeMirror-selection-bgColor: #368cf9; -$codeMirror-activeline-bgColor: #e7ecf0; -$codeMirror-matchingBracket-fgColor: #010409; -$codeMirror-lines-bgColor: #ffffff; -$codeMirror-syntax-fgColor-comment: #0e1116; -$codeMirror-syntax-fgColor-constant: #023b95; -$codeMirror-syntax-fgColor-entity: #622cbc; -$codeMirror-syntax-fgColor-keyword: #a0111f; -$codeMirror-syntax-fgColor-storage: #a0111f; -$codeMirror-syntax-fgColor-string: #032563; -$codeMirror-syntax-fgColor-support: #023b95; -$codeMirror-syntax-fgColor-variable: #702c00; -$header-fgColor-default: #ffffffb3; -$header-fgColor-logo: #ffffff; -$header-bgColor: #0e1116; -$header-borderColor-divider: #acb6c0; -$headerSearch-bgColor: #0e1116; -$headerSearch-borderColor: #4b535d; -$avatar-bgColor: #ffffff; -$avatar-borderColor: #20252c; -$avatar-shadow: 0px 0px 0px 2px #ffffffcc; -$avatarStack-fade-bgColor-default: #acb6c0; -$avatarStack-fade-bgColor-muted: #ced5dc; -$control-bgColor-rest: #e7ecf0; -$control-bgColor-hover: #dbe1e6; -$control-bgColor-active: #cfd6dd; -$control-bgColor-disabled: #e7ecf0; -$control-bgColor-selected: #acb6c0; -$control-fgColor-rest: #0e1116; -$control-fgColor-placeholder: #66707b; -$control-fgColor-disabled: #4b535d; -$control-borderColor-rest: #20252c; -$control-borderColor-emphasis: #20252c; -$control-borderColor-disabled: #e7ecf0; -$control-borderColor-selected: #ffffff; -$control-borderColor-success: #055d20; -$control-borderColor-danger: #a0111f; -$control-borderColor-warning: #744500; -$control-iconColor-rest: #0e1116; -$control-transparent-bgColor-rest: #ffffff00; -$control-transparent-bgColor-hover: #e7ecf0; -$control-transparent-bgColor-active: #ced5dc; -$control-transparent-bgColor-disabled: #ffffff00; -$control-transparent-bgColor-selected: #ced5dc33; -$control-transparent-borderColor-rest: #ffffff00; -$control-transparent-borderColor-hover: #20252c; -$control-transparent-borderColor-active: #ffffff00; -$control-danger-fgColor-rest: #8a071e; -$control-danger-fgColor-hover: #ffffff; -$control-danger-bgColor-hover: #a0111f; -$control-danger-bgColor-active: #8c0b1d; -$control-checked-bgColor-rest: #0349b4; -$control-checked-bgColor-hover: #0344a8; -$control-checked-bgColor-active: #033f9d; -$control-checked-bgColor-disabled: #4b535d; -$control-checked-fgColor-rest: #ffffff; -$control-checked-fgColor-disabled: #ffffff; -$control-checked-borderColor-rest: #0349b4; -$control-checked-borderColor-hover: #0344a8; -$control-checked-borderColor-active: #033f9d; -$control-checked-borderColor-disabled: #4b535d; -$controlTrack-bgColor-rest: #acb6c0; -$controlTrack-bgColor-hover: #9ea8b2; -$controlTrack-bgColor-active: #909aa4; -$controlTrack-bgColor-disabled: #4b535d; -$controlTrack-fgColor-rest: #010409; -$controlTrack-fgColor-disabled: #ffffff; -$controlTrack-borderColor-rest: #ffffff00; -$controlTrack-borderColor-disabled: #4b535d; -$controlKnob-bgColor-rest: #ffffff; -$controlKnob-bgColor-disabled: #e7ecf0; -$controlKnob-bgColor-checked: #ffffff; -$controlKnob-borderColor-rest: #20252c; -$controlKnob-borderColor-disabled: #e7ecf0; -$controlKnob-borderColor-checked: #0349b4; -$counter-borderColor: #20252c; -$button-default-fgColor-rest: #0e1116; -$button-default-bgColor-rest: #e7ecf0; -$button-default-bgColor-hover: #dbe1e6; -$button-default-bgColor-active: #cfd6dd; -$button-default-bgColor-selected: #cfd6dd; -$button-default-bgColor-disabled: #e7ecf0; -$button-default-borderColor-rest: #20252c; -$button-default-borderColor-hover: #20252c; -$button-default-borderColor-active: #20252c; -$button-default-borderColor-disabled: #e7ecf0; -$button-default-shadow-resting: 0px 1px 0px 0px #0104090a; -$button-primary-fgColor-rest: #ffffff; -$button-primary-fgColor-disabled: #ffffffcc; -$button-primary-iconColor-rest: #ffffffcc; -$button-primary-bgColor-rest: #055d20; -$button-primary-bgColor-hover: #04571e; -$button-primary-bgColor-active: #03501b; -$button-primary-bgColor-disabled: #85cb97; -$button-primary-borderColor-rest: #013d14; -$button-primary-borderColor-hover: #013d14; -$button-primary-borderColor-active: #013d14; -$button-primary-borderColor-disabled: #85cb97; -$button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d; -$button-invisible-fgColor-rest: #023b95; -$button-invisible-fgColor-hover: #67b3fd; -$button-invisible-fgColor-disabled: #4b535d; -$button-invisible-iconColor-rest: #0e1116; -$button-invisible-iconColor-hover: #ffffff; -$button-invisible-iconColor-disabled: #4b535d; -$button-invisible-bgColor-rest: #ffffff00; -$button-invisible-bgColor-hover: #20252c; -$button-invisible-bgColor-active: #4b535d; -$button-invisible-bgColor-disabled: #ffffff00; -$button-invisible-borderColor-rest: #ffffff00; -$button-invisible-borderColor-hover: #20252c; -$button-invisible-borderColor-disabled: #e7ecf0; -$button-outline-fgColor-rest: #023b95; -$button-outline-fgColor-hover: #ffffff; -$button-outline-fgColor-active: #ffffff; -$button-outline-fgColor-disabled: #023b9580; -$button-outline-bgColor-rest: #e7ecf0; -$button-outline-bgColor-hover: #0349b4; -$button-outline-bgColor-active: #033f9d; -$button-outline-bgColor-disabled: #ffffff; -$button-outline-borderColor-hover: #01040926; -$button-outline-borderColor-active: #01040926; -$button-outline-shadow-selected: inset 0px 1px 0px 0px #021a4a33; -$button-danger-fgColor-rest: #8a071e; -$button-danger-fgColor-hover: #ffffff; -$button-danger-fgColor-active: #ffffff; -$button-danger-fgColor-disabled: #8a071e80; -$button-danger-iconColor-rest: #8a071e; -$button-danger-iconColor-hover: #ffffff; -$button-danger-bgColor-rest: #e7ecf0; -$button-danger-bgColor-hover: #86061d; -$button-danger-bgColor-active: #74041a; -$button-danger-bgColor-disabled: #e7ecf0; -$button-danger-borderColor-rest: #20252c; -$button-danger-borderColor-hover: #01040926; -$button-danger-borderColor-active: #01040926; -$button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133; -$button-inactive-fgColor-rest: #4b535d; -$button-inactive-bgColor-rest: #e7ecf0; -$buttonCounter-default-bgColor-rest: #66707b33; -$buttonCounter-invisible-bgColor-rest: #66707b33; -$buttonCounter-primary-bgColor-rest: #00230b33; -$buttonCounter-outline-bgColor-rest: #0349b41a; -$buttonCounter-outline-bgColor-hover: #ffffff33; -$buttonCounter-outline-bgColor-disabled: #0349b40d; -$buttonCounter-outline-fgColor-rest: #023b95; -$buttonCounter-outline-fgColor-hover: #ffffff; -$buttonCounter-outline-fgColor-disabled: #023b9580; -$buttonCounter-danger-bgColor-hover: #ffffff33; -$buttonCounter-danger-bgColor-disabled: #a0111f0d; -$buttonCounter-danger-bgColor-rest: #a0111f1a; -$buttonCounter-danger-fgColor-rest: #980e1e; -$buttonCounter-danger-fgColor-hover: #ffffff; -$buttonCounter-danger-fgColor-disabled: #8a071e80; -$focus-outlineColor: #0349b4; -$focus-outline: #0349b4 solid 2px; -$menu-bgColor-active: #ffffff00; -$overlay-bgColor: #ffffff; -$overlay-backdrop-bgColor: #88929d33; -$selectMenu-borderColor: #ffffff00; -$selectMenu-bgColor-active: #9cd7ff; -$sideNav-bgColor-selected: #ffffff; -$skeletonLoader-bgColor: #e7ecf0; -$timelineBadge-bgColor: #e7ecf0; -$treeViewItem-leadingVisual-iconColor-rest: #368cf9; -$underlineNav-borderColor-active: #cd3425; -$underlineNav-borderColor-hover: #88929d; -$underlineNav-iconColor-rest: #0e1116; -$fgColor-default: #010409; -$fgColor-muted: #0e1116; -$fgColor-onEmphasis: #ffffff; -$fgColor-disabled: #4b535d; -$fgColor-link: #023b95; -$fgColor-neutral: #66707b; -$fgColor-accent: #023b95; -$fgColor-success: #055d20; -$fgColor-attention: #744500; -$fgColor-severe: #873800; -$fgColor-danger: #8a071e; -$fgColor-open: #055d20; -$fgColor-closed: #8a071e; -$fgColor-done: #622cbc; -$fgColor-sponsors: #971368; -$bgColor-default: #ffffff; -$bgColor-muted: #e7ecf0; -$bgColor-inset: #ffffff; -$bgColor-emphasis: #0e1116; -$bgColor-inverse: #0e1116; -$bgColor-disabled: #e7ecf0; -$bgColor-transparent: #ffffff00; -$bgColor-neutral-muted: #e7ecf0; -$bgColor-neutral-emphasis: #66707b; -$bgColor-accent-muted: #dff7ff; -$bgColor-accent-emphasis: #0349b4; -$bgColor-success-muted: #d2fedb; -$bgColor-success-emphasis: #055d20; -$bgColor-attention-muted: #fcf7be; -$bgColor-attention-emphasis: #744500; -$bgColor-severe-muted: #fff2d5; -$bgColor-severe-emphasis: #873800; -$bgColor-danger-muted: #fff0ee; -$bgColor-danger-emphasis: #a0111f; -$bgColor-open-muted: #d2fedb; -$bgColor-open-emphasis: #055d20; -$bgColor-closed-muted: #fff0ee; -$bgColor-closed-emphasis: #a0111f; -$bgColor-done-muted: #faf0fe; -$bgColor-done-emphasis: #622cbc; -$bgColor-sponsors-muted: #feeff7; -$bgColor-sponsors-emphasis: #971368; -$borderColor-default: #20252c; -$borderColor-muted: #88929d; -$borderColor-emphasis: #66707b; -$borderColor-disabled: #e7ecf0; -$borderColor-transparent: #ffffff00; -$borderColor-neutral-muted: #88929d; -$borderColor-neutral-emphasis: #66707b; -$borderColor-accent-muted: #368cf9; -$borderColor-accent-emphasis: #0349b4; -$borderColor-success-muted: #26a148; -$borderColor-success-emphasis: #055d20; -$borderColor-attention-muted: #b58407; -$borderColor-attention-emphasis: #744500; -$borderColor-severe-muted: #dc6d1a; -$borderColor-severe-emphasis: #873800; -$borderColor-danger-muted: #ee5a5d; -$borderColor-danger-emphasis: #a0111f; -$borderColor-open-muted: #26a148; -$borderColor-open-emphasis: #055d20; -$borderColor-closed-muted: #ee5a5d66; -$borderColor-closed-emphasis: #a0111f; -$borderColor-done-muted: #a371f7; -$borderColor-done-emphasis: #622cbc; -$borderColor-sponsors-muted: #ed4baf; -$borderColor-sponsors-emphasis: #971368; -$color-ansi-black: #0e1116; -$color-ansi-black-bright: #4b535d; -$color-ansi-white: #66707b; -$color-ansi-white-bright: #88929d; -$color-ansi-gray: #66707b; -$color-ansi-red: #a0111f; -$color-ansi-red-bright: #86061d; -$color-ansi-green: #024c1a; -$color-ansi-green-bright: #055d20; -$color-ansi-yellow: #3f2200; -$color-ansi-yellow-bright: #4e2c00; -$color-ansi-blue: #0349b4; -$color-ansi-blue-bright: #1168e3; -$color-ansi-magenta: #622cbc; -$color-ansi-magenta-bright: #844ae7; -$color-ansi-cyan: #1b7c83; -$color-ansi-cyan-bright: #3192aa; -$color-prettylights-syntax-comment: #4b535d; -$color-prettylights-syntax-constant: #023b95; -$color-prettylights-syntax-constant-other-reference-link: #032563; -$color-prettylights-syntax-entity: #512598; -$color-prettylights-syntax-storage-modifier-import: #0e1116; -$color-prettylights-syntax-entity-tag: #023b95; -$color-prettylights-syntax-keyword: #a0111f; -$color-prettylights-syntax-string: #032563; -$color-prettylights-syntax-variable: #702c00; -$color-prettylights-syntax-brackethighlighter-unmatched: #6e011a; -$color-prettylights-syntax-brackethighlighter-angle: #4b535d; -$color-prettylights-syntax-invalid-illegal-text: #ffffff; -$color-prettylights-syntax-invalid-illegal-bg: #6e011a; -$color-prettylights-syntax-carriage-return-text: #ffffff; -$color-prettylights-syntax-carriage-return-bg: #a0111f; -$color-prettylights-syntax-string-regexp: #024c1a; -$color-prettylights-syntax-markup-list: #2e1800; -$color-prettylights-syntax-markup-heading: #023b95; -$color-prettylights-syntax-markup-italic: #0e1116; -$color-prettylights-syntax-markup-bold: #0e1116; -$color-prettylights-syntax-markup-deleted-text: #6e011a; -$color-prettylights-syntax-markup-deleted-bg: #fff0ee; -$color-prettylights-syntax-markup-inserted-text: #024c1a; -$color-prettylights-syntax-markup-inserted-bg: #d2fedb; -$color-prettylights-syntax-markup-changed-text: #702c00; -$color-prettylights-syntax-markup-changed-bg: #ffc67b; -$color-prettylights-syntax-markup-ignored-text: #e7ecf0; -$color-prettylights-syntax-markup-ignored-bg: #023b95; -$color-prettylights-syntax-meta-diff-range: #622cbc; -$color-prettylights-syntax-sublimelinter-gutter-mark: #88929d; -$color-scale-black: #010409; // Avoid using scales, use other functional tokens instead -$color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead -$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-0: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-1: #e7ecf0; // Avoid using scales, use other functional tokens instead -$color-scale-gray-2: #ced5dc; // Avoid using scales, use other functional tokens instead -$color-scale-gray-3: #acb6c0; // Avoid using scales, use other functional tokens instead -$color-scale-gray-4: #88929d; // Avoid using scales, use other functional tokens instead -$color-scale-gray-5: #66707b; // Avoid using scales, use other functional tokens instead -$color-scale-gray-6: #4b535d; // Avoid using scales, use other functional tokens instead -$color-scale-gray-7: #343b43; // Avoid using scales, use other functional tokens instead -$color-scale-gray-8: #20252c; // Avoid using scales, use other functional tokens instead -$color-scale-gray-9: #0e1116; // Avoid using scales, use other functional tokens instead -$color-scale-blue-0: #dff7ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-1: #9cd7ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-2: #67b3fd; // Avoid using scales, use other functional tokens instead -$color-scale-blue-3: #368cf9; // Avoid using scales, use other functional tokens instead -$color-scale-blue-4: #1168e3; // Avoid using scales, use other functional tokens instead -$color-scale-blue-5: #0349b4; // Avoid using scales, use other functional tokens instead -$color-scale-blue-6: #023b95; // Avoid using scales, use other functional tokens instead -$color-scale-blue-7: #022f7a; // Avoid using scales, use other functional tokens instead -$color-scale-blue-8: #032563; // Avoid using scales, use other functional tokens instead -$color-scale-blue-9: #021a4a; // Avoid using scales, use other functional tokens instead -$color-scale-green-0: #d2fedb; // Avoid using scales, use other functional tokens instead -$color-scale-green-1: #82e596; // Avoid using scales, use other functional tokens instead -$color-scale-green-2: #43c663; // Avoid using scales, use other functional tokens instead -$color-scale-green-3: #26a148; // Avoid using scales, use other functional tokens instead -$color-scale-green-4: #117f32; // Avoid using scales, use other functional tokens instead -$color-scale-green-5: #055d20; // Avoid using scales, use other functional tokens instead -$color-scale-green-6: #024c1a; // Avoid using scales, use other functional tokens instead -$color-scale-green-7: #013d14; // Avoid using scales, use other functional tokens instead -$color-scale-green-8: #003110; // Avoid using scales, use other functional tokens instead -$color-scale-green-9: #00230b; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-0: #fcf7be; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-1: #f0ce53; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-2: #d5a824; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-3: #b58407; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-4: #956400; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-5: #744500; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-6: #603700; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-7: #4e2c00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-8: #3f2200; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-9: #2e1800; // Avoid using scales, use other functional tokens instead -$color-scale-orange-0: #fff2d5; // Avoid using scales, use other functional tokens instead -$color-scale-orange-1: #ffc67b; // Avoid using scales, use other functional tokens instead -$color-scale-orange-2: #f99636; // Avoid using scales, use other functional tokens instead -$color-scale-orange-3: #dc6d1a; // Avoid using scales, use other functional tokens instead -$color-scale-orange-4: #b45105; // Avoid using scales, use other functional tokens instead -$color-scale-orange-5: #873800; // Avoid using scales, use other functional tokens instead -$color-scale-orange-6: #702c00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-7: #5b2300; // Avoid using scales, use other functional tokens instead -$color-scale-orange-8: #491b00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-9: #361200; // Avoid using scales, use other functional tokens instead -$color-scale-red-0: #fff0ee; // Avoid using scales, use other functional tokens instead -$color-scale-red-1: #ffc1bc; // Avoid using scales, use other functional tokens instead -$color-scale-red-2: #ff8e8a; // Avoid using scales, use other functional tokens instead -$color-scale-red-3: #ee5a5d; // Avoid using scales, use other functional tokens instead -$color-scale-red-4: #d5232c; // Avoid using scales, use other functional tokens instead -$color-scale-red-5: #a0111f; // Avoid using scales, use other functional tokens instead -$color-scale-red-6: #86061d; // Avoid using scales, use other functional tokens instead -$color-scale-red-7: #6e011a; // Avoid using scales, use other functional tokens instead -$color-scale-red-8: #5a0016; // Avoid using scales, use other functional tokens instead -$color-scale-red-9: #430011; // Avoid using scales, use other functional tokens instead -$color-scale-purple-0: #faf0fe; // Avoid using scales, use other functional tokens instead -$color-scale-purple-1: #e0c5ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-2: #c49bff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-3: #a371f7; // Avoid using scales, use other functional tokens instead -$color-scale-purple-4: #844ae7; // Avoid using scales, use other functional tokens instead -$color-scale-purple-5: #622cbc; // Avoid using scales, use other functional tokens instead -$color-scale-purple-6: #512598; // Avoid using scales, use other functional tokens instead -$color-scale-purple-7: #411d7b; // Avoid using scales, use other functional tokens instead -$color-scale-purple-8: #341763; // Avoid using scales, use other functional tokens instead -$color-scale-purple-9: #260f49; // Avoid using scales, use other functional tokens instead -$color-scale-pink-0: #feeff7; // Avoid using scales, use other functional tokens instead -$color-scale-pink-1: #ffbde0; // Avoid using scales, use other functional tokens instead -$color-scale-pink-2: #fc87ca; // Avoid using scales, use other functional tokens instead -$color-scale-pink-3: #ed4baf; // Avoid using scales, use other functional tokens instead -$color-scale-pink-4: #c9248e; // Avoid using scales, use other functional tokens instead -$color-scale-pink-5: #971368; // Avoid using scales, use other functional tokens instead -$color-scale-pink-6: #7d0c57; // Avoid using scales, use other functional tokens instead -$color-scale-pink-7: #660847; // Avoid using scales, use other functional tokens instead -$color-scale-pink-8: #53043a; // Avoid using scales, use other functional tokens instead -$color-scale-pink-9: #3e022b; // Avoid using scales, use other functional tokens instead -$color-scale-coral-0: #fff0ed; // Avoid using scales, use other functional tokens instead -$color-scale-coral-1: #ffc2b6; // Avoid using scales, use other functional tokens instead -$color-scale-coral-2: #ff8f7e; // Avoid using scales, use other functional tokens instead -$color-scale-coral-3: #cd3425; // Avoid using scales, use other functional tokens instead -$color-scale-coral-4: #ef5b48; // Avoid using scales, use other functional tokens instead -$color-scale-coral-5: #9f1710; // Avoid using scales, use other functional tokens instead -$color-scale-coral-6: #870706; // Avoid using scales, use other functional tokens instead -$color-scale-coral-7: #6f0107; // Avoid using scales, use other functional tokens instead -$color-scale-coral-8: #5b0002; // Avoid using scales, use other functional tokens instead -$color-scale-coral-9: #430200; // Avoid using scales, use other functional tokens instead -$shadow-inset: inset 0px 1px 0px 0px #0104090a; -$shadow-resting-xsmall: 0px 1px 0px 0px #0104091a; -$shadow-resting-small: 0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914; -$shadow-resting-medium: 0px 3px 6px 0px #343b431f; -$shadow-floating-small: 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f; -$shadow-floating-medium: 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314; -$shadow-floating-large: 0px 40px 80px 0px #343b433d; -$shadow-floating-xlarge: 0px 56px 112px 0px #343b4352; diff --git a/dist/scss/functional/themes/light-tritanopia.scss b/dist/scss/functional/themes/light-tritanopia.scss deleted file mode 100644 index 0b96bae3c..000000000 --- a/dist/scss/functional/themes/light-tritanopia.scss +++ /dev/null @@ -1,405 +0,0 @@ -$topicTag-borderColor: #ffffff00; -$highlight-neutral-bgColor: #fff8c5; -$page-header-bgColor: #f6f8fa; -$diffBlob-addition-fgColor-text: #1f2328; -$diffBlob-addition-fgColor-num: #1f2328; -$diffBlob-addition-bgColor-num: #d5f1ff; -$diffBlob-addition-bgColor-line: #ddf4ff; -$diffBlob-addition-bgColor-word: #b6e3ff; -$diffBlob-deletion-fgColor-text: #1f2328; -$diffBlob-deletion-fgColor-num: #1f2328; -$diffBlob-deletion-bgColor-num: #ffcecb; -$diffBlob-deletion-bgColor-line: #ffebe9; -$diffBlob-deletion-bgColor-word: #ff818266; -$diffBlob-hunk-bgColor-num: #54aeff66; -$diffBlob-expander-iconColor: #636c76; -$codeMirror-fgColor: #1f2328; -$codeMirror-bgColor: #ffffff; -$codeMirror-gutters-bgColor: #ffffff; -$codeMirror-gutterMarker-fgColor-default: #ffffff; -$codeMirror-gutterMarker-fgColor-muted: #636c76; -$codeMirror-lineNumber-fgColor: #636c76; -$codeMirror-cursor-fgColor: #1f2328; -$codeMirror-selection-bgColor: #54aeff66; -$codeMirror-activeline-bgColor: #afb8c133; -$codeMirror-matchingBracket-fgColor: #1f2328; -$codeMirror-lines-bgColor: #ffffff; -$codeMirror-syntax-fgColor-comment: #24292f; -$codeMirror-syntax-fgColor-constant: #0550ae; -$codeMirror-syntax-fgColor-entity: #8250df; -$codeMirror-syntax-fgColor-keyword: #cf222e; -$codeMirror-syntax-fgColor-storage: #cf222e; -$codeMirror-syntax-fgColor-string: #0a3069; -$codeMirror-syntax-fgColor-support: #0550ae; -$codeMirror-syntax-fgColor-variable: #a40e26; -$header-fgColor-default: #ffffffb3; -$header-fgColor-logo: #ffffff; -$header-bgColor: #24292f; -$header-borderColor-divider: #57606a; -$headerSearch-bgColor: #24292f; -$headerSearch-borderColor: #57606a; -$avatar-bgColor: #ffffff; -$avatar-borderColor: #d0d7de; -$avatar-shadow: 0px 0px 0px 2px #ffffffcc; -$avatarStack-fade-bgColor-default: #afb8c1; -$avatarStack-fade-bgColor-muted: #d0d7de; -$control-bgColor-rest: #f6f8fa; -$control-bgColor-hover: #eef1f4; -$control-bgColor-active: #e7ebef; -$control-bgColor-disabled: #f6f8fa; -$control-bgColor-selected: #f6f8fa; -$control-fgColor-rest: #24292f; -$control-fgColor-placeholder: #6e7781; -$control-fgColor-disabled: #8c959f; -$control-borderColor-rest: #d0d7de; -$control-borderColor-emphasis: #868f99; -$control-borderColor-disabled: #f6f8fa; -$control-borderColor-selected: #f6f8fa; -$control-borderColor-success: #218bff; -$control-borderColor-danger: #cf222e; -$control-borderColor-warning: #bf8700; -$control-iconColor-rest: #636c76; -$control-transparent-bgColor-rest: #ffffff00; -$control-transparent-bgColor-hover: #d0d7de33; -$control-transparent-bgColor-active: #d0d7de66; -$control-transparent-bgColor-disabled: #ffffff00; -$control-transparent-bgColor-selected: #d0d7de33; -$control-transparent-borderColor-rest: #ffffff00; -$control-transparent-borderColor-hover: #ffffff00; -$control-transparent-borderColor-active: #ffffff00; -$control-danger-fgColor-rest: #d1242f; -$control-danger-fgColor-hover: #d1242f; -$control-danger-bgColor-hover: #ffebe9; -$control-danger-bgColor-active: #ffebe966; -$control-checked-bgColor-rest: #0969da; -$control-checked-bgColor-hover: #0860ca; -$control-checked-bgColor-active: #0757ba; -$control-checked-bgColor-disabled: #8c959f; -$control-checked-fgColor-rest: #ffffff; -$control-checked-fgColor-disabled: #ffffff; -$control-checked-borderColor-rest: #0969da; -$control-checked-borderColor-hover: #0860ca; -$control-checked-borderColor-active: #0757ba; -$control-checked-borderColor-disabled: #8c959f; -$controlTrack-bgColor-rest: #eaeef2; -$controlTrack-bgColor-hover: #dee3e8; -$controlTrack-bgColor-active: #d2d8de; -$controlTrack-bgColor-disabled: #8c959f; -$controlTrack-fgColor-rest: #636c76; -$controlTrack-fgColor-disabled: #ffffff; -$controlTrack-borderColor-rest: #ffffff00; -$controlTrack-borderColor-disabled: #8c959f; -$controlKnob-bgColor-rest: #ffffff; -$controlKnob-bgColor-disabled: #f6f8fa; -$controlKnob-bgColor-checked: #ffffff; -$controlKnob-borderColor-rest: #868f99; -$controlKnob-borderColor-disabled: #f6f8fa; -$controlKnob-borderColor-checked: #0969da; -$counter-borderColor: #ffffff00; -$button-default-fgColor-rest: #24292f; -$button-default-bgColor-rest: #f6f8fa; -$button-default-bgColor-hover: #eef1f4; -$button-default-bgColor-active: #e7ebef; -$button-default-bgColor-selected: #e7ebef; -$button-default-bgColor-disabled: #f6f8fa; -$button-default-borderColor-rest: #d0d7de; -$button-default-borderColor-hover: #d0d7de; -$button-default-borderColor-active: #d0d7de; -$button-default-borderColor-disabled: #f6f8fa; -$button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; -$button-primary-fgColor-rest: #ffffff; -$button-primary-fgColor-disabled: #ffffffcc; -$button-primary-iconColor-rest: #ffffffcc; -$button-primary-bgColor-rest: #0f72e3; -$button-primary-bgColor-hover: #0d6bd8; -$button-primary-bgColor-active: #0b64ce; -$button-primary-bgColor-disabled: #92caff; -$button-primary-borderColor-rest: #1f232826; -$button-primary-borderColor-hover: #1f232826; -$button-primary-borderColor-active: #1f232826; -$button-primary-borderColor-disabled: #92caff; -$button-primary-shadow-selected: inset 0px 1px 0px 0px #0021554d; -$button-invisible-fgColor-rest: #0969da; -$button-invisible-fgColor-hover: #0969da; -$button-invisible-fgColor-disabled: #8c959f; -$button-invisible-iconColor-rest: #636c76; -$button-invisible-iconColor-hover: #636c76; -$button-invisible-iconColor-disabled: #8c959f; -$button-invisible-bgColor-rest: #ffffff00; -$button-invisible-bgColor-hover: #d0d7de33; -$button-invisible-bgColor-active: #d0d7de66; -$button-invisible-bgColor-disabled: #ffffff00; -$button-invisible-borderColor-rest: #ffffff00; -$button-invisible-borderColor-hover: #ffffff00; -$button-invisible-borderColor-disabled: #f6f8fa; -$button-outline-fgColor-rest: #0969da; -$button-outline-fgColor-hover: #ffffff; -$button-outline-fgColor-active: #ffffff; -$button-outline-fgColor-disabled: #0969da80; -$button-outline-bgColor-rest: #f6f8fa; -$button-outline-bgColor-hover: #0969da; -$button-outline-bgColor-active: #0757ba; -$button-outline-bgColor-disabled: #f6f8fa; -$button-outline-borderColor-hover: #1f232826; -$button-outline-borderColor-active: #1f232826; -$button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533; -$button-danger-fgColor-rest: #d1242f; -$button-danger-fgColor-hover: #ffffff; -$button-danger-fgColor-active: #ffffff; -$button-danger-fgColor-disabled: #d1242f80; -$button-danger-iconColor-rest: #d1242f; -$button-danger-iconColor-hover: #ffffff; -$button-danger-bgColor-rest: #f6f8fa; -$button-danger-bgColor-hover: #a40e26; -$button-danger-bgColor-active: #8b0820; -$button-danger-bgColor-disabled: #f6f8fa; -$button-danger-borderColor-rest: #d0d7de; -$button-danger-borderColor-hover: #1f232826; -$button-danger-borderColor-active: #1f232826; -$button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433; -$button-inactive-fgColor-rest: #57606a; -$button-inactive-bgColor-rest: #eaeef2; -$buttonCounter-default-bgColor-rest: #afb8c133; -$buttonCounter-invisible-bgColor-rest: #afb8c133; -$buttonCounter-primary-bgColor-rest: #002d1133; -$buttonCounter-outline-bgColor-rest: #0969da1a; -$buttonCounter-outline-bgColor-hover: #ffffff33; -$buttonCounter-outline-bgColor-disabled: #0969da0d; -$buttonCounter-outline-fgColor-rest: #0550ae; -$buttonCounter-outline-fgColor-hover: #ffffff; -$buttonCounter-outline-fgColor-disabled: #0969da80; -$buttonCounter-danger-bgColor-hover: #ffffff33; -$buttonCounter-danger-bgColor-disabled: #cf222e0d; -$buttonCounter-danger-bgColor-rest: #cf222e1a; -$buttonCounter-danger-fgColor-rest: #c21c2c; -$buttonCounter-danger-fgColor-hover: #ffffff; -$buttonCounter-danger-fgColor-disabled: #d1242f80; -$focus-outlineColor: #0969da; -$focus-outline: #0969da solid 2px; -$menu-bgColor-active: #ffffff00; -$overlay-bgColor: #ffffff; -$overlay-backdrop-bgColor: #8c959f33; -$selectMenu-borderColor: #ffffff00; -$selectMenu-bgColor-active: #b6e3ff; -$sideNav-bgColor-selected: #ffffff; -$skeletonLoader-bgColor: #f6f8fa; -$timelineBadge-bgColor: #eaeef2; -$treeViewItem-leadingVisual-iconColor-rest: #54aeff; -$underlineNav-borderColor-active: #fd8c73; -$underlineNav-borderColor-hover: #afb8c133; -$underlineNav-iconColor-rest: #636c76; -$fgColor-default: #1f2328; -$fgColor-muted: #636c76; -$fgColor-onEmphasis: #ffffff; -$fgColor-disabled: #8c959f; -$fgColor-link: #0969da; -$fgColor-neutral: #6e7781; -$fgColor-accent: #0969da; -$fgColor-success: #0969da; -$fgColor-attention: #9a6700; -$fgColor-severe: #cf222e; -$fgColor-danger: #d1242f; -$fgColor-open: #cf222e; -$fgColor-closed: #6e7781; -$fgColor-done: #8250df; -$fgColor-sponsors: #bf3989; -$bgColor-default: #ffffff; -$bgColor-muted: #f6f8fa; -$bgColor-inset: #f6f8fa; -$bgColor-emphasis: #24292f; -$bgColor-inverse: #24292f; -$bgColor-disabled: #f6f8fa; -$bgColor-transparent: #ffffff00; -$bgColor-neutral-muted: #afb8c133; -$bgColor-neutral-emphasis: #6e7781; -$bgColor-accent-muted: #ddf4ff; -$bgColor-accent-emphasis: #0969da; -$bgColor-success-muted: #ddf4ff; -$bgColor-success-emphasis: #0f72e3; -$bgColor-attention-muted: #fff8c5; -$bgColor-attention-emphasis: #9a6700; -$bgColor-severe-muted: #ffebe9; -$bgColor-severe-emphasis: #cf222e; -$bgColor-danger-muted: #ffebe9; -$bgColor-danger-emphasis: #cf222e; -$bgColor-open-muted: #ffebe9; -$bgColor-open-emphasis: #cf222e; -$bgColor-closed-muted: #f6f8fa; -$bgColor-closed-emphasis: #6e7781; -$bgColor-done-muted: #fbefff; -$bgColor-done-emphasis: #8250df; -$bgColor-sponsors-muted: #ffeff7; -$bgColor-sponsors-emphasis: #bf3989; -$borderColor-default: #d0d7de; -$borderColor-muted: #d0d7de80; -$borderColor-emphasis: #6e7781; -$borderColor-disabled: #f6f8fa; -$borderColor-transparent: #ffffff00; -$borderColor-neutral-muted: #afb8c133; -$borderColor-neutral-emphasis: #6e7781; -$borderColor-accent-muted: #54aeff66; -$borderColor-accent-emphasis: #0969da; -$borderColor-success-muted: #54aeff66; -$borderColor-success-emphasis: #218bff; -$borderColor-attention-muted: #d4a72c66; -$borderColor-attention-emphasis: #bf8700; -$borderColor-severe-muted: #ff818266; -$borderColor-severe-emphasis: #cf222e; -$borderColor-danger-muted: #ff818266; -$borderColor-danger-emphasis: #cf222e; -$borderColor-open-muted: #ff818266; -$borderColor-open-emphasis: #cf222e; -$borderColor-closed-muted: #afb8c166; -$borderColor-closed-emphasis: #6e7781; -$borderColor-done-muted: #c297ff66; -$borderColor-done-emphasis: #8250df; -$borderColor-sponsors-muted: #ff80c866; -$borderColor-sponsors-emphasis: #bf3989; -$color-ansi-black: #24292f; -$color-ansi-black-bright: #57606a; -$color-ansi-white: #6e7781; -$color-ansi-white-bright: #8c959f; -$color-ansi-gray: #6e7781; -$color-ansi-red: #cf222e; -$color-ansi-red-bright: #a40e26; -$color-ansi-green: #0550ae; -$color-ansi-green-bright: #0969da; -$color-ansi-yellow: #4d2d00; -$color-ansi-yellow-bright: #633c01; -$color-ansi-blue: #0969da; -$color-ansi-blue-bright: #218bff; -$color-ansi-magenta: #8250df; -$color-ansi-magenta-bright: #a475f9; -$color-ansi-cyan: #1b7c83; -$color-ansi-cyan-bright: #3192aa; -$color-prettylights-syntax-comment: #57606a; -$color-prettylights-syntax-constant: #0550ae; -$color-prettylights-syntax-constant-other-reference-link: #0a3069; -$color-prettylights-syntax-entity: #6639ba; -$color-prettylights-syntax-storage-modifier-import: #24292f; -$color-prettylights-syntax-entity-tag: #0550ae; -$color-prettylights-syntax-keyword: #cf222e; -$color-prettylights-syntax-string: #0a3069; -$color-prettylights-syntax-variable: #a40e26; -$color-prettylights-syntax-brackethighlighter-unmatched: #82071e; -$color-prettylights-syntax-brackethighlighter-angle: #57606a; -$color-prettylights-syntax-invalid-illegal-text: #f6f8fa; -$color-prettylights-syntax-invalid-illegal-bg: #82071e; -$color-prettylights-syntax-carriage-return-text: #f6f8fa; -$color-prettylights-syntax-carriage-return-bg: #cf222e; -$color-prettylights-syntax-string-regexp: #0550ae; -$color-prettylights-syntax-markup-list: #3b2300; -$color-prettylights-syntax-markup-heading: #0550ae; -$color-prettylights-syntax-markup-italic: #24292f; -$color-prettylights-syntax-markup-bold: #24292f; -$color-prettylights-syntax-markup-deleted-text: #82071e; -$color-prettylights-syntax-markup-deleted-bg: #ffebe9; -$color-prettylights-syntax-markup-inserted-text: #0550ae; -$color-prettylights-syntax-markup-inserted-bg: #ddf4ff; -$color-prettylights-syntax-markup-changed-text: #a40e26; -$color-prettylights-syntax-markup-changed-bg: #ffcecb; -$color-prettylights-syntax-markup-ignored-text: #eaeef2; -$color-prettylights-syntax-markup-ignored-bg: #0550ae; -$color-prettylights-syntax-meta-diff-range: #8250df; -$color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; -$color-scale-black: #1f2328; // Avoid using scales, use other functional tokens instead -$color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead -$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-0: #f6f8fa; // Avoid using scales, use other functional tokens instead -$color-scale-gray-1: #eaeef2; // Avoid using scales, use other functional tokens instead -$color-scale-gray-2: #d0d7de; // Avoid using scales, use other functional tokens instead -$color-scale-gray-3: #afb8c1; // Avoid using scales, use other functional tokens instead -$color-scale-gray-4: #8c959f; // Avoid using scales, use other functional tokens instead -$color-scale-gray-5: #6e7781; // Avoid using scales, use other functional tokens instead -$color-scale-gray-6: #57606a; // Avoid using scales, use other functional tokens instead -$color-scale-gray-7: #424a53; // Avoid using scales, use other functional tokens instead -$color-scale-gray-8: #32383f; // Avoid using scales, use other functional tokens instead -$color-scale-gray-9: #24292f; // Avoid using scales, use other functional tokens instead -$color-scale-blue-0: #ddf4ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-1: #b6e3ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-2: #80ccff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-3: #54aeff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-4: #218bff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-5: #0969da; // Avoid using scales, use other functional tokens instead -$color-scale-blue-6: #0550ae; // Avoid using scales, use other functional tokens instead -$color-scale-blue-7: #033d8b; // Avoid using scales, use other functional tokens instead -$color-scale-blue-8: #0a3069; // Avoid using scales, use other functional tokens instead -$color-scale-blue-9: #002155; // Avoid using scales, use other functional tokens instead -$color-scale-green-0: #ddf4ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-1: #b6e3ff; // Avoid using scales, use other functional tokens instead -$color-scale-green-2: #80ccff; // Avoid using scales, use other functional tokens instead -$color-scale-green-3: #54aeff; // Avoid using scales, use other functional tokens instead -$color-scale-green-4: #218bff; // Avoid using scales, use other functional tokens instead -$color-scale-green-5: #0969da; // Avoid using scales, use other functional tokens instead -$color-scale-green-6: #0550ae; // Avoid using scales, use other functional tokens instead -$color-scale-green-7: #033d8b; // Avoid using scales, use other functional tokens instead -$color-scale-green-8: #0a3069; // Avoid using scales, use other functional tokens instead -$color-scale-green-9: #002155; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-0: #fff8c5; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-1: #fae17d; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-2: #eac54f; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-3: #d4a72c; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-4: #bf8700; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-5: #9a6700; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-6: #7d4e00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-7: #633c01; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-8: #4d2d00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-9: #3b2300; // Avoid using scales, use other functional tokens instead -$color-scale-orange-0: #ffebe9; // Avoid using scales, use other functional tokens instead -$color-scale-orange-1: #ffcecb; // Avoid using scales, use other functional tokens instead -$color-scale-orange-2: #ffaba8; // Avoid using scales, use other functional tokens instead -$color-scale-orange-3: #ff8182; // Avoid using scales, use other functional tokens instead -$color-scale-orange-4: #fa4549; // Avoid using scales, use other functional tokens instead -$color-scale-orange-5: #cf222e; // Avoid using scales, use other functional tokens instead -$color-scale-orange-6: #a40e26; // Avoid using scales, use other functional tokens instead -$color-scale-orange-7: #82071e; // Avoid using scales, use other functional tokens instead -$color-scale-orange-8: #660018; // Avoid using scales, use other functional tokens instead -$color-scale-orange-9: #4c0014; // Avoid using scales, use other functional tokens instead -$color-scale-red-0: #ffebe9; // Avoid using scales, use other functional tokens instead -$color-scale-red-1: #ffcecb; // Avoid using scales, use other functional tokens instead -$color-scale-red-2: #ffaba8; // Avoid using scales, use other functional tokens instead -$color-scale-red-3: #ff8182; // Avoid using scales, use other functional tokens instead -$color-scale-red-4: #fa4549; // Avoid using scales, use other functional tokens instead -$color-scale-red-5: #cf222e; // Avoid using scales, use other functional tokens instead -$color-scale-red-6: #a40e26; // Avoid using scales, use other functional tokens instead -$color-scale-red-7: #82071e; // Avoid using scales, use other functional tokens instead -$color-scale-red-8: #660018; // Avoid using scales, use other functional tokens instead -$color-scale-red-9: #4c0014; // Avoid using scales, use other functional tokens instead -$color-scale-purple-0: #fbefff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-1: #ecd8ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-2: #d8b9ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-3: #c297ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-4: #a475f9; // Avoid using scales, use other functional tokens instead -$color-scale-purple-5: #8250df; // Avoid using scales, use other functional tokens instead -$color-scale-purple-6: #6639ba; // Avoid using scales, use other functional tokens instead -$color-scale-purple-7: #512a97; // Avoid using scales, use other functional tokens instead -$color-scale-purple-8: #3e1f79; // Avoid using scales, use other functional tokens instead -$color-scale-purple-9: #2e1461; // Avoid using scales, use other functional tokens instead -$color-scale-pink-0: #ffeff7; // Avoid using scales, use other functional tokens instead -$color-scale-pink-1: #ffd3eb; // Avoid using scales, use other functional tokens instead -$color-scale-pink-2: #ffadda; // Avoid using scales, use other functional tokens instead -$color-scale-pink-3: #ff80c8; // Avoid using scales, use other functional tokens instead -$color-scale-pink-4: #e85aad; // Avoid using scales, use other functional tokens instead -$color-scale-pink-5: #bf3989; // Avoid using scales, use other functional tokens instead -$color-scale-pink-6: #99286e; // Avoid using scales, use other functional tokens instead -$color-scale-pink-7: #772057; // Avoid using scales, use other functional tokens instead -$color-scale-pink-8: #611347; // Avoid using scales, use other functional tokens instead -$color-scale-pink-9: #4d0336; // Avoid using scales, use other functional tokens instead -$color-scale-coral-0: #fff0eb; // Avoid using scales, use other functional tokens instead -$color-scale-coral-1: #ffd6cc; // Avoid using scales, use other functional tokens instead -$color-scale-coral-2: #ffb4a1; // Avoid using scales, use other functional tokens instead -$color-scale-coral-3: #fd8c73; // Avoid using scales, use other functional tokens instead -$color-scale-coral-4: #ec6547; // Avoid using scales, use other functional tokens instead -$color-scale-coral-5: #c4432b; // Avoid using scales, use other functional tokens instead -$color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional tokens instead -$color-scale-coral-7: #801f0f; // Avoid using scales, use other functional tokens instead -$color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead -$color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead -$shadow-inset: inset 0px 1px 0px 0px #1f23280a; -$shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; -$shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; -$shadow-resting-medium: 0px 3px 6px 0px #424a531f; -$shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; -$shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; -$shadow-floating-large: 0px 40px 80px 0px #424a533d; -$shadow-floating-xlarge: 0px 56px 112px 0px #424a5352; diff --git a/dist/scss/functional/themes/light.scss b/dist/scss/functional/themes/light.scss deleted file mode 100644 index 65b51e964..000000000 --- a/dist/scss/functional/themes/light.scss +++ /dev/null @@ -1,405 +0,0 @@ -$topicTag-borderColor: #ffffff00; -$highlight-neutral-bgColor: #fff8c5; -$page-header-bgColor: #f6f8fa; -$diffBlob-addition-fgColor-text: #1f2328; -$diffBlob-addition-fgColor-num: #1f2328; -$diffBlob-addition-bgColor-num: #d1f8d9; -$diffBlob-addition-bgColor-line: #dafbe1; -$diffBlob-addition-bgColor-word: #aceebb; -$diffBlob-deletion-fgColor-text: #1f2328; -$diffBlob-deletion-fgColor-num: #1f2328; -$diffBlob-deletion-bgColor-num: #ffcecb; -$diffBlob-deletion-bgColor-line: #ffebe9; -$diffBlob-deletion-bgColor-word: #ff818266; -$diffBlob-hunk-bgColor-num: #54aeff66; -$diffBlob-expander-iconColor: #636c76; -$codeMirror-fgColor: #1f2328; -$codeMirror-bgColor: #ffffff; -$codeMirror-gutters-bgColor: #ffffff; -$codeMirror-gutterMarker-fgColor-default: #ffffff; -$codeMirror-gutterMarker-fgColor-muted: #636c76; -$codeMirror-lineNumber-fgColor: #636c76; -$codeMirror-cursor-fgColor: #1f2328; -$codeMirror-selection-bgColor: #54aeff66; -$codeMirror-activeline-bgColor: #afb8c133; -$codeMirror-matchingBracket-fgColor: #1f2328; -$codeMirror-lines-bgColor: #ffffff; -$codeMirror-syntax-fgColor-comment: #24292f; -$codeMirror-syntax-fgColor-constant: #0550ae; -$codeMirror-syntax-fgColor-entity: #8250df; -$codeMirror-syntax-fgColor-keyword: #cf222e; -$codeMirror-syntax-fgColor-storage: #cf222e; -$codeMirror-syntax-fgColor-string: #0a3069; -$codeMirror-syntax-fgColor-support: #0550ae; -$codeMirror-syntax-fgColor-variable: #953800; -$header-fgColor-default: #ffffffb3; -$header-fgColor-logo: #ffffff; -$header-bgColor: #24292f; -$header-borderColor-divider: #57606a; -$headerSearch-bgColor: #24292f; -$headerSearch-borderColor: #57606a; -$avatar-bgColor: #ffffff; -$avatar-borderColor: #d0d7de; -$avatar-shadow: 0px 0px 0px 2px #ffffffcc; -$avatarStack-fade-bgColor-default: #afb8c1; -$avatarStack-fade-bgColor-muted: #d0d7de; -$control-bgColor-rest: #f6f8fa; -$control-bgColor-hover: #eef1f4; -$control-bgColor-active: #e7ebef; -$control-bgColor-disabled: #f6f8fa; -$control-bgColor-selected: #f6f8fa; -$control-fgColor-rest: #24292f; -$control-fgColor-placeholder: #6e7781; -$control-fgColor-disabled: #8c959f; -$control-borderColor-rest: #d0d7de; -$control-borderColor-emphasis: #868f99; -$control-borderColor-disabled: #f6f8fa; -$control-borderColor-selected: #f6f8fa; -$control-borderColor-success: #1a7f37; -$control-borderColor-danger: #cf222e; -$control-borderColor-warning: #bf8700; -$control-iconColor-rest: #636c76; -$control-transparent-bgColor-rest: #ffffff00; -$control-transparent-bgColor-hover: #d0d7de33; -$control-transparent-bgColor-active: #d0d7de66; -$control-transparent-bgColor-disabled: #ffffff00; -$control-transparent-bgColor-selected: #d0d7de33; -$control-transparent-borderColor-rest: #ffffff00; -$control-transparent-borderColor-hover: #ffffff00; -$control-transparent-borderColor-active: #ffffff00; -$control-danger-fgColor-rest: #d1242f; -$control-danger-fgColor-hover: #d1242f; -$control-danger-bgColor-hover: #ffebe9; -$control-danger-bgColor-active: #ffebe966; -$control-checked-bgColor-rest: #0969da; -$control-checked-bgColor-hover: #0860ca; -$control-checked-bgColor-active: #0757ba; -$control-checked-bgColor-disabled: #8c959f; -$control-checked-fgColor-rest: #ffffff; -$control-checked-fgColor-disabled: #ffffff; -$control-checked-borderColor-rest: #0969da; -$control-checked-borderColor-hover: #0860ca; -$control-checked-borderColor-active: #0757ba; -$control-checked-borderColor-disabled: #8c959f; -$controlTrack-bgColor-rest: #eaeef2; -$controlTrack-bgColor-hover: #dee3e8; -$controlTrack-bgColor-active: #d2d8de; -$controlTrack-bgColor-disabled: #8c959f; -$controlTrack-fgColor-rest: #636c76; -$controlTrack-fgColor-disabled: #ffffff; -$controlTrack-borderColor-rest: #ffffff00; -$controlTrack-borderColor-disabled: #8c959f; -$controlKnob-bgColor-rest: #ffffff; -$controlKnob-bgColor-disabled: #f6f8fa; -$controlKnob-bgColor-checked: #ffffff; -$controlKnob-borderColor-rest: #868f99; -$controlKnob-borderColor-disabled: #f6f8fa; -$controlKnob-borderColor-checked: #0969da; -$counter-borderColor: #ffffff00; -$button-default-fgColor-rest: #24292f; -$button-default-bgColor-rest: #f6f8fa; -$button-default-bgColor-hover: #eef1f4; -$button-default-bgColor-active: #e7ebef; -$button-default-bgColor-selected: #e7ebef; -$button-default-bgColor-disabled: #f6f8fa; -$button-default-borderColor-rest: #d0d7de; -$button-default-borderColor-hover: #d0d7de; -$button-default-borderColor-active: #d0d7de; -$button-default-borderColor-disabled: #f6f8fa; -$button-default-shadow-resting: 0px 1px 0px 0px #1f23280a; -$button-primary-fgColor-rest: #ffffff; -$button-primary-fgColor-disabled: #ffffffcc; -$button-primary-iconColor-rest: #ffffffcc; -$button-primary-bgColor-rest: #1f883d; -$button-primary-bgColor-hover: #1c8139; -$button-primary-bgColor-active: #197935; -$button-primary-bgColor-disabled: #95d8a6; -$button-primary-borderColor-rest: #1f232826; -$button-primary-borderColor-hover: #1f232826; -$button-primary-borderColor-active: #1f232826; -$button-primary-borderColor-disabled: #95d8a6; -$button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d; -$button-invisible-fgColor-rest: #0969da; -$button-invisible-fgColor-hover: #0969da; -$button-invisible-fgColor-disabled: #8c959f; -$button-invisible-iconColor-rest: #636c76; -$button-invisible-iconColor-hover: #636c76; -$button-invisible-iconColor-disabled: #8c959f; -$button-invisible-bgColor-rest: #ffffff00; -$button-invisible-bgColor-hover: #d0d7de33; -$button-invisible-bgColor-active: #d0d7de66; -$button-invisible-bgColor-disabled: #ffffff00; -$button-invisible-borderColor-rest: #ffffff00; -$button-invisible-borderColor-hover: #ffffff00; -$button-invisible-borderColor-disabled: #f6f8fa; -$button-outline-fgColor-rest: #0969da; -$button-outline-fgColor-hover: #ffffff; -$button-outline-fgColor-active: #ffffff; -$button-outline-fgColor-disabled: #0969da80; -$button-outline-bgColor-rest: #f6f8fa; -$button-outline-bgColor-hover: #0969da; -$button-outline-bgColor-active: #0757ba; -$button-outline-bgColor-disabled: #f6f8fa; -$button-outline-borderColor-hover: #1f232826; -$button-outline-borderColor-active: #1f232826; -$button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533; -$button-danger-fgColor-rest: #d1242f; -$button-danger-fgColor-hover: #ffffff; -$button-danger-fgColor-active: #ffffff; -$button-danger-fgColor-disabled: #d1242f80; -$button-danger-iconColor-rest: #d1242f; -$button-danger-iconColor-hover: #ffffff; -$button-danger-bgColor-rest: #f6f8fa; -$button-danger-bgColor-hover: #a40e26; -$button-danger-bgColor-active: #8b0820; -$button-danger-bgColor-disabled: #f6f8fa; -$button-danger-borderColor-rest: #d0d7de; -$button-danger-borderColor-hover: #1f232826; -$button-danger-borderColor-active: #1f232826; -$button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433; -$button-inactive-fgColor-rest: #57606a; -$button-inactive-bgColor-rest: #eaeef2; -$buttonCounter-default-bgColor-rest: #afb8c133; -$buttonCounter-invisible-bgColor-rest: #afb8c133; -$buttonCounter-primary-bgColor-rest: #002d1133; -$buttonCounter-outline-bgColor-rest: #0969da1a; -$buttonCounter-outline-bgColor-hover: #ffffff33; -$buttonCounter-outline-bgColor-disabled: #0969da0d; -$buttonCounter-outline-fgColor-rest: #0550ae; -$buttonCounter-outline-fgColor-hover: #ffffff; -$buttonCounter-outline-fgColor-disabled: #0969da80; -$buttonCounter-danger-bgColor-hover: #ffffff33; -$buttonCounter-danger-bgColor-disabled: #cf222e0d; -$buttonCounter-danger-bgColor-rest: #cf222e1a; -$buttonCounter-danger-fgColor-rest: #c21c2c; -$buttonCounter-danger-fgColor-hover: #ffffff; -$buttonCounter-danger-fgColor-disabled: #d1242f80; -$focus-outlineColor: #0969da; -$focus-outline: #0969da solid 2px; -$menu-bgColor-active: #ffffff00; -$overlay-bgColor: #ffffff; -$overlay-backdrop-bgColor: #8c959f33; -$selectMenu-borderColor: #ffffff00; -$selectMenu-bgColor-active: #b6e3ff; -$sideNav-bgColor-selected: #ffffff; -$skeletonLoader-bgColor: #f6f8fa; -$timelineBadge-bgColor: #eaeef2; -$treeViewItem-leadingVisual-iconColor-rest: #54aeff; -$underlineNav-borderColor-active: #fd8c73; -$underlineNav-borderColor-hover: #afb8c133; -$underlineNav-iconColor-rest: #636c76; -$fgColor-default: #1f2328; -$fgColor-muted: #636c76; -$fgColor-onEmphasis: #ffffff; -$fgColor-disabled: #8c959f; -$fgColor-link: #0969da; -$fgColor-neutral: #6e7781; -$fgColor-accent: #0969da; -$fgColor-success: #1a7f37; -$fgColor-attention: #9a6700; -$fgColor-severe: #bc4c00; -$fgColor-danger: #d1242f; -$fgColor-open: #1a7f37; -$fgColor-closed: #d1242f; -$fgColor-done: #8250df; -$fgColor-sponsors: #bf3989; -$bgColor-default: #ffffff; -$bgColor-muted: #f6f8fa; -$bgColor-inset: #f6f8fa; -$bgColor-emphasis: #24292f; -$bgColor-inverse: #24292f; -$bgColor-disabled: #f6f8fa; -$bgColor-transparent: #ffffff00; -$bgColor-neutral-muted: #afb8c133; -$bgColor-neutral-emphasis: #6e7781; -$bgColor-accent-muted: #ddf4ff; -$bgColor-accent-emphasis: #0969da; -$bgColor-success-muted: #dafbe1; -$bgColor-success-emphasis: #1f883d; -$bgColor-attention-muted: #fff8c5; -$bgColor-attention-emphasis: #9a6700; -$bgColor-severe-muted: #fff1e5; -$bgColor-severe-emphasis: #bc4c00; -$bgColor-danger-muted: #ffebe9; -$bgColor-danger-emphasis: #cf222e; -$bgColor-open-muted: #dafbe1; -$bgColor-open-emphasis: #1f883d; -$bgColor-closed-muted: #ffebe9; -$bgColor-closed-emphasis: #cf222e; -$bgColor-done-muted: #fbefff; -$bgColor-done-emphasis: #8250df; -$bgColor-sponsors-muted: #ffeff7; -$bgColor-sponsors-emphasis: #bf3989; -$borderColor-default: #d0d7de; -$borderColor-muted: #d0d7de80; -$borderColor-emphasis: #6e7781; -$borderColor-disabled: #f6f8fa; -$borderColor-transparent: #ffffff00; -$borderColor-neutral-muted: #afb8c133; -$borderColor-neutral-emphasis: #6e7781; -$borderColor-accent-muted: #54aeff66; -$borderColor-accent-emphasis: #0969da; -$borderColor-success-muted: #4ac26b66; -$borderColor-success-emphasis: #1a7f37; -$borderColor-attention-muted: #d4a72c66; -$borderColor-attention-emphasis: #bf8700; -$borderColor-severe-muted: #fb8f4466; -$borderColor-severe-emphasis: #bc4c00; -$borderColor-danger-muted: #ff818266; -$borderColor-danger-emphasis: #cf222e; -$borderColor-open-muted: #4ac26b66; -$borderColor-open-emphasis: #1a7f37; -$borderColor-closed-muted: #ff818266; -$borderColor-closed-emphasis: #cf222e; -$borderColor-done-muted: #c297ff66; -$borderColor-done-emphasis: #8250df; -$borderColor-sponsors-muted: #ff80c866; -$borderColor-sponsors-emphasis: #bf3989; -$color-ansi-black: #24292f; -$color-ansi-black-bright: #57606a; -$color-ansi-white: #6e7781; -$color-ansi-white-bright: #8c959f; -$color-ansi-gray: #6e7781; -$color-ansi-red: #cf222e; -$color-ansi-red-bright: #a40e26; -$color-ansi-green: #116329; -$color-ansi-green-bright: #1a7f37; -$color-ansi-yellow: #4d2d00; -$color-ansi-yellow-bright: #633c01; -$color-ansi-blue: #0969da; -$color-ansi-blue-bright: #218bff; -$color-ansi-magenta: #8250df; -$color-ansi-magenta-bright: #a475f9; -$color-ansi-cyan: #1b7c83; -$color-ansi-cyan-bright: #3192aa; -$color-prettylights-syntax-comment: #57606a; -$color-prettylights-syntax-constant: #0550ae; -$color-prettylights-syntax-constant-other-reference-link: #0a3069; -$color-prettylights-syntax-entity: #6639ba; -$color-prettylights-syntax-storage-modifier-import: #24292f; -$color-prettylights-syntax-entity-tag: #0550ae; -$color-prettylights-syntax-keyword: #cf222e; -$color-prettylights-syntax-string: #0a3069; -$color-prettylights-syntax-variable: #953800; -$color-prettylights-syntax-brackethighlighter-unmatched: #82071e; -$color-prettylights-syntax-brackethighlighter-angle: #57606a; -$color-prettylights-syntax-invalid-illegal-text: #f6f8fa; -$color-prettylights-syntax-invalid-illegal-bg: #82071e; -$color-prettylights-syntax-carriage-return-text: #f6f8fa; -$color-prettylights-syntax-carriage-return-bg: #cf222e; -$color-prettylights-syntax-string-regexp: #116329; -$color-prettylights-syntax-markup-list: #3b2300; -$color-prettylights-syntax-markup-heading: #0550ae; -$color-prettylights-syntax-markup-italic: #24292f; -$color-prettylights-syntax-markup-bold: #24292f; -$color-prettylights-syntax-markup-deleted-text: #82071e; -$color-prettylights-syntax-markup-deleted-bg: #ffebe9; -$color-prettylights-syntax-markup-inserted-text: #116329; -$color-prettylights-syntax-markup-inserted-bg: #dafbe1; -$color-prettylights-syntax-markup-changed-text: #953800; -$color-prettylights-syntax-markup-changed-bg: #ffd8b5; -$color-prettylights-syntax-markup-ignored-text: #eaeef2; -$color-prettylights-syntax-markup-ignored-bg: #0550ae; -$color-prettylights-syntax-meta-diff-range: #8250df; -$color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; -$color-scale-black: #1f2328; // Avoid using scales, use other functional tokens instead -$color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead -$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead -$color-scale-gray-0: #f6f8fa; // Avoid using scales, use other functional tokens instead -$color-scale-gray-1: #eaeef2; // Avoid using scales, use other functional tokens instead -$color-scale-gray-2: #d0d7de; // Avoid using scales, use other functional tokens instead -$color-scale-gray-3: #afb8c1; // Avoid using scales, use other functional tokens instead -$color-scale-gray-4: #8c959f; // Avoid using scales, use other functional tokens instead -$color-scale-gray-5: #6e7781; // Avoid using scales, use other functional tokens instead -$color-scale-gray-6: #57606a; // Avoid using scales, use other functional tokens instead -$color-scale-gray-7: #424a53; // Avoid using scales, use other functional tokens instead -$color-scale-gray-8: #32383f; // Avoid using scales, use other functional tokens instead -$color-scale-gray-9: #24292f; // Avoid using scales, use other functional tokens instead -$color-scale-blue-0: #ddf4ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-1: #b6e3ff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-2: #80ccff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-3: #54aeff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-4: #218bff; // Avoid using scales, use other functional tokens instead -$color-scale-blue-5: #0969da; // Avoid using scales, use other functional tokens instead -$color-scale-blue-6: #0550ae; // Avoid using scales, use other functional tokens instead -$color-scale-blue-7: #033d8b; // Avoid using scales, use other functional tokens instead -$color-scale-blue-8: #0a3069; // Avoid using scales, use other functional tokens instead -$color-scale-blue-9: #002155; // Avoid using scales, use other functional tokens instead -$color-scale-green-0: #dafbe1; // Avoid using scales, use other functional tokens instead -$color-scale-green-1: #aceebb; // Avoid using scales, use other functional tokens instead -$color-scale-green-2: #6fdd8b; // Avoid using scales, use other functional tokens instead -$color-scale-green-3: #4ac26b; // Avoid using scales, use other functional tokens instead -$color-scale-green-4: #2da44e; // Avoid using scales, use other functional tokens instead -$color-scale-green-5: #1a7f37; // Avoid using scales, use other functional tokens instead -$color-scale-green-6: #116329; // Avoid using scales, use other functional tokens instead -$color-scale-green-7: #044f1e; // Avoid using scales, use other functional tokens instead -$color-scale-green-8: #003d16; // Avoid using scales, use other functional tokens instead -$color-scale-green-9: #002d11; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-0: #fff8c5; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-1: #fae17d; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-2: #eac54f; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-3: #d4a72c; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-4: #bf8700; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-5: #9a6700; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-6: #7d4e00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-7: #633c01; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-8: #4d2d00; // Avoid using scales, use other functional tokens instead -$color-scale-yellow-9: #3b2300; // Avoid using scales, use other functional tokens instead -$color-scale-orange-0: #fff1e5; // Avoid using scales, use other functional tokens instead -$color-scale-orange-1: #ffd8b5; // Avoid using scales, use other functional tokens instead -$color-scale-orange-2: #ffb77c; // Avoid using scales, use other functional tokens instead -$color-scale-orange-3: #fb8f44; // Avoid using scales, use other functional tokens instead -$color-scale-orange-4: #e16f24; // Avoid using scales, use other functional tokens instead -$color-scale-orange-5: #bc4c00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-6: #953800; // Avoid using scales, use other functional tokens instead -$color-scale-orange-7: #762c00; // Avoid using scales, use other functional tokens instead -$color-scale-orange-8: #5c2200; // Avoid using scales, use other functional tokens instead -$color-scale-orange-9: #471700; // Avoid using scales, use other functional tokens instead -$color-scale-red-0: #ffebe9; // Avoid using scales, use other functional tokens instead -$color-scale-red-1: #ffcecb; // Avoid using scales, use other functional tokens instead -$color-scale-red-2: #ffaba8; // Avoid using scales, use other functional tokens instead -$color-scale-red-3: #ff8182; // Avoid using scales, use other functional tokens instead -$color-scale-red-4: #fa4549; // Avoid using scales, use other functional tokens instead -$color-scale-red-5: #cf222e; // Avoid using scales, use other functional tokens instead -$color-scale-red-6: #a40e26; // Avoid using scales, use other functional tokens instead -$color-scale-red-7: #82071e; // Avoid using scales, use other functional tokens instead -$color-scale-red-8: #660018; // Avoid using scales, use other functional tokens instead -$color-scale-red-9: #4c0014; // Avoid using scales, use other functional tokens instead -$color-scale-purple-0: #fbefff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-1: #ecd8ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-2: #d8b9ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-3: #c297ff; // Avoid using scales, use other functional tokens instead -$color-scale-purple-4: #a475f9; // Avoid using scales, use other functional tokens instead -$color-scale-purple-5: #8250df; // Avoid using scales, use other functional tokens instead -$color-scale-purple-6: #6639ba; // Avoid using scales, use other functional tokens instead -$color-scale-purple-7: #512a97; // Avoid using scales, use other functional tokens instead -$color-scale-purple-8: #3e1f79; // Avoid using scales, use other functional tokens instead -$color-scale-purple-9: #2e1461; // Avoid using scales, use other functional tokens instead -$color-scale-pink-0: #ffeff7; // Avoid using scales, use other functional tokens instead -$color-scale-pink-1: #ffd3eb; // Avoid using scales, use other functional tokens instead -$color-scale-pink-2: #ffadda; // Avoid using scales, use other functional tokens instead -$color-scale-pink-3: #ff80c8; // Avoid using scales, use other functional tokens instead -$color-scale-pink-4: #e85aad; // Avoid using scales, use other functional tokens instead -$color-scale-pink-5: #bf3989; // Avoid using scales, use other functional tokens instead -$color-scale-pink-6: #99286e; // Avoid using scales, use other functional tokens instead -$color-scale-pink-7: #772057; // Avoid using scales, use other functional tokens instead -$color-scale-pink-8: #611347; // Avoid using scales, use other functional tokens instead -$color-scale-pink-9: #4d0336; // Avoid using scales, use other functional tokens instead -$color-scale-coral-0: #fff0eb; // Avoid using scales, use other functional tokens instead -$color-scale-coral-1: #ffd6cc; // Avoid using scales, use other functional tokens instead -$color-scale-coral-2: #ffb4a1; // Avoid using scales, use other functional tokens instead -$color-scale-coral-3: #fd8c73; // Avoid using scales, use other functional tokens instead -$color-scale-coral-4: #ec6547; // Avoid using scales, use other functional tokens instead -$color-scale-coral-5: #c4432b; // Avoid using scales, use other functional tokens instead -$color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional tokens instead -$color-scale-coral-7: #801f0f; // Avoid using scales, use other functional tokens instead -$color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead -$color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead -$shadow-inset: inset 0px 1px 0px 0px #1f23280a; -$shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a; -$shadow-resting-small: 0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814; -$shadow-resting-medium: 0px 3px 6px 0px #424a531f; -$shadow-floating-small: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f; -$shadow-floating-medium: 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314; -$shadow-floating-large: 0px 40px 80px 0px #424a533d; -$shadow-floating-xlarge: 0px 56px 112px 0px #424a5352; diff --git a/dist/scss/functional/typography/typography.scss b/dist/scss/functional/typography/typography.scss deleted file mode 100644 index 77321a97a..000000000 --- a/dist/scss/functional/typography/typography.scss +++ /dev/null @@ -1,45 +0,0 @@ -$fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; -$fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; -$fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; -$text-display-lineBoxHeight: 3.5rem; -$text-display-size: 2.5rem; -$text-display-lineHeight: 1.4; -$text-display-weight: 500; -$text-display-shorthand: 500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports. -$text-title-size-large: 2rem; -$text-title-size-medium: 1.25rem; -$text-title-size-small: 1rem; -$text-title-lineHeight-large: 1.5; -$text-title-lineHeight-medium: 1.6; -$text-title-lineHeight-small: 1.5; -$text-title-weight-large: 600; -$text-title-weight-medium: 600; -$text-title-weight-small: 600; -$text-title-shorthand-large: 600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports. -$text-title-shorthand-medium: 600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition. -$text-title-shorthand-small: 600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Uses the same size as body (large) with a heavier weight of semibold (600). -$text-subtitle-size: 1.25rem; -$text-subtitle-lineHeight: 1.6; -$text-subtitle-weight: 400; -$text-subtitle-shorthand: 400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium). -$text-body-size-large: 1rem; -$text-body-size-medium: 0.875rem; -$text-body-size-small: 0.75rem; -$text-body-lineHeight-large: 1.5; -$text-body-lineHeight-medium: 1.4285; -$text-body-lineHeight-small: 1.6666; -$text-body-weight: 400; -$text-body-shorthand-large: 400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // User-generated content, markdown rendering. -$text-body-shorthand-medium: 400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Default UI font. Most commonly used for body text. -$text-body-shorthand-small: 400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px. -$text-caption-size: 0.75rem; -$text-caption-lineHeight: 1.3333; -$text-caption-weight: 400; -$text-caption-shorthand: 400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements. -$text-codeBlock-size: 0.8125rem; -$text-codeBlock-lineHeight: 1.5385; -$text-codeBlock-weight: 400; -$text-codeBlock-shorthand: 400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; // Default style for rendering code blocks. -$text-codeInline-size: 0.9285em; -$text-codeInline-weight: 400; -$text-codeInline-shorthand: 400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; // Inline code blocks using em units to inherit size from its parent. diff --git a/dist/scss/spacing/_normal.scss b/dist/scss/spacing/_normal.scss deleted file mode 100644 index 603ab6093..000000000 --- a/dist/scss/spacing/_normal.scss +++ /dev/null @@ -1,11 +0,0 @@ -@mixin primer-spacing-normal { - & { - --spacing-spacer-0: 0; - --spacing-spacer-1: 4px; - --spacing-spacer-2: 8px; - --spacing-spacer-3: 16px; - --spacing-spacer-4: 24px; - --spacing-spacer-5: 32px; - --spacing-spacer-6: 40px; - } -} diff --git a/dist/scss/typography/_normal.scss b/dist/scss/typography/_normal.scss deleted file mode 100644 index d9e2ae2c7..000000000 --- a/dist/scss/typography/_normal.scss +++ /dev/null @@ -1,15 +0,0 @@ -@mixin primer-typography-normal { - & { - --typography-font-size-0: 12px; - --typography-font-size-1: 14px; - --typography-font-size-2: 16px; - --typography-font-size-3: 20px; - --typography-font-size-4: 24px; - --typography-font-size-5: 32px; - --typography-font-size-6: 40px; - --typography-font-size-7: 48px; - --typography-line-height-condensed-ultra: 1; - --typography-line-height-condensed: 1.25; - --typography-line-height-default: 1.5; - } -} diff --git a/dist/ts/colors/index.ts b/dist/ts/colors/index.ts deleted file mode 100644 index 7e68ff64f..000000000 --- a/dist/ts/colors/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -import light from './light' -export default { light } \ No newline at end of file diff --git a/dist/ts/colors/light.ts b/dist/ts/colors/light.ts deleted file mode 100644 index ac549f5cf..000000000 --- a/dist/ts/colors/light.ts +++ /dev/null @@ -1,648 +0,0 @@ -export default { - "canvasDefaultTransparent": "rgba(255,255,255,0)", - "pageHeaderBg": "#f6f8fa", - "marketingIcon": { - "primary": "#218bff", - "secondary": "#54aeff" - }, - "diffBlob": { - "addition": { - "numText": "#1F2328", - "fg": "#1F2328", - "numBg": "#ccffd8", - "lineBg": "#e6ffec", - "wordBg": "#abf2bc" - }, - "deletion": { - "numText": "#1F2328", - "fg": "#1F2328", - "numBg": "#ffd7d5", - "lineBg": "#ffebe9", - "wordBg": "rgba(255,129,130,0.4)" - }, - "hunk": { - "numBg": "rgba(84,174,255,0.4)" - }, - "expander": { - "icon": "#656d76" - }, - "selectedLineHighlightMixBlendMode": "multiply" - }, - "diffstat": { - "deletionBorder": "rgba(31,35,40,0.15)", - "additionBorder": "rgba(31,35,40,0.15)", - "additionBg": "#c9f04d" - }, - "searchKeyword": { - "hl": "#fff8c5" - }, - "prettylights": { - "syntax": { - "comment": "#57606a", - "constant": "#0550ae", - "entity": "#6639ba", - "storageModifierImport": "#24292f", - "entityTag": "#116329", - "keyword": "#cf222e", - "string": "#0a3069", - "variable": "#953800", - "brackethighlighterUnmatched": "#82071e", - "invalidIllegalText": "#f6f8fa", - "invalidIllegalBg": "#82071e", - "carriageReturnText": "#f6f8fa", - "carriageReturnBg": "#cf222e", - "stringRegexp": "#116329", - "markupList": "#3b2300", - "markupHeading": "#0550ae", - "markupItalic": "#24292f", - "markupBold": "#24292f", - "markupDeletedText": "#82071e", - "markupDeletedBg": "#ffebe9", - "markupInsertedText": "#116329", - "markupInsertedBg": "#dafbe1", - "markupChangedText": "#953800", - "markupChangedBg": "#ffd8b5", - "markupIgnoredText": "#eaeef2", - "markupIgnoredBg": "#0550ae", - "metaDiffRange": "#8250df", - "brackethighlighterAngle": "#57606a", - "sublimelinterGutterMark": "#8c959f", - "constantOtherReferenceLink": "#0a3069" - } - }, - "codemirror": { - "text": "#1F2328", - "bg": "#ffffff", - "guttersBg": "#ffffff", - "guttermarkerText": "#ffffff", - "guttermarkerSubtleText": "#6e7781", - "linenumberText": "#656d76", - "cursor": "#1F2328", - "selectionBg": "rgba(84,174,255,0.4)", - "activelineBg": "rgba(234,238,242,0.5)", - "matchingbracketText": "#1F2328", - "linesBg": "#ffffff", - "syntax": { - "comment": "#24292f", - "constant": "#0550ae", - "entity": "#8250df", - "keyword": "#cf222e", - "storage": "#cf222e", - "string": "#0a3069", - "support": "#0550ae", - "variable": "#953800" - } - }, - "checks": { - "bg": "#24292f", - "runBorderWidth": "0px", - "containerBorderWidth": "0px", - "textPrimary": "#f6f8fa", - "textSecondary": "#8c959f", - "textLink": "#54aeff", - "btnIcon": "#afb8c1", - "btnHoverIcon": "#f6f8fa", - "btnHoverBg": "rgba(255,255,255,0.125)", - "inputText": "#eaeef2", - "inputPlaceholderText": "#8c959f", - "inputFocusText": "#8c959f", - "inputBg": "#32383f", - "inputShadow": "none", - "donutError": "#fa4549", - "donutPending": "#bf8700", - "donutSuccess": "#c9f04d", - "donutNeutral": "#afb8c1", - "dropdownText": "#afb8c1", - "dropdownBg": "#32383f", - "dropdownBorder": "#424a53", - "dropdownShadow": "rgba(31,35,40,0.3)", - "dropdownHoverText": "#f6f8fa", - "dropdownHoverBg": "#424a53", - "dropdownBtnHoverText": "#f6f8fa", - "dropdownBtnHoverBg": "#32383f", - "scrollbarThumbBg": "#57606a", - "headerLabelText": "#d0d7de", - "headerLabelOpenText": "#f6f8fa", - "headerBorder": "#32383f", - "headerIcon": "#8c959f", - "lineText": "#d0d7de", - "lineNumText": "rgba(140,149,159,0.75)", - "lineTimestampText": "#8c959f", - "lineHoverBg": "#32383f", - "lineSelectedBg": "rgba(33,139,255,0.15)", - "lineSelectedNumText": "#54aeff", - "lineDtFmText": "#24292f", - "lineDtFmBg": "#9a6700", - "gateBg": "rgba(125,78,0,0.15)", - "gateText": "#d0d7de", - "gateWaitingText": "#d4a72c", - "stepHeaderOpenBg": "#32383f", - "stepErrorText": "#ff8182", - "stepWarningText": "#d4a72c", - "loglineText": "#8c959f", - "loglineNumText": "rgba(140,149,159,0.75)", - "loglineDebugText": "#c297ff", - "loglineErrorText": "#d0d7de", - "loglineErrorNumText": "#ff8182", - "loglineErrorBg": "rgba(164,14,38,0.15)", - "loglineWarningText": "#d0d7de", - "loglineWarningNumText": "#d4a72c", - "loglineWarningBg": "rgba(125,78,0,0.15)", - "loglineCommandText": "#54aeff", - "loglineSectionText": "#4ac26b", - "ansi": { - "black": "#24292f", - "blackBright": "#32383f", - "white": "#d0d7de", - "whiteBright": "#d0d7de", - "gray": "#8c959f", - "red": "#ff8182", - "redBright": "#ffaba8", - "green": "#4ac26b", - "greenBright": "#6fdd8b", - "yellow": "#d4a72c", - "yellowBright": "#eac54f", - "blue": "#54aeff", - "blueBright": "#80ccff", - "magenta": "#c297ff", - "magentaBright": "#d8b9ff", - "cyan": "#76e3ea", - "cyanBright": "#b3f0ff" - } - }, - "project": { - "headerBg": "#24292f", - "sidebarBg": "#ffffff", - "gradientIn": "#ffffff", - "gradientOut": "rgba(255,255,255,0)" - }, - "mktg": { - "btn": { - "bg": "#1b1f23", - "shadow": { - "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset", - "focus": "rgb(0 0 0 / 15%) 0 0 0 4px", - "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)", - "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset" - } - } - }, - "control": { - "borderColor": { - "emphasis": "#858F99" - } - }, - "avatar": { - "bg": "#ffffff", - "border": "rgba(31,35,40,0.15)", - "stackFade": "#afb8c1", - "stackFadeMore": "#d0d7de", - "childShadow": "0 0 0 2px rgba(255,255,255,0.8)" - }, - "topicTag": { - "border": "rgba(0,0,0,0)" - }, - "counter": { - "border": "rgba(0,0,0,0)" - }, - "selectMenu": { - "backdropBorder": "rgba(0,0,0,0)", - "tapHighlight": "rgba(175,184,193,0.5)", - "tapFocusBg": "#b6e3ff" - }, - "overlay": { - "shadow": "0 1px 3px rgba(31,35,40,0.12), 0 8px 24px rgba(66,74,83,0.12)", - "backdrop": "rgba(140,149,159,0.2)" - }, - "header": { - "text": "rgba(255,255,255,0.7)", - "bg": "#24292f", - "divider": "#57606a", - "logo": "#ffffff" - }, - "headerSearch": { - "bg": "#24292f", - "border": "#57606a" - }, - "sidenav": { - "selectedBg": "#ffffff" - }, - "menu": { - "bgActive": "rgba(0,0,0,0)" - }, - "input": { - "disabledBg": "rgba(175,184,193,0.2)" - }, - "timeline": { - "badgeBg": "#eaeef2" - }, - "ansi": { - "black": "#24292f", - "blackBright": "#57606a", - "white": "#6e7781", - "whiteBright": "#8c959f", - "gray": "#6e7781", - "red": "#cf222e", - "redBright": "#a40e26", - "green": "#116329", - "greenBright": "#1a7f37", - "yellow": "#4d2d00", - "yellowBright": "#633c01", - "blue": "#0969da", - "blueBright": "#218bff", - "magenta": "#8250df", - "magentaBright": "#a475f9", - "cyan": "#1b7c83", - "cyanBright": "#3192aa" - }, - "btn": { - "text": "#24292f", - "bg": "#f6f8fa", - "border": "rgba(31,35,40,0.15)", - "shadow": "0 1px 0 rgba(31,35,40,0.04)", - "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)", - "hoverBg": "#f3f4f6", - "hoverBorder": "rgba(31,35,40,0.15)", - "activeBg": "hsla(220,14%,93%,1)", - "activeBorder": "rgba(31,35,40,0.15)", - "selectedBg": "hsla(220,14%,94%,1)", - "counterBg": "rgba(31,35,40,0.08)", - "primary": { - "text": "#ffffff", - "bg": "#08856C", - "border": "rgba(31,35,40,0.15)", - "shadow": "0 1px 0 rgba(31,35,40,0.1)", - "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", - "hoverBg": "#0A6351", - "hoverBorder": "rgba(31,35,40,0.15)", - "selectedBg": "hsla(168,82%,19%,1)", - "selectedShadow": "inset 0 1px 0 rgba(7,37,31,0.2)", - "disabledText": "rgba(255,255,255,0.8)", - "disabledBg": "#94d3a2", - "disabledBorder": "rgba(31,35,40,0.15)", - "icon": "rgba(255,255,255,0.8)", - "counterBg": "rgba(7,37,31,0.2)" - }, - "outline": { - "text": "#0969da", - "hoverText": "#ffffff", - "hoverBg": "#0969da", - "hoverBorder": "rgba(31,35,40,0.15)", - "hoverShadow": "0 1px 0 rgba(31,35,40,0.1)", - "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", - "hoverCounterBg": "rgba(255,255,255,0.2)", - "selectedText": "#ffffff", - "selectedBg": "hsla(212,92%,42%,1)", - "selectedBorder": "rgba(31,35,40,0.15)", - "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)", - "disabledText": "rgba(9,105,218,0.5)", - "disabledBg": "#f6f8fa", - "disabledCounterBg": "rgba(9,105,218,0.05)", - "counterBg": "#0969da1a", - "counterFg": "#0550ae", - "hoverCounterFg": "#ffffff", - "disabledCounterFg": "rgba(9,105,218,0.5)" - }, - "danger": { - "text": "#cf222e", - "hoverText": "#ffffff", - "hoverBg": "#a40e26", - "hoverBorder": "rgba(31,35,40,0.15)", - "hoverShadow": "0 1px 0 rgba(31,35,40,0.1)", - "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)", - "hoverCounterBg": "rgba(255,255,255,0.2)", - "selectedText": "#ffffff", - "selectedBg": "hsla(356,72%,44%,1)", - "selectedBorder": "rgba(31,35,40,0.15)", - "selectedShadow": "inset 0 1px 0 rgba(76,0,20,0.2)", - "disabledText": "rgba(207,34,46,0.5)", - "disabledBg": "#f6f8fa", - "disabledCounterBg": "rgba(207,34,46,0.05)", - "counterBg": "rgba(207,34,46,0.1)", - "icon": "#cf222e", - "hoverIcon": "#ffffff", - "counterFg": "#a40e26", - "hoverCounterFg": "#ffffff", - "disabledCounterFg": "rgba(207,34,46,0.5)" - }, - "inactive": { - "bg": "#eaeef2", - "text": "#57606a" - } - }, - "underlinenav": { - "icon": "#6e7781", - "borderHover": "rgba(175,184,193,0.2)" - }, - "actionListItem": { - "inlineDivider": "rgba(208,215,222,0.48)", - "default": { - "hoverBg": "rgba(208,215,222,0.32)", - "hoverBorder": "rgba(0,0,0,0)", - "activeBg": "rgba(208,215,222,0.48)", - "activeBorder": "rgba(0,0,0,0)", - "selectedBg": "rgba(208,215,222,0.24)" - }, - "danger": { - "hoverBg": "rgba(255,235,233,0.64)", - "activeBg": "#ffebe9", - "hoverText": "#d1242f" - } - }, - "switchTrack": { - "bg": "#eaeef2", - "hoverBg": "hsla(210,24%,90%,1)", - "activeBg": "hsla(210,24%,88%,1)", - "disabledBg": "#8c959f", - "fg": "#656d76", - "disabledFg": "#ffffff", - "border": "rgba(0,0,0,0)", - "checked": { - "bg": "#0969da", - "hoverBg": "#0860CA", - "activeBg": "#0757BA", - "fg": "#ffffff", - "disabledFg": "#ffffff", - "border": "rgba(0,0,0,0)" - } - }, - "switchKnob": { - "bg": "#ffffff", - "disabledBg": "#f6f8fa", - "border": "#858F99", - "checked": { - "bg": "#ffffff", - "disabledBg": "#f6f8fa", - "border": "#0969da" - } - }, - "segmentedControl": { - "bg": "#eaeef2", - "button": { - "bg": "#ffffff", - "hover": { - "bg": "rgba(175,184,193,0.2)" - }, - "active": { - "bg": "rgba(175,184,193,0.4)" - }, - "selected": { - "border": "#8c959f" - } - } - }, - "treeViewItem": { - "chevron": { - "hoverBg": "rgba(208,215,222,0.32)" - }, - "directory": { - "fill": "#54aeff" - } - }, - "fg": { - "default": "#1F2328", - "muted": "#656d76", - "subtle": "#6e7781", - "onEmphasis": "#ffffff" - }, - "canvas": { - "default": "#ffffff", - "overlay": "#ffffff", - "inset": "#f6f8fa", - "subtle": "#f6f8fa" - }, - "border": { - "default": "#d0d7de", - "muted": "hsla(210,18%,87%,1)", - "subtle": "rgba(31,35,40,0.15)" - }, - "shadow": { - "small": "0 1px 0 rgba(31,35,40,0.04)", - "medium": "0 3px 6px rgba(140,149,159,0.15)", - "large": "0 8px 24px rgba(140,149,159,0.2)", - "extraLarge": "0 12px 28px rgba(140,149,159,0.3)" - }, - "neutral": { - "emphasisPlus": "#24292f", - "emphasis": "#6e7781", - "muted": "rgba(175,184,193,0.2)", - "subtle": "rgba(234,238,242,0.5)" - }, - "accent": { - "fg": "#0969da", - "emphasis": "#0969da", - "muted": "rgba(84,174,255,0.4)", - "subtle": "#ddf4ff" - }, - "success": { - "fg": "#1a7f37", - "emphasis": "#c9f04d", - "muted": "rgba(74,194,107,0.4)", - "subtle": "#dafbe1" - }, - "attention": { - "fg": "#9a6700", - "emphasis": "#9a6700", - "muted": "rgba(212,167,44,0.4)", - "subtle": "#fff8c5" - }, - "severe": { - "fg": "#bc4c00", - "emphasis": "#bc4c00", - "muted": "rgba(251,143,68,0.4)", - "subtle": "#fff1e5" - }, - "danger": { - "fg": "#d1242f", - "emphasis": "#cf222e", - "muted": "rgba(255,129,130,0.4)", - "subtle": "#ffebe9" - }, - "open": { - "fg": "#1a7f37", - "emphasis": "#c9f04d", - "muted": "rgba(74,194,107,0.4)", - "subtle": "#dafbe1" - }, - "closed": { - "fg": "#d1242f", - "emphasis": "#cf222e", - "muted": "rgba(255,129,130,0.4)", - "subtle": "#ffebe9" - }, - "done": { - "fg": "#8250df", - "emphasis": "#8250df", - "muted": "rgba(194,151,255,0.4)", - "subtle": "#fbefff" - }, - "sponsors": { - "fg": "#bf3989", - "emphasis": "#bf3989", - "muted": "rgba(255,128,200,0.4)", - "subtle": "#ffeff7" - }, - "primer": { - "fg": { - "disabled": "#8c959f" - }, - "canvas": { - "backdrop": "rgba(31,35,40,0.5)", - "sticky": "rgba(255,255,255,0.95)" - }, - "border": { - "active": "#fd8c73", - "contrast": "rgba(31,35,40,0.1)" - }, - "shadow": { - "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)", - "inset": "inset 0 1px 0 rgba(208,215,222,0.2)" - } - }, - "scale": { - "prov": { - "neonGreen": "#c9f04d", - "green": [ - "#F3F8F6", - "#E1EEEA", - "#BBD9D0", - "#94C5B6", - "#59A991", - "#08856C", - "#0A6351", - "#0A4337", - "#09332B", - "#07251F" - ], - "gray": [ - "#F9FAFA", - "#F4F4F4", - "#EDEDED", - "#DDDDDD", - "#CCCCCC", - "#B4B4B4", - "#939393", - "#686868", - "#3C3C3C", - "#1F1E1E" - ], - "theme": { - "climate": "#C3EBE5", - "waste": "#D1DBEB", - "nature": "#E4F4C9", - "workers": "#FFB7B2", - "communities": "#FFDFC9" - } - }, - "black": "#1F2328", - "white": "#ffffff", - "gray": [ - "#f6f8fa", - "#eaeef2", - "#d0d7de", - "#afb8c1", - "#8c959f", - "#6e7781", - "#57606a", - "#424a53", - "#32383f", - "#24292f" - ], - "blue": [ - "#ddf4ff", - "#b6e3ff", - "#80ccff", - "#54aeff", - "#218bff", - "#0969da", - "#0550ae", - "#033d8b", - "#0a3069", - "#002155" - ], - "green": [ - "#dafbe1", - "#aceebb", - "#6fdd8b", - "#4ac26b", - "#2da44e", - "#1a7f37", - "#116329", - "#044f1e", - "#003d16", - "#002d11" - ], - "yellow": [ - "#fff8c5", - "#fae17d", - "#eac54f", - "#d4a72c", - "#bf8700", - "#9a6700", - "#7d4e00", - "#633c01", - "#4d2d00", - "#3b2300" - ], - "orange": [ - "#fff1e5", - "#ffd8b5", - "#ffb77c", - "#fb8f44", - "#e16f24", - "#bc4c00", - "#953800", - "#762c00", - "#5c2200", - "#471700" - ], - "red": [ - "#ffebe9", - "#ffcecb", - "#ffaba8", - "#ff8182", - "#fa4549", - "#cf222e", - "#a40e26", - "#82071e", - "#660018", - "#4c0014" - ], - "purple": [ - "#fbefff", - "#ecd8ff", - "#d8b9ff", - "#c297ff", - "#a475f9", - "#8250df", - "#6639ba", - "#512a97", - "#3e1f79", - "#2e1461" - ], - "pink": [ - "#ffeff7", - "#ffd3eb", - "#ffadda", - "#ff80c8", - "#e85aad", - "#bf3989", - "#99286e", - "#772057", - "#611347", - "#4d0336" - ], - "coral": [ - "#fff0eb", - "#ffd6cc", - "#ffb4a1", - "#fd8c73", - "#ec6547", - "#c4432b", - "#9e2f1c", - "#801f0f", - "#691105", - "#510901" - ] - } -} \ No newline at end of file diff --git a/dist/ts/index.ts b/dist/ts/index.ts deleted file mode 100644 index 7867c8959..000000000 --- a/dist/ts/index.ts +++ /dev/null @@ -1,4 +0,0 @@ -import colors from './colors' -import spacing from './spacing' -import typography from './typography' -export default { colors, spacing, typography } \ No newline at end of file diff --git a/dist/ts/spacing/index.ts b/dist/ts/spacing/index.ts deleted file mode 100644 index 5c8bcd0e0..000000000 --- a/dist/ts/spacing/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -import normal from './normal' -export default { normal } \ No newline at end of file diff --git a/dist/ts/spacing/normal.ts b/dist/ts/spacing/normal.ts deleted file mode 100644 index 2a063105b..000000000 --- a/dist/ts/spacing/normal.ts +++ /dev/null @@ -1,11 +0,0 @@ -export default { - "spacer": [ - "0", - "4px", - "8px", - "16px", - "24px", - "32px", - "40px" - ] -} \ No newline at end of file diff --git a/dist/ts/typography/index.ts b/dist/ts/typography/index.ts deleted file mode 100644 index 5c8bcd0e0..000000000 --- a/dist/ts/typography/index.ts +++ /dev/null @@ -1,2 +0,0 @@ -import normal from './normal' -export default { normal } \ No newline at end of file diff --git a/dist/ts/typography/normal.ts b/dist/ts/typography/normal.ts deleted file mode 100644 index c813872bd..000000000 --- a/dist/ts/typography/normal.ts +++ /dev/null @@ -1,17 +0,0 @@ -export default { - "fontSize": [ - "12px", - "14px", - "16px", - "20px", - "24px", - "32px", - "40px", - "48px" - ], - "lineHeight": { - "condensedUltra": 1, - "condensed": 1.25, - "default": 1.5 - } -} \ No newline at end of file