8000 Migrate to variables? · Issue #81 · doki-theme/doki-theme-github · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
Migrate to variables? #81
Open
Open
@nopeless

Description

@nopeless

Slightly related #73

GitHub is moving to a data-driven css structure, and I was able to get a handful of the root variables

:root {
  --ActionList-tree-depth: "";
  --actionListContent-paddingBlock: "0.375rem";
  --activate-sparkle-size: "";
  --AppHeader-bg: "";
  --avatar-bgColor: #ffffff1a;
  --avatar-borderColor: #ffffff26;
  --avatar-shadow: "0px 0px 0px 2px #0d1117";
  --avatar-size: "";
  --avatarStack-fade-bgColor-default: #3d444d;
  --avatarStack-fade-bgColor-muted: #2a313c;
  --background-alpha: "";
  --base-duration-0: "0ms";
  --base-duration-100: "100ms";
  --base-duration-1000: "1s";
  --base-duration-200: "200ms";
  --base-duration-300: "300ms";
  --base-duration-400: "400ms";
  --base-duration-50: "50ms";
  --base-duration-500: "500ms";
  --base-duration-600: "600ms";
  --base-duration-700: "700ms";
  --base-duration-800: "800ms";
  --base-duration-900: "900ms";
  --base-easing-easeIn: "cubic-bezier(0.7, 0.1, 0.75, 0.9)";
  --base-easing-easeInOut: "cubic-bezier(0.6, 0, 0.2, 1)";
  --base-easing-easeOut: "cubic-bezier(0.3, 0.8, 0.6, 1)";
  --base-easing-linear: "cubic-bezier(0, 0, 1, 1)";
  --base-size-112: "7rem";
  --base-size-12: "0.75rem";
  --base-size-128: "8rem";
  --base-size-16: "1rem";
  --base-size-2: "0.125rem";
  --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-4: "0.25rem";
  --base-size-40: "2.5rem";
  --base-size-44: "2.75rem";
  --base-size-48: "3rem";
  --base-size-6: "0.375rem";
  --base-size-64: "4rem";
  --base-size-8: "0.5rem";
  --base-size-80: "5rem";
  --base-size-96: "6rem";
  --base-text-weight-light: "300";
  --base-text-weight-medium: "500";
  --base-text-weight-normal: "400";
  --base-text-weight-semibold: "600";
  --bgColor-accent-emphasis: #1f6feb;
  --bgColor-accent-muted: #388bfd1a;
  --bgColor-attention-emphasis: #9e6a03;
  --bgColor-attention-muted: #bb800926;
  --bgColor-black: #010409;
  --bgColor-closed-emphasis: #da3633;
  --bgColor-closed-muted: #f851491a;
  --bgColor-danger-emphasis: #da3633;
  --bgColor-danger-muted: #f851491a;
  --bgColor-default: #0d1117;
  --bgColor-disabled: #212830;
  --bgColor-done-emphasis: #8957e5;
  --bgColor-done-muted: #ab7df826;
  --bgColor-emphasis: #3d444d;
  --bgColor-inset: #010409;
  --bgColor-inverse: #ffffff;
  --bgColor-muted: #151b23;
  --bgColor-neutral-emphasis: #656c76;
  --bgColor-neutral-muted: #656c7633;
  --bgColor-open-emphasis: #238636;
  --bgColor-open-muted: #2ea04326;
  --bgColor-severe-emphasis: #bd561d;
  --bgColor-severe-muted: #db6d281a;
  --bgColor-sponsors-emphasis: #bf4b8a;
  --bgColor-sponsors-muted: #db61a21a;
  --bgColor-success-emphasis: #238636;
  --bgColor-success-muted: #2ea04326;
  --bgColor-transparent: #00000000;
  --bgColor-upsell-emphasis: #8957e5;
  --bgColor-upsell-muted: #ab7df826;
  --bgColor-white: #ffffff;
  --blame-segments-count: "1";
  --blame-single-blame-height-narrow: "41px";
  --blame-virt-total-size: "";
  --blankslate-outer-padding-block: "";
  --blankslate-outer-padding-inline: "";
  --body-font-size: "0.875rem";
  --border-accent-emphasis: "0.0625rem solid #1f6feb";
  --border-accent-muted: "0.0625rem solid #388bfd66";
  --border-alpha: "";
  --border-attention-emphasis: "0.0625rem solid #9e6a03";
  --border-attention-muted: "0.0625rem solid #bb800966";
  --border-closed-emphasis: "0.0625rem solid #da3633";
  --border-closed-muted: "0.0625rem solid #f8514966";
  --border-danger-emphasis: "0.0625rem solid #da3633";
  --border-danger-muted: "0.0625rem solid #f8514966";
  --border-default: "0.0625rem solid #3d444d";
  --border-disabled: "0.0625rem solid #656c761a";
  --border-done-emphasis: "0.0625rem solid #8957e5";
  --border-done-muted: "0.0625rem solid #ab7df866";
  --border-emphasis: "0.0625rem solid #656c76";
  --border-muted: "0.0625rem solid #3d444db3";
  --border-neutral-emphasis: "0.0625rem solid #656c76";
  --border-neutral-muted: "0.0625rem solid #3d444db3";
  --border-open-emphasis: "0.0625rem solid #238636";
  --border-open-muted: "0.0625rem solid #2ea04366";
  --border-severe-emphasis: "0.0625rem solid #bd561d";
  --border-severe-muted: "0.0625rem solid #db6d2866";
  --border-sponsors-emphasis: "0.0625rem solid #bf4b8a";
  --border-sponsors-muted: "0.0625rem solid #db61a266";
  --border-success-emphasis: "0.0625rem solid #238636";
  --border-success-muted: "0.0625rem solid #2ea04366";
  --border-threshold: "";
  --border-transparent: "0.0625rem solid #00000000";
  --border-upsell-emphasis: "0.0625rem solid #8957e5";
  --border-upsell-muted: "0.0625rem solid #ab7df866";
  --borderColor-accent-emphasis: #1f6feb;
  --borderColor-accent-muted: #388bfd66;
  --borderColor-attention-emphasis: #9e6a03;
  --borderColor-attention-muted: #bb800966;
  --borderColor-closed-emphasis: #da3633;
  --borderColor-closed-muted: #f8514966;
  --borderColor-danger-emphasis: #da3633;
  --borderColor-danger-muted: #f8514966;
  --borderColor-default: #3d444d;
  --borderColor-disabled: #656c761a;
  --borderColor-done-emphasis: #8957e5;
  --borderColor-done-muted: #ab7df866;
  --borderColor-emphasis: #656c76;
  --borderColor-muted: #3d444db3;
  --borderColor-neutral-emphasis: #656c76;
  --borderColor-neutral-muted: #3d444db3;
  --borderColor-open-emphasis: #238636;
  --borderColor-open-muted: #2ea04366;
  --borderColor-severe-emphasis: #bd561d;
  --borderColor-severe-muted: #db6d2866;
  --borderColor-sponsors-emphasis: #bf4b8a;
  --borderColor-sponsors-muted: #db61a266;
  --borderColor-success-emphasis: #238636;
  --borderColor-success-muted: #2ea04366;
  --borderColor-translucent: #ffffff26;
  --borderColor-transparent: #00000000;
  --borderColor-upsell-emphasis: #8957e5;
  --borderColor-upsell-muted: #ab7df866;
  --borderRadius-default: "0.375rem";
  --borderRadius-full: "624.9375rem";
  --borderRadius-large: "0.75rem";
  --borderRadius-medium: "0.375rem";
  --borderRadius-small: "0.1875rem";
  --borderWidth-default: "0.0625rem";
  --borderWidth-thick: "0.125rem";
  --borderWidth-thicker: "0.25rem";
  --borderWidth-thin: "0.0625rem";
  --boxShadow-thick: "inset 0 0 0 0.125rem";
  --boxShadow-thicker: "inset 0 0 0 0.25rem";
  --boxShadow-thin: "inset 0 0 0 0.0625rem";
  --breakpoint-large: "63.25rem";
  --breakpoint-medium: "48rem";
  --breakpoint-small: "34rem";
  --breakpoint-xlarge: "80rem";
  --breakpoint-xsmall: "20rem";
  --breakpoint-xxlarge: "87.5rem";
  --button-danger-bgColor-active: #da3633;
  --button-danger-bgColor-disabled: #212830;
  --button-danger-bgColor-hover: #b62324;
  --button-danger-bgColor-rest: #212830;
  --button-danger-borderColor-active: #ffffff26;
  --button-danger-borderColor-hover: #ffffff26;
  --button-danger-borderColor-rest: #3d444d;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #f8514980;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-rest: #fa5e55;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-iconColor-rest: #fa5e55;
  --button-danger-shadow-selected: "0px 0px 0px 0px #000000";
  --button-default-bgColor-active: #2a313c;
  --button-default-bgColor-disabled: #212830;
  --button-default-bgColor-hover: #262c36;
  --button-default-bgColor-rest: #212830;
  --button-default-bgColor-selected: #2a313c;
  --button-default-borderColor-active: #3d444d;
  --button-default-borderColor-disabled: #656c761a;
  --button-default-borderColor-hover: #3d444d;
  --button-default-borderColor-rest: #3d444d;
  --button-default-fgColor-rest: #f0f6fc;
  --button-default-shadow-resting: "0px 0px 0px 0px #000000";
  --button-inactive-bgColor: #262c36;
  --button-inactive-fgColor: #9198a1;
  --button-invisible-bgColor-active: #656c7640;
  --button-invisible-bgColor-disabled: #00000000;
  --button-invisible-bgColor-hover: #656c7633;
  --button-invisible-bgColor-rest: #00000000;
  --button-invisible-borderColor-disabled: #00000000;
  --button-invisible-borderColor-hover: #00000000;
  --button-invisible-borderColor-rest: #00000000;
  --button-invisible-fgColor-active: #f0f6fc;
  --button-invisible-fgColor-disabled: #656c7699;
  --button-invisible-fgColor-hover: #f0f6fc;
  --button-invisible-fgColor-rest: #f0f6fc;
  --button-invisible-iconColor-disabled: #656c7699;
  --button-invisible-iconColor-hover: #9198a1;
  --button-invisible-iconColor-rest: #9198a1;
  --button-outline-bgColor-active: #0d419d;
  --button-outline-bgColor-disabled: #212830;
  --button-outline-bgColor-hover: #262c36;
  --button-outline-bgColor-rest: #f0f6fc;
  --button-outline-borderColor-active: #3d444d;
  --button-outline-borderColor-hover: #3d444d;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #4493f880;
  --button-outline-fgColor-hover: #58a6ff;
  --button-outline-fgColor-rest: #388bfd;
  --button-outline-shadow-selected: "0px 0px 0px 0px #000000";
  --button-primary-bgColor-active: #2e9a40;
  --button-primary-bgColor-disabled: #105823;
  --button-primary-bgColor-hover: #29903b;
  --button-primary-bgColor-rest: #238636;
  --button-primary-borderColor-active: #ffffff26;
  --button-primary-borderColor-disabled: #105823;
  --button-primary-borderColor-hover: #ffffff26;
  --button-primary-borderColor-rest: #ffffff26;
  --button-primary-fgColor-disabled: #ffffff66;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-iconColor-rest: #ffffff;
  --button-primary-shadow-selected: "0px 0px 0px 0px #000000";
  --button-star-iconColor: #e3b341;
  --buttonCounter-danger-bgColor-disabled: #da36330d;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-rest: #49020233;
  --buttonCounter-danger-fgColor-disabled: #f8514980;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-rest: #f85149;
  --buttonCounter-default-bgColor-rest: #2f3742;
  --buttonCounter-invisible-bgColor-rest: #656c7633;
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
  --buttonCounter-outline-bgColor-hover: #051d4d33;
  --buttonCounter-outline-bgColor-rest: #051d4d33;
  --buttonCounter-outline-fgColor-disabled: #4493f880;
  --buttonCounter-outline-fgColor-hover: #58a6ff;
  --buttonCounter-outline-fgColor-rest: #388bfd;
  --buttonCounter-primary-bgColor-rest: #04260f33;
  --card-bgColor: #151b23;
  --codeMirror-activeline-bgColor: #656c7633;
  --codeMirror-bgColor: #0d1117;
  --codeMirror-cursor-fgColor: #f0f6fc;
  --codeMirror-fgColor: #f0f6fc;
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
  --codeMirror-gutterMarker-fgColor-muted: #9198a1;
  --codeMirror-gutters-bgColor: #0d1117;
  --codeMirror-lineNumber-fgColor: #9198a1;
  --codeMirror-lines-bgColor: #0d1117;
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
  --codeMirror-selection-bgColor: #388bfd66;
  --codeMirror-syntax-fgColor-comment: #656c76;
  --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;
  --color-ansi-black-bright: #656c76;
  --color-ansi-black: #2f3742;
  --color-ansi-blue-bright: #79c0ff;
  --color-ansi-blue: #58a6ff;
  --color-ansi-cyan-bright: #56d4dd;
  --color-ansi-cyan: #39c5cf;
  --color-ansi-gray: #656c76;
  --color-ansi-green-bright: #56d364;
  --color-ansi-green: #3fb950;
  --color-ansi-magenta-bright: #d2a8ff;
  --color-ansi-magenta: #be8fff;
  --color-ansi-red-bright: #ffa198;
  --color-ansi-red: #ff7b72;
  --color-ansi-white-bright: #ffffff;
  --color-ansi-white: #f0f6fc;
  --color-ansi-yellow-bright: #e3b341;
  --color-ansi-yellow: #d29922;
  --color-bg-discussions-row-emoji-box: #57606a;
  --color-diff-blob-selected-line-highlight-mix-blend-mode: "screen";
  --color-marketing-icon-primary: #79c0ff;
  --color-marketing-icon-secondary: #1f6feb;
  --color-mktg-btn-shadow-outline: "rgba(255, 255, 255, 0.25) 0 0 0 1px inset";
  --color-notifications-row-bg: #151b23;
  --color-notifications-row-read-bg: #0d1117;
  --color-prettylights-syntax-brackethighlighter-angle: #9198a1;
  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
  --color-prettylights-syntax-carriage-return-bg: #b62324;
  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
  --color-prettylights-syntax-comment: #9198a1;
  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
  --color-prettylights-syntax-constant: #79c0ff;
  --color-prettylights-syntax-entity-tag: #7ee787;
  --color-prettylights-syntax-entity: #d2a8ff;
  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
  --color-prettylights-syntax-keyword: #ff7b72;
  --color-prettylights-syntax-markup-bold: #f0f6fc;
  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
  --color-prettylights-syntax-markup-deleted-bg: #67060c;
  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
  --color-prettylights-syntax-markup-heading: #1f6feb;
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
  --color-prettylights-syntax-markup-ignored-text: #f0f6fc;
  --color-prettylights-syntax-markup-inserted-bg: #033a16;
  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
  --color-prettylights-syntax-markup-italic: #f0f6fc;
  --color-prettylights-syntax-markup-list: #f2cc60;
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
  --color-prettylights-syntax-storage-modifier-import: #f0f6fc;
  --color-prettylights-syntax-string-regexp: #7ee787;
  --color-prettylights-syntax-string: #a5d6ff;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
  --color-prettylights-syntax-variable: #ffa657;
  --color-project-gradient-in: #161b22;
  --color-project-gradient-out: "rgba(22, 27, 34, 0)";
  --color-project-header-bg: #0d1117;
  --color-project-sidebar-bg: #161b22;
  --color-text-white: #ffffff;
  --color-user-mention-fg: #d29922;
  --color-workflow-card-bg: #151b23;
  --color-workflow-card-header-shadow: "rgba(27, 31, 35, 0.04)";
  --contribution-default-bgColor-0: #151b23;
  --contribution-default-bgColor-1: #033a16;
  --contribution-default-bgColor-2: #196c2e;
  --contribution-default-bgColor-3: #2ea043;
  --contribution-default-bgColor-4: #56d364;
  --contribution-default-borderColor-0: #0104090d;
  --contribution-default-borderColor-1: #0104090d;
  --contribution-default-borderColor-2: #0104090d;
  --contribution-default-borderColor-3: #0104090d;
  --contribution-default-borderColor-4: #0104090d;
  --contribution-halloween-bgColor-1: #fac68f;
  --contribution-halloween-bgColor-2: #c46212;
  --contribution-halloween-bgColor-3: #984b10;
  --contribution-halloween-bgColor-4: #e3d04f;
  --contribution-winter-bgColor-1: #0c2d6b;
  --contribution-winter-bgColor-2: #1158c7;
  --contribution-winter-bgColor-3: #58a6ff;
  --contribution-winter-bgColor-4: #cae8ff;
  --control-bgColor-active: #2a313c;
  --control-bgColor-disabled: #212830;
  --control-bgColor-hover: #262c36;
  --control-bgColor-rest: #212830;
  --control-bgColor-selected: #212830;
  --control-borderColor-danger: #da3633;
  --control-borderColor-disabled: #656c761a;
  --control-borderColor-emphasis: #656c76;
  --control-borderColor-rest: #3d444d;
  --control-borderColor-selected: #f0f6fc;
  --control-borderColor-success: #238636;
  --control-borderColor-warning: #9e6a03;
  --control-checked-bgColor-active: #3685f3;
  --control-checked-bgColor-disabled: #656c7699;
  --control-checked-bgColor-hover: #2a7aef;
  --control-checked-bgColor-rest: #1f6feb;
  --control-checked-borderColor-active: #3685f3;
  --control-checked-borderColor-disabled: #656c7699;
  --control-checked-borderColor-hover: #2a7aef;
  --control-checked-borderColor-rest: #1f6feb;
  --control-checked-fgColor-disabled: #010409;
  --control-checked-fgColor-rest: #ffffff;
  --control-danger-bgColor-active: #f8514966;
  --control-danger-bgColor-hover: #f851491a;
  --control-danger-fgColor-hover: #ff7b72;
  --control-danger-fgColor-rest: #f85149;
  --control-fgColor-disabled: #656c7699;
  --control-fgColor-placeholder: #9198a1;
  --control-fgColor-rest: #f0f6fc;
  --control-iconColor-rest: #9198a1;
  --control-large-gap: "0.5rem";
  --control-large-lineBoxHeight: "1.25rem";
  --control-large-paddingBlock: "0.625rem";
  --control-large-paddingInline-normal: "0.75rem";
  --control-large-paddingInline-spacious: "1rem";
  --control-large-size: "2.5rem";
  --control-medium-gap: "0.5rem";
  --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-size: "2rem";
  --control-minTarget-coarse: "2.75rem";
  --control-minTarget-fine: "1rem";
  --control-small-gap: "0.25rem";
  --control-small-lineBoxHeight: "1.25rem";
  --control-small-paddingBlock: "0.25rem";
  --control-small-paddingInline-condensed: "0.5rem";
  --control-small-paddingInline-normal: "0.75rem";
  --control-small-size: "1.75rem";
  --control-transparent-bgColor-active: #656c7640;
  --control-transparent-bgColor-disabled: #212830;
  --control-transparent-bgColor-hover: #656c7633;
  --control-transparent-bgColor-rest: #00000000;
  --control-transparent-bgColor-selected: #656c761a;
  --control-transparent-borderColor-active: #00000000;
  --control-transparent-borderColor-hover: #00000000;
  --control-transparent-borderColor-rest: #00000000;
  --control-xlarge-gap: "0.5rem";
  --control-xlarge-lineBoxHeight: "1.25rem";
  --control-xlarge-paddingBlock: "0.875rem";
  --control-xlarge-paddingInline-normal: "0.75rem";
  --control-xlarge-paddingInline-spacious: "1rem";
  --control-xlarge-size: "3rem";
  --control-xsmall-gap: "0.25rem";
  --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-size: "1.5rem";
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-bgColor-disabled: #212830;
  --controlKnob-bgColor-rest: #010409;
  --controlKnob-borderColor-checked: #1f6feb;
  --controlKnob-borderColor-disabled: #212830;
  --controlKnob-borderColor-rest: #656c76;
  --controlStack-large-gap-auto: "0.5rem";
  --controlStack-large-gap-condensed: "0.5rem";
  --controlStack-large-gap-spacious: "0.75rem";
  --controlStack-medium-gap-condensed: "0.5rem";
  --controlStack-medium-gap-spacious: "0.75rem";
  --controlStack-small-gap-condensed: "0.5rem";
  --controlStack-small-gap-spacious: "1rem";
  --controlTrack-bgColor-active: #2f3742;
  --controlTrack-bgColor-disabled: #656c7699;
  --controlTrack-bgColor-hover: #2a313c;
  --controlTrack-bgColor-rest: #262c36;
  --controlTrack-borderColor-disabled: #656c7699;
  --controlTrack-borderColor-rest: #3d444d;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-fgColor-rest: #9198a1;
  --counter-bgColor-emphasis: #656c76;
  --counter-bgColor-muted: #656c7633;
  --counter-borderColor: #00000000;
  --data-auburn-color-emphasis: #a86f6b;
  --data-auburn-color-muted: #271817;
  --data-blue-color-emphasis: #0576ff;
  --data-blue-color-muted: #001a47;
  --data-brown-color-emphasis: #94774c;
  --data-brown-color-muted: #241c14;
  --data-coral-color-emphasis: #e1430e;
  --data-coral-color-muted: #351008;
  --data-gray-color-emphasis: #576270;
  --data-gray-color-muted: #1c1c1c;
  --data-green-color-emphasis: #2f6f37;
  --data-green-color-muted: #122117;
  --data-lemon-color-emphasis: #977b0c;
  --data-lemon-color-muted: #291d00;
  --data-lime-color-emphasis: #5f892f;
  --data-lime-color-muted: #141f0f;
  --data-olive-color-emphasis: #7a8321;
  --data-olive-color-muted: #171e0b;
  --data-orange-color-emphasis: #984b10;
  --data-orange-color-muted: #311708;
  --data-pine-color-emphasis: #18915e;
  --data-pine-color-muted: #082119;
  --data-pink-color-emphasis: #d34591;
  --data-pink-color-muted: #2d1524;
  --data-plum-color-emphasis: #b643ef;
  --data-plum-color-muted: #2a0e3f;
  --data-purple-color-emphasis: #975bf1;
  --data-purple-color-muted: #211047;
  --data-red-color-emphasis: #eb3342;
  --data-red-color-muted: #3c0614;
  --data-teal-color-emphasis: #106c70;
  --data-teal-color-muted: #041f25;
  --data-yellow-color-emphasis: #895906;
  --data-yellow-color-muted: #2e1a00;
  --diff-action-bar-position: "0";
  --diff-line-height: "24px";
  --diff-line-minimum-height: "24px";
  --diffBlob-additionLine-bgColor: #2ea04326;
  --diffBlob-additionLine-fgColor: #f0f6fc;
  --diffBlob-additionNum-bgColor: #3fb9504d;
  --diffBlob-additionNum-fgColor: #f0f6fc;
  --diffBlob-additionWord-bgColor: #2ea04366;
  --diffBlob-additionWord-fgColor: #f0f6fc;
  --diffBlob-deletionLine-bgColor: #f851491a;
  --diffBlob-deletionLine-fgColor: #f0f6fc;
  --diffBlob-deletionNum-bgColor: #f851494d;
  --diffBlob-deletionNum-fgColor: #f0f6fc;
  --diffBlob-deletionWord-bgColor: #f8514966;
  --diffBlob-deletionWord-fgColor: #f0f6fc;
  --diffBlob-emptyLine-bgColor: #151b23;
  --diffBlob-emptyNum-bgColor: #151b23;
  --diffBlob-expander-iconColor: #9198a1;
  --diffBlob-hunkLine-bgColor: #388bfd1a;
  --diffBlob-hunkLine-fgColor: #9198a1;
  --diffBlob-hunkNum-bgColor-hover: #1f6feb;
  --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
  --diffBlob-hunkNum-fgColor-hover: #ffffff;
  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
  --display-auburn-bgColor-emphasis: #87534f;
  --display-auburn-bgColor-muted: #271817;
  --display-auburn-borderColor-emphasis: #a86f6b;
  --display-auburn-borderColor-muted: #3a2422;
  --display-auburn-fgColor: #bf9592;
  --display-auburn-scale-0: #271817;
  --display-auburn-scale-1: #3a2422;
  --display-auburn-scale-2: #543331;
  --display-auburn-scale-3: #6d4340;
  --display-auburn-scale-4: #87534f;
  --display-auburn-scale-5: #a86f6b;
  --display-auburn-scale-6: #bf9592;
  --display-auburn-scale-7: #c6a19f;
  --display-auburn-scale-8: #d4b7b5;
  --display-auburn-scale-9: #dfcac8;
  --display-blue-bgColor-emphasis: #005bd1;
  --display-blue-bgColor-muted: #001a47;
  --display-blue-borderColor-emphasis: #0576ff;
  --display-blue-borderColor-muted: #002766;
  --display-blue-fgColor: #4da0ff;
  --display-blue-scale-0: #001a47;
  --display-blue-scale-1: #002766;
  --display-blue-scale-2: #00378a;
  --display-blue-scale-3: #0046a8;
  --display-blue-scale-4: #005bd1;
  --display-blue-scale-5: #0576ff;
  --display-blue-scale-6: #4da0ff;
  --display-blue-scale-7: #61adff;
  --display-blue-scale-8: #85c2ff;
  --display-blue-scale-9: #a3d3ff;
  --display-brown-bgColor-emphasis: #755e3e;
  --display-brown-bgColor-muted: #241c14;
  --display-brown-borderColor-emphasis: #94774c;
  --display-brown-borderColor-muted: #342a1d;
  --display-brown-fgColor: #b69a6d;
  --display-brown-scale-0: #241c14;
  --display-brown-scale-1: #342a1d;
  --display-brown-scale-2: #483a28;
  --display-brown-scale-3: #5d4a32;
  --display-brown-scale-4: #755e3e;
  --display-brown-scale-5: #94774c;
  --display-brown-scale-6: #b69a6d;
  --display-brown-scale-7: #bfa77d;
  --display-brown-scale-8: #cdbb98;
  --display-brown-scale-9: #dbceb3;
  --display-coral-bgColor-emphasis: #c31328;
  --display-coral-bgColor-muted: #3c0614;
  --display-coral-borderColor-emphasis: #eb3342;
  --display-coral-borderColor-muted: #58091a;
  --display-coral-fgColor: #f27d83;
  --display-coral-scale-0: #351008;
  --display-coral-scale-1: #51180b;
  --display-coral-scale-2: #72220d;
  --display-coral-scale-3: #902a0e;
  --display-coral-scale-4: #b3350f;
  --display-coral-scale-5: #e1430e;
  --display-coral-scale-6: #f7794b;
  --display-coral-scale-7: #fa8c61;
  --display-coral-scale-8: #fdaa86;
  --display-coral-scale-9: #ffc0a3;
  --display-cyan-bgColor-emphasis: #036a8c;
  --display-cyan-bgColor-muted: #001f29;
  --display-cyan-borderColor-emphasis: #0587b3;
  --display-cyan-borderColor-muted: #002e3d;
  --display-cyan-fgColor: #07ace4;
  --display-cyan-scale-0: #001f29;
  --display-cyan-scale-1: #002e3d;
  --display-cyan-scale-2: #014156;
  --display-cyan-scale-3: #02536f;
  --display-cyan-scale-4: #036a8c;
  --display-cyan-scale-5: #0587b3;
  --display-cyan-scale-6: #07ace4;
  --display-cyan-scale-7: #09b7f1;
  --display-cyan-scale-8: #45cbf7;
  --display-cyan-scale-9: #80dbf9;
  --display-gray-bgColor-emphasis: #576270;
  --display-gray-bgColor-muted: #1c1c1c;
  --display-gray-borderColor-emphasis: #6e7f96;
  --display-gray-borderColor-muted: #2a2b2d;
  --display-gray-fgColor: #92a1b5;
  --display-gray-scale-0: #1c1c1c;
  --display-gray-scale-1: #2a2b2d;
  --display-gray-scale-2: #393d41;
  --display-gray-scale-3: #474e57;
  --display-gray-scale-4: #576270;
  --display-gray-scale-5: #6e7f96;
  --display-gray-scale-6: #92a1b5;
  --display-gray-scale-7: #9babbf;
  --display-gray-scale-8: #b3c0d1;
  --display-gray-scale-9: #c4cfde;
  --display-green-bgColor-emphasis: #2f6f37;
  --display-green-bgColor-muted: #122117;
  --display-green-borderColor-emphasis: #388f3f;
  --display-green-borderColor-muted: #182f1f;
  --display-green-fgColor: #41b445;
  --display-green-scale-0: #122117;
  --display-green-scale-1: #182f1f;
  --display-green-scale-2: #214529;
  --display-green-scale-3: #285830;
  --display-green-scale-4: #2f6f37;
  --display-green-scale-5: #388f3f;
  --display-green-scale-6: #41b445;
  --display-green-scale-7: #46c144;
  --display-green-scale-8: #75d36f;
  --display-green-scale-9: #99e090;
  --display-indigo-bgColor-emphasis: #514ed4;
  --display-indigo-bgColor-muted: #1b183f;
  --display-indigo-borderColor-emphasis: #7070e1;
  --display-indigo-borderColor-muted: #25215f;
  --display-indigo-fgColor: #9899ec;
  --display-indigo-scale-0: #1b183f;
  --display-indigo-scale-1: #25215f;
  --display-indigo-scale-2: #312c90;
  --display-indigo-scale-3: #3935c0;
  --display-indigo-scale-4: #514ed4;
  --display-indigo-scale-5: #7070e1;
  --display-indigo-scale-6: #9899ec;
  --display-indigo-scale-7: #a2a5f1;
  --display-indigo-scale-8: #b7baf6;
  --display-indigo-scale-9: #c8cbf9;
  --display-lemon-bgColor-emphasis: #786008;
  --display-lemon-bgColor-muted: #291d00;
  --display-lemon-borderColor-emphasis: #977b0c;
  --display-lemon-borderColor-muted: #372901;
  --display-lemon-fgColor: #ba9b12;
  --display-lemon-scale-0: #291d00;
  --display-lemon-scale-1: #372901;
  --display-lemon-scale-2: #4f3c02;
  --display-lemon-scale-3: #614c05;
  --display-lemon-scale-4: #786008;
  --display-lemon-scale-5: #977b0c;
  --display-lemon-scale-6: #ba9b12;
  --display-lemon-scale-7: #c4a717;
  --display-lemon-scale-8: #d7bc1d;
  --display-lemon-scale-9: #e3d04f;
  --display-lime-bgColor-emphasis: #496c28;
  --display-lime-bgColor-muted: #141f0f;
  --display-lime-borderColor-emphasis: #5f892f;
  --display-lime-borderColor-muted: #1f3116;
  --display-lime-fgColor: #7dae37;
  --display-lime-scale-0: #141f0f;
  --display-lime-scale-1: #1f3116;
  --display-lime-scale-2: #2c441d;
  --display-lime-scale-3: #375421;
  --display-lime-scale-4: #496c28;
  --display-lime-scale-5: #5f892f;
  --display-lime-scale-6: #7dae37;
  --display-lime-scale-7: #89ba36;
  --display-lime-scale-8: #9fcc3e;
  --display-lime-scale-9: #bcda67;
  --display-olive-bgColor-emphasis: #5e681d;
  --display-olive-bgColor-muted: #171e0b;
  --display-olive-borderColor-emphasis: #7a8321;
  --display-olive-borderColor-muted: #252d10;
  --display-olive-fgColor: #a2a626;
  --display-olive-scale-0: #171e0b;
  --display-olive-scale-1: #252d10;
  --display-olive-scale-2: #374115;
  --display-olive-scale-3: #485219;
  --display-olive-scale-4: #5e681d;
  --display-olive-scale-5: #7a8321;
  --display-olive-scale-6: #a2a626;
  --display-olive-scale-7: #b2af24;
  --display-olive-scale-8: #cbc025;
  --display-olive-scale-9: #e2d04b;
  --display-orange-bgColor-emphasis: #984b10;
  --display-orange-bgColor-muted: #311708;
  --display-orange-borderColor-emphasis: #c46212;
  --display-orange-borderColor-muted: #43200a;
  --display-orange-fgColor: #ed8326;
  --display-orange-scale-0: #311708;
  --display-orange-scale-1: #43200a;
  --display-orange-scale-2: #632f0d;
  --display-orange-scale-3: #7b3c0e;
  --display-orange-scale-4: #984b10;
  --display-orange-scale-5: #c46212;
  --display-orange-scale-6: #ed8326;
  --display-orange-scale-7: #f1933b;
  --display-orange-scale-8: #f6b06a;
  --display-orange-scale-9: #fac68f;
  --display-pine-bgColor-emphasis: #14714c;
  --display-pine-bgColor-muted: #082119;
  --display-pine-borderColor-emphasis: #18915e;
  --display-pine-borderColor-muted: #0b3224;
  --display-pine-fgColor: #1bb673;
  --display-pine-scale-0: #082119;
  --display-pine-scale-1: #0b3224;
  --display-pine-scale-2: #0e4430;
  --display-pine-scale-3: #115a3e;
  --display-pine-scale-4: #14714c;
  --display-pine-scale-5: #18915e;
  --display-pine-scale-6: #1bb673;
  --display-pine-scale-7: #1ac176;
  --display-pine-scale-8: #1bda81;
  --display-pine-scale-9: #3eea97;
  --display-pink-bgColor-emphasis: #ac2f74;
  --display-pink-bgColor-muted: #2d1524;
  --display-pink-borderColor-emphasis: #d34591;
  --display-pink-borderColor-muted: #451c35;
  --display-pink-fgColor: #e57bb2;
  --display-pink-scale-0: #2d1524;
  --display-pink-scale-1: #451c35;
  --display-pink-scale-2: #65244a;
  --display-pink-scale-3: #842a5d;
  --display-pink-scale-4: #ac2f74;
  --display-pink-scale-5: #d34591;
  --display-pink-scale-6: #e57bb2;
  --display-pink-scale-7: #ec8dbd;
  --display-pink-scale-8: #f4a9cd;
  --display-pink-scale-9: #f9bed9;
  --display-plum-bgColor-emphasis: #9518d8;
  --display-plum-bgColor-muted: #2a0e3f;
  --display-plum-borderColor-emphasis: #b643ef;
  --display-plum-borderColor-muted: #40125e;
  --display-plum-fgColor: #d07ef7;
  --display-plum-scale-0: #2a0e3f;
  --display-plum-scale-1: #40125e;
  --display-plum-scale-2: #5c1688;
  --display-plum-scale-3: #7517ab;
  --display-plum-scale-4: #9518d8;
  --display-plum-scale-5: #b643ef;
  --display-plum-scale-6: #d07ef7;
  --display-plum-scale-7: #d889fa;
  --display-plum-scale-8: #e4a5fd;
  --display-plum-scale-9: #edbdff;
  --display-purple-bgColor-emphasis: #7730e8;
  --display-purple-bgColor-muted: #211047;
  --display-purple-borderColor-emphasis: #975bf1;
  --display-purple-borderColor-muted: #31146b;
  --display-purple-fgColor: #b687f7;
  --display-purple-scale-0: #211047;
  --display-purple-scale-1: #31146b;
  --display-purple-scale-2: #481a9e;
  --display-purple-scale-3: #5b1cca;
  --display-purple-scale-4: #7730e8;
  --display-purple-scale-5: #975bf1;
  --display-purple-scale-6: #b687f7;
  --display-purple-scale-7: #c398fb;
  --display-purple-scale-8: #d2affd;
  --display-purple-scale-9: #e1c7ff;
  --display-red-bgColor-emphasis: #c31328;
  --display-red-bgColor-muted: #3c0614;
  --display-red-borderColor-emphasis: #eb3342;
  --display-red-borderColor-muted: #58091a;
  --display-red-fgColor: #f27d83;
  --display-red-scale-0: #3c0614;
  --display-red-scale-1: #58091a;
  --display-red-scale-2: #790c20;
  --display-red-scale-3: #990f24;
  --display-red-scale-4: #c31328;
  --display-red-scale-5: #eb3342;
  --display-red-scale-6: #f27d83;
  --display-red-scale-7: #f48b8d;
  --display-red-scale-8: #f7adab;
  --display-red-scale-9: #f9c1be;
  --display-teal-bgColor-emphasis: #106c70;
  --display-teal-bgColor-muted: #041f25;
  --display-teal-borderColor-emphasis: #158a8a;
  --display-teal-borderColor-muted: #073036;
  --display-teal-fgColor: #1cb0ab;
  --display-teal-scale-0: #041f25;
  --display-teal-scale-1: #073036;
  --display-teal-scale-2: #0a464d;
  --display-teal-scale-3: #0c555a;
  --display-teal-scale-4: #106c70;
  --display-teal-scale-5: #158a8a;
  --display-teal-scale-6: #1cb0ab;
  --display-teal-scale-7: #1fbdb2;
  --display-teal-scale-8: #24d6c4;
  --display-teal-scale-9: #5fe3d1;
  --display-yellow-bgColor-emphasis: #895906;
  --display-yellow-bgColor-muted: #2e1a00;
  --display-yellow-borderColor-emphasis: #aa7109;
  --display-yellow-borderColor-muted: #3d2401;
  --display-yellow-fgColor: #d3910d;
  --display-yellow-scale-0: #2e1a00;
  --display-yellow-scale-1: #3d2401;
  --display-yellow-scale-2: #5a3702;
  --display-yellow-scale-3: #6d4403;
  --display-yellow-scale-4: #895906;
  --display-yellow-scale-5: #aa7109;
  --display-yellow-scale-6: #d3910d;
  --display-yellow-scale-7: #df9e11;
  --display-yellow-scale-8: #edb431;
  --display-yellow-scale-9: #f0ca6a;
  --duration-fast: "80ms";
  --easing-easeInOut: "cubic-bezier(0.65,0,0.35,1)";
  --fgColor-accent: #4493f8;
  --fgColor-attention: #d29922;
  --fgColor-black: #010409;
  --fgColor-closed: #f85149;
  --fgColor-danger: #f85149;
  --fgColor-default: #f0f6fc;
  --fgColor-disabled: #656c7699;
  --fgColor-done: #ab7df8;
  --fgColor-link: #4493f8;
  --fgColor-muted: #9198a1;
  --fgColor-neutral: #9198a1;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-onInverse: #010409;
  --fgColor-open: #3fb950;
  --fgColor-severe: #db6d28;
  --fgColor-sponsors: #db61a2;
  --fgColor-success: #3fb950;
  --fgColor-upsell: #ab7df8;
  --fgColor-white: #ffffff;
  --focus-outline: "2px solid #1f6feb";
  --focus-outlineColor: #1f6feb;
  --font-size-small: "0.75rem";
  --fontStack-monospace: "\"Monaspace Neon\", 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-sansSerifDisplay: "-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\"";
  --gap-color: "";
  --gap-size: "";
  --gap: "";
  --GlobalSidebar-width: "";
  --h0-size-mobile: "2rem";
  --h0-size: "2.5rem";
  --h00-size-mobile: "2.5rem";
  --h00-size: "3rem";
  --h1-size-mobile: "1.625rem";
  --h1-size: "2rem";
  --h2-size-mobile: "1.375rem";
  --h2-size: "1.5rem";
  --h3-size-mobile: "1.125rem";
  --h3-size: "1.25rem";
  --h4-size: "1rem";
  --h5-size: "0.875rem";
  --h6-size: "0.75rem";
  --header-bgColor: #151b23f2;
  --header-borderColor-divider: #656c76;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #f0f6fc;
  --header-height: "";
  --headerSearch-bgColor: #0d1117;
  --headerSearch-borderColor: #2a313c;
  --highlight-neutral-bgColor: #d2992266;
  --icon-backgroundColor: "";
  --icon-foregroundColor: "";
  --icon-gradient-end-color: "";
  --icon-gradient-start-color: "";
  --label-auburn-bgColor-active: #543331;
  --label-auburn-bgColor-hover: #3a2422;
  --label-auburn-bgColor-rest: #271817;
  --label-auburn-fgColor-active: #d4b7b5;
  --label-auburn-fgColor-hover: #c6a19f;
  --label-auburn-fgColor-rest: #bf9592;
  --label-blue-bgColor-active: #00378a;
  --label-blue-bgColor-hover: #002766;
  --label-blue-bgColor-rest: #001a47;
  --label-blue-fgColor-active: #85c2ff;
  --label-blue-fgColor-hover: #61adff;
  --label-blue-fgColor-rest: #4da0ff;
  --label-brown-bgColor-active: #483a28;
  --label-brown-bgColor-hover: #342a1d;
  --label-brown-bgColor-rest: #241c14;
  --label-brown-fgColor-active: #cdbb98;
  --label-brown-fgColor-hover: #bfa77d;
  --label-brown-fgColor-rest: #b69a6d;
  --label-coral-bgColor-active: #72220d;
  --label-coral-bgColor-hover: #51180b;
  --label-coral-bgColor-rest: #351008;
  --label-coral-fgColor-active: #fdaa86;
  --label-coral-fgColor-hover: #fa8c61;
  --label-coral-fgColor-rest: #f7794b;
  --label-cyan-bgColor-active: #014156;
  --label-cyan-bgColor-hover: #002e3d;
  --label-cyan-bgColor-rest: #001f29;
  --label-cyan-fgColor-active: #45cbf7;
  --label-cyan-fgColor-hover: #09b7f1;
  --label-cyan-fgColor-rest: #07ace4;
  --label-gray-bgColor-active: #393d41;
  --label-gray-bgColor-hover: #2a2b2d;
  --label-gray-bgColor-rest: #1c1c1c;
  --label-gray-fgColor-active: #b3c0d1;
  --label-gray-fgColor-hover: #9babbf;
  --label-gray-fgColor-rest: #92a1b5;
  --label-green-bgColor-active: #214529;
  --label-green-bgColor-hover: #182f1f;
  --label-green-bgColor-rest: #122117;
  --label-green-fgColor-active: #75d36f;
  --label-green-fgColor-hover: #46c144;
  --label-green-fgColor-rest: #41b445;
  --label-indigo-bgColor-active: #312c90;
  --label-indigo-bgColor-hover: #25215f;
  --label-indigo-bgColor-rest: #1b183f;
  --label-indigo-fgColor-active: #b7baf6;
  --label-indigo-fgColor-hover: #a2a5f1;
  --label-indigo-fgColor-rest: #9899ec;
  --label-lemon-bgColor-active: #4f3c02;
  --label-lemon-bgColor-hover: #372901;
  --label-lemon-bgColor-rest: #291d00;
  --label-lemon-fgColor-active: #d7bc1d;
  --label-lemon-fgColor-hover: #c4a717;
  --label-lemon-fgColor-rest: #ba9b12;
  --label-lime-bgColor-active: #2c441d;
  --label-lime-bgColor-hover: #1f3116;
  --label-lime-bgColor-rest: #141f0f;
  --label-lime-fgColor-active: #9fcc3e;
  --label-lime-fgColor-hover: #89ba36;
  --label-lime-fgColor-rest: #7dae37;
  --label-olive-bgColor-active: #374115;
  --label-olive-bgColor-hover: #252d10;
  --label-olive-bgColor-rest: #171e0b;
  --label-olive-fgColor-active: #cbc025;
  --label-olive-fgColor-hover: #b2af24;
  --label-olive-fgColor-rest: #a2a626;
  --label-orange-bgColor-active: #632f0d;
  --label-orange-bgColor-hover: #43200a;
  --label-orange-bgColor-rest: #311708;
  --label-orange-fgColor-active: #f6b06a;
  --label-orange-fgColor-hover: #f1933b;
  --label-orange-fgColor-rest: #ed8326;
  --label-pine-bgColor-active: #0e4430;
  --label-pine-bgColor-hover: #0b3224;
  --label-pine-bgColor-rest: #082119;
  --label-pine-fgColor-active: #1bda81;
  --label-pine-fgColor-hover: #1ac176;
  --label-pine-fgColor-rest: #1bb673;
  --label-pink-bgColor-active: #65244a;
  --label-pink-bgColor-hover: #451c35;
  --label-pink-bgColor-rest: #2d1524;
  --label-pink-fgColor-active: #f4a9cd;
  --label-pink-fgColor-hover: #ec8dbd;
  --label-pink-fgColor-rest: #e57bb2;
  --label-plum-bgColor-active: #5c1688;
  --label-plum-bgColor-hover: #40125e;
  --label-plum-bgColor-rest: #2a0e3f;
  --label-plum-fgColor-active: #e4a5fd;
  --label-plum-fgColor-hover: #d889fa;
  --label-plum-fgColor-rest: #d07ef7;
  --label-purple-bgColor-active: #481a9e;
  --label-purple-bgColor-hover: #31146b;
  --label-purple-bgColor-rest: #211047;
  --label-purple-fgColor-active: #d2affd;
  --label-purple-fgColor-hover: #c398fb;
  --label-purple-fgColor-rest: #b687f7;
  --label-red-bgColor-active: #790c20;
  --label-red-bgColor-hover: #58091a;
  --label-red-bgColor-rest: #3c0614;
  --label-red-fgColor-active: #f7adab;
  --label-red-fgColor-hover: #f48b8d;
  --label-red-fgColor-rest: #f27d83;
  --label-teal-bgColor-active: #0a464d;
  --label-teal-bgColor-hover: #073036;
  --label-teal-bgColor-rest: #041f25;
  --label-teal-fgColor-active: #24d6c4;
  --label-teal-fgColor-hover: #1fbdb2;
  --label-teal-fgColor-rest: #1cb0ab;
  --label-yellow-bgColor-active: #5a3702;
  --label-yellow-bgColor-hover: #3d2401;
  --label-yellow-bgColor-rest: #2e1a00;
  --label-yellow-fgColor-active: #edb431;
  --label-yellow-fgColor-hover: #df9e11;
  --label-yellow-fgColor-rest: #d3910d;
  --Layout-column-gap: "1rem";
  --Layout-content-width: "100%";
  --Layout-gutter: "";
  --Layout-inner-spacing-max: "0px";
  --Layout-inner-spacing-min: "0px";
  --Layout-outer-spacing-x: "0px";
  --Layout-outer-spacing-y: "0px";
  --Layout-pane-width: "220px";
  --Layout-row-gap: "1rem";
  --Layout-sidebar-width: "";
  --Layout-template-areas: "\"content pane\"";
  --Layout-template-columns: "1fr 220px";
  --lighten-by: "";
  --lightness-switch: "";
  --lightness-threshold: "";
  --line-number-cell-width-unified: "88px";
  --line-number-cell-width: "44px";
  --menu-bgColor-active: #151b23;
  --outline-focus-offset: "-0.125rem";
  --outline-focus-width: "0.125rem";
  --overlap-size: "";
  --overlay-backdrop-bgColor: #21283066;
  --overlay-bgColor: #010409;
  --overlay-borderColor: #3d444db3;
  --overlay-borderRadius: "0.375rem";
  --overlay-height-large: "27rem";
  --overlay-height-medium: "20rem";
  --overlay-height-small: "16rem";
  --overlay-height-xlarge: "37.5rem";
  --overlay-height: "";
  --overlay-offset: "0.25rem";
  --overlay-padding-condensed: "0.5rem";
  --overlay-padding-normal: "1rem";
  --overlay-paddingBlock-condensed: "0.25rem";
  --overlay-paddingBlock-normal: "0.75rem";
  --overlay-width-large: "40rem";
  --overlay-width-medium: "30rem";
  --overlay-width-small: "20rem";
  --overlay-width-xlarge: "60rem";
  --overlay-width-xsmall: "12rem";
  --overlay-width: "";
  --page-header-bgColor: #0d1117;
  --perceived-lightness: "";
  --pr-toolbar-sticky-header-height: "max(60px, 60px)";
  --radius-size: "";
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
  --reactionButton-selected-bgColor-rest: #388bfd33;
  --reactionButton-selected-fgColor-hover: #79c0ff;
  --reactionButton-selected-fgColor-rest: #4493f8;
  --segmentedControl-item-padding: "";
  --selection-bgColor: #1f6febb3;
  --selectMenu-bgColor-active: #0c2d6b;
  --selectMenu-borderColor: #3d444d;
  --shadow-floating-large: "0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409";
  --shadow-floating-legacy: "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966";
  --shadow-floating-medium: "0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966";
  --shadow-floating-small: "0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966";
  --shadow-floating-xlarge: "0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409";
  --shadow-inset: "inset 0px 1px 0px 0px #0104093d";
  --shadow-resting-medium: "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc";
  --shadow-resting-small: "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999";
  --shadow-resting-xsmall: "0px 1px 1px 0px #010409cc";
  --sideNav-bgColor-selected: #212830;
  --skeletonLoader-bgColor: #656c7633;
  --spinner-size-large: "4rem";
  --spinner-size-medium: "2rem";
  --spinner-size-small: "1rem";
  --spinner-strokeWidth-default: "0.125rem";
  --Stack-divider-color: "";
  --stack-gap-condensed: "0.5rem";
  --stack-gap-normal: "1rem";
  --stack-gap-spacious: "1.5rem";
  --Stack-gap-whenNarrow: "";
  --Stack-gap-whenRegular: "";
  --Stack-gap-whenWide: "";
  --stack-gap: "";
  --stack-padding-condensed: "0.5rem";
  --stack-padding-normal: "1rem";
  --stack-padding-spacious: "1.5rem";
  --stroke-color: "";
  --stroke-size: "";
  --text-body-lineHeight-large: "1.5";
  --text-body-lineHeight-medium: "1.4285";
  --text-body-lineHeight-small: "1.6666";
  --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\"";
  --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\"";
  --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\"";
  --text-body-size-large: "1rem";
  --text-body-size-medium: "0.875rem";
  --text-body-size-small: "0.75rem";
  --text-body-weight: "400";
  --text-caption-lineHeight: "1.3333";
  --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\"";
  --text-caption-size: "0.75rem";
  --text-caption-weight: "400";
  --text-codeBlock-lineHeight: "1.5385";
  --text-codeBlock-shorthand: "400 0.8125rem / 1.5385 \"Monaspace Neon\", ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace ";
  --text-codeBlock-size: "0.8125rem";
  --text-codeBlock-weight: "400";
  --text-codeInline-shorthand: "400 0.9285em \"Monaspace Neon\", ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace ";
  --text-codeInline-size: "0.9285em";
  --text-codeInline-weight: "400";
  --text-display-lineBoxHeight: "1.4";
  --text-display-lineHeight: "1.4";
  --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\"";
  --text-display-size: "2.5rem";
  --text-display-weight: "500";
  --text-subtitle-lineHeight: "1.6";
  --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\"";
  --text-subtitle-size: "1.25rem";
  --text-subtitle-weight: "400";
  --text-title-lineHeight-large: "1.5";
  --text-title-lineHeight-medium: "1.6";
  --text-title-lineHeight-small: "1.5";
  --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\"";
  --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\"";
  --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\"";
  --text-title-size-large: "2rem";
  --text-title-size-medium: "1.25rem";
  --text-title-size-small: "1rem";
  --text-title-weight-large: "600";
  --text-title-weight-medium: "600";
  --text-title-weight-small: "600";
  --timelineBadge-bgColor: #212830;
  --tooltip-bgColor: #3d444d;
  --tooltip-fgColor: #ffffff;
  --topicTag-borderColor: #00000000;
  --treeViewItem-leadingVisual-iconColor-rest: #9198a1;
  --underlineNav-borderColor-active: #f78166;
  --underlineNav-borderColor-hover: #3d444db3;
  --underlineNav-iconColor-rest: #9198a1;
  --wonder-green-3: "";
  --wonder-green-4: "";
}

using heruistic based regex ^\s*?(--(?:shadow|data|label|display|color|base|avatar).+)|^\s*?--(?:(?!#[a-f\d]{6,8}).)+$, which allows me to filter out css that isn't related to colors or hard coded colors

:root {
  --bgColor-accent-emphasis: #1f6feb;
  --bgColor-accent-muted: #388bfd1a;
  --bgColor-attention-emphasis: #9e6a03;
  --bgColor-attention-muted: #bb800926;
  --bgColor-black: #010409;
  --bgColor-closed-emphasis: #da3633;
  --bgColor-closed-muted: #f851491a;
  --bgColor-danger-emphasis: #da3633;
  --bgColor-danger-muted: #f851491a;
  --bgColor-default: #0d1117;
  --bgColor-disabled: #212830;
  --bgColor-done-emphasis: #8957e5;
  --bgColor-done-muted: #ab7df826;
  --bgColor-emphasis: #3d444d;
  --bgColor-inset: #010409;
  --bgColor-inverse: #ffffff;
  --bgColor-muted: #151b23;
  --bgColor-neutral-emphasis: #656c76;
  --bgColor-neutral-muted: #656c7633;
  --bgColor-open-emphasis: #238636;
  --bgColor-open-muted: #2ea04326;
  --bgColor-severe-emphasis: #bd561d;
  --bgColor-severe-muted: #db6d281a;
  --bgColor-sponsors-emphasis: #bf4b8a;
  --bgColor-sponsors-muted: #db61a21a;
  --bgColor-success-emphasis: #238636;
  --bgColor-success-muted: #2ea04326;
  --bgColor-transparent: #00000000;
  --bgColor-upsell-emphasis: #8957e5;
  --bgColor-upsell-muted: #ab7df826;
  --bgColor-white: #ffffff;
  --border-accent-emphasis: "0.0625rem solid #1f6feb";
  --border-accent-muted: "0.0625rem solid #388bfd66";
  --border-attention-emphasis: "0.0625rem solid #9e6a03";
  --border-attention-muted: "0.0625rem solid #bb800966";
  --border-closed-emphasis: "0.0625rem solid #da3633";
  --border-closed-muted: "0.0625rem solid #f8514966";
  --border-danger-emphasis: "0.0625rem solid #da3633";
  --border-danger-muted: "0.0625rem solid #f8514966";
  --border-default: "0.0625rem solid #3d444d";
  --border-disabled: "0.0625rem solid #656c761a";
  --border-done-emphasis: "0.0625rem solid #8957e5";
  --border-done-muted: "0.0625rem solid #ab7df866";
  --border-emphasis: "0.0625rem solid #656c76";
  --border-muted: "0.0625rem solid #3d444db3";
  --border-neutral-emphasis: "0.0625rem solid #656c76";
  --border-neutral-muted: "0.0625rem solid #3d444db3";
  --border-open-emphasis: "0.0625rem solid #238636";
  --border-open-muted: "0.0625rem solid #2ea04366";
  --border-severe-emphasis: "0.0625rem solid #bd561d";
  --border-severe-muted: "0.0625rem solid #db6d2866";
  --border-sponsors-emphasis: "0.0625rem solid #bf4b8a";
  --border-sponsors-muted: "0.0625rem solid #db61a266";
  --border-success-emphasis: "0.0625rem solid #238636";
  --border-success-muted: "0.0625rem solid #2ea04366";
  --border-transparent: "0.0625rem solid #00000000";
  --border-upsell-emphasis: "0.0625rem solid #8957e5";
  --border-upsell-muted: "0.0625rem solid #ab7df866";
  --borderColor-accent-emphasis: #1f6feb;
  --borderColor-accent-muted: #388bfd66;
  --borderColor-attention-emphasis: #9e6a03;
  --borderColor-attention-muted: #bb800966;
  --borderColor-closed-emphasis: #da3633;
  --borderColor-closed-muted: #f8514966;
  --borderColor-danger-emphasis: #da3633;
  --borderColor-danger-muted: #f8514966;
  --borderColor-default: #3d444d;
  --borderColor-disabled: #656c761a;
  --borderColor-done-emphasis: #8957e5;
  --borderColor-done-muted: #ab7df866;
  --borderColor-emphasis: #656c76;
  --borderColor-muted: #3d444db3;
  --borderColor-neutral-emphasis: #656c76;
  --borderColor-neutral-muted: #3d444db3;
  --borderColor-open-emphasis: #238636;
  --borderColor-open-muted: #2ea04366;
  --borderColor-severe-emphasis: #bd561d;
  --borderColor-severe-muted: #db6d2866;
  --borderColor-sponsors-emphasis: #bf4b8a;
  --borderColor-sponsors-muted: #db61a266;
  --borderColor-success-emphasis: #238636;
  --borderColor-success-muted: #2ea04366;
  --borderColor-translucent: #ffffff26;
  --borderColor-transparent: #00000000;
  --borderColor-upsell-emphasis: #8957e5;
  --borderColor-upsell-muted: #ab7df866;
  --button-danger-bgColor-active: #da3633;
  --button-danger-bgColor-disabled: #212830;
  --button-danger-bgColor-hover: #b62324;
  --button-danger-bgColor-rest: #212830;
  --button-danger-borderColor-active: #ffffff26;
  --button-danger-borderColor-hover: #ffffff26;
  --button-danger-borderColor-rest: #3d444d;
  --button-danger-fgColor-active: #ffffff;
  --button-danger-fgColor-disabled: #f8514980;
  --button-danger-fgColor-hover: #ffffff;
  --button-danger-fgColor-rest: #fa5e55;
  --button-danger-iconColor-hover: #ffffff;
  --button-danger-iconColor-rest: #fa5e55;
  --button-danger-shadow-selected: "0px 0px 0px 0px #000000";
  --button-default-bgColor-active: #2a313c;
  --button-default-bgColor-disabled: #212830;
  --button-default-bgColor-hover: #262c36;
  --button-default-bgColor-rest: #212830;
  --button-default-bgColor-selected: #2a313c;
  --button-default-borderColor-active: #3d444d;
  --button-default-borderColor-disabled: #656c761a;
  --button-default-borderColor-hover: #3d444d;
  --button-default-borderColor-rest: #3d444d;
  --button-default-fgColor-rest: #f0f6fc;
  --button-default-shadow-resting: "0px 0px 0px 0px #000000";
  --button-inactive-bgColor: #262c36;
  --button-inactive-fgColor: #9198a1;
  --button-invisible-bgColor-active: #656c7640;
  --button-invisible-bgColor-disabled: #00000000;
  --button-invisible-bgColor-hover: #656c7633;
  --button-invisible-bgColor-rest: #00000000;
  --button-invisible-borderColor-disabled: #00000000;
  --button-invisible-borderColor-hover: #00000000;
  --button-invisible-borderColor-rest: #00000000;
  --button-invisible-fgColor-active: #f0f6fc;
  --button-invisible-fgColor-disabled: #656c7699;
  --button-invisible-fgColor-hover: #f0f6fc;
  --button-invisible-fgColor-rest: #f0f6fc;
  --button-invisible-iconColor-disabled: #656c7699;
  --button-invisible-iconColor-hover: #9198a1;
  --button-invisible-iconColor-rest: #9198a1;
  --button-outline-bgColor-active: #0d419d;
  --button-outline-bgColor-disabled: #212830;
  --button-outline-bgColor-hover: #262c36;
  --button-outline-bgColor-rest: #f0f6fc;
  --button-outline-borderColor-active: #3d444d;
  --button-outline-borderColor-hover: #3d444d;
  --button-outline-fgColor-active: #ffffff;
  --button-outline-fgColor-disabled: #4493f880;
  --button-outline-fgColor-hover: #58a6ff;
  --button-outline-fgColor-rest: #388bfd;
  --button-outline-shadow-selected: "0px 0px 0px 0px #000000";
  --button-primary-bgColor-active: #2e9a40;
  --button-primary-bgColor-disabled: #105823;
  --button-primary-bgColor-hover: #29903b;
  --button-primary-bgColor-rest: #238636;
  --button-primary-borderColor-active: #ffffff26;
  --button-primary-borderColor-disabled: #105823;
  --button-primary-borderColor-hover: #ffffff26;
  --button-primary-borderColor-rest: #ffffff26;
  --button-primary-fgColor-disabled: #ffffff66;
  --button-primary-fgColor-rest: #ffffff;
  --button-primary-iconColor-rest: #ffffff;
  --button-primary-shadow-selected: "0px 0px 0px 0px #000000";
  --button-star-iconColor: #e3b341;
  --buttonCounter-danger-bgColor-disabled: #da36330d;
  --buttonCounter-danger-bgColor-hover: #ffffff33;
  --buttonCounter-danger-bgColor-rest: #49020233;
  --buttonCounter-danger-fgColor-disabled: #f8514980;
  --buttonCounter-danger-fgColor-hover: #ffffff;
  --buttonCounter-danger-fgColor-rest: #f85149;
  --buttonCounter-default-bgColor-rest: #2f3742;
  --buttonCounter-invisible-bgColor-rest: #656c7633;
  --buttonCounter-outline-bgColor-disabled: #1f6feb0d;
  --buttonCounter-outline-bgColor-hover: #051d4d33;
  --buttonCounter-outline-bgColor-rest: #051d4d33;
  --buttonCounter-outline-fgColor-disabled: #4493f880;
  --buttonCounter-outline-fgColor-hover: #58a6ff;
  --buttonCounter-outline-fgColor-rest: #388bfd;
  --buttonCounter-primary-bgColor-rest: #04260f33;
  --card-bgColor: #151b23;
  --codeMirror-activeline-bgColor: #656c7633;
  --codeMirror-bgColor: #0d1117;
  --codeMirror-cursor-fgColor: #f0f6fc;
  --codeMirror-fgColor: #f0f6fc;
  --codeMirror-gutterMarker-fgColor-default: #0d1117;
  --codeMirror-gutterMarker-fgColor-muted: #9198a1;
  --codeMirror-gutters-bgColor: #0d1117;
  --codeMirror-lineNumber-fgColor: #9198a1;
  --codeMirror-lines-bgColor: #0d1117;
  --codeMirror-matchingBracket-fgColor: #f0f6fc;
  --codeMirror-selection-bgColor: #388bfd66;
  --codeMirror-syntax-fgColor-comment: #656c76;
  --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;
  --contribution-default-bgColor-0: #151b23;
  --contribution-default-bgColor-1: #033a16;
  --contribution-default-bgColor-2: #196c2e;
  --contribution-default-bgColor-3: #2ea043;
  --contribution-default-bgColor-4: #56d364;
  --contribution-default-borderColor-0: #0104090d;
  --contribution-default-borderColor-1: #0104090d;
  --contribution-default-borderColor-2: #0104090d;
  --contribution-default-borderColor-3: #0104090d;
  --contribution-default-borderColor-4: #0104090d;
  --contribution-halloween-bgColor-1: #fac68f;
  --contribution-halloween-bgColor-2: #c46212;
  --contribution-halloween-bgColor-3: #984b10;
  --contribution-halloween-bgColor-4: #e3d04f;
  --contribution-winter-bgColor-1: #0c2d6b;
  --contribution-winter-bgColor-2: #1158c7;
  --contribution-winter-bgColor-3: #58a6ff;
  --contribution-winter-bgColor-4: #cae8ff;
  --control-bgColor-active: #2a313c;
  --control-bgColor-disabled: #212830;
  --control-bgColor-hover: #262c36;
  --control-bgColor-rest: #212830;
  --control-bgColor-selected: #212830;
  --control-borderColor-danger: #da3633;
  --control-borderColor-disabled: #656c761a;
  --control-borderColor-emphasis: #656c76;
  --control-borderColor-rest: #3d444d;
  --control-borderColor-selected: #f0f6fc;
  --control-borderColor-success: #238636;
  --control-borderColor-warning: #9e6a03;
  --control-checked-bgColor-active: #3685f3;
  --control-checked-bgColor-disabled: #656c7699;
  --control-checked-bgColor-hover: #2a7aef;
  --control-checked-bgColor-rest: #1f6feb;
  --control-checked-borderColor-active: #3685f3;
  --control-checked-borderColor-disabled: #656c7699;
  --control-checked-borderColor-hover: #2a7aef;
  --control-checked-borderColor-rest: #1f6feb;
  --control-checked-fgColor-disabled: #010409;
  --control-checked-fgColor-rest: #ffffff;
  --control-danger-bgColor-active: #f8514966;
  --control-danger-bgColor-hover: #f851491a;
  --control-danger-fgColor-hover: #ff7b72;
  --control-danger-fgColor-rest: #f85149;
  --control-fgColor-disabled: #656c7699;
  --control-fgColor-placeholder: #9198a1;
  --control-fgColor-rest: #f0f6fc;
  --control-iconColor-rest: #9198a1;
  --control-transparent-bgColor-active: #656c7640;
  --control-transparent-bgColor-disabled: #212830;
  --control-transparent-bgColor-hover: #656c7633;
  --control-transparent-bgColor-rest: #00000000;
  --control-transparent-bgColor-selected: #656c761a;
  --control-transparent-borderColor-active: #00000000;
  --control-transparent-borderColor-hover: #00000000;
  --control-transparent-borderColor-rest: #00000000;
  --controlKnob-bgColor-checked: #ffffff;
  --controlKnob-bgColor-disabled: #212830;
  --controlKnob-bgColor-rest: #010409;
  --controlKnob-borderColor-checked: #1f6feb;
  --controlKnob-borderColor-disabled: #212830;
  --controlKnob-borderColor-rest: #656c76;
  --controlTrack-bgColor-active: #2f3742;
  --controlTrack-bgColor-disabled: #656c7699;
  --controlTrack-bgColor-hover: #2a313c;
  --controlTrack-bgColor-rest: #262c36;
  --controlTrack-borderColor-disabled: #656c7699;
  --controlTrack-borderColor-rest: #3d444d;
  --controlTrack-fgColor-disabled: #ffffff;
  --controlTrack-fgColor-rest: #9198a1;
  --counter-bgColor-emphasis: #656c76;
  --counter-bgColor-muted: #656c7633;
  --counter-borderColor: #00000000;
  --diffBlob-additionLine-bgColor: #2ea04326;
  --diffBlob-additionLine-fgColor: #f0f6fc;
  --diffBlob-additionNum-bgColor: #3fb9504d;
  --diffBlob-additionNum-fgColor: #f0f6fc;
  --diffBlob-additionWord-bgColor: #2ea04366;
  --diffBlob-additionWord-fgColor: #f0f6fc;
  --diffBlob-deletionLine-bgColor: #f851491a;
  --diffBlob-deletionLine-fgColor: #f0f6fc;
  --diffBlob-deletionNum-bgColor: #f851494d;
  --diffBlob-deletionNum-fgColor: #f0f6fc;
  --diffBlob-deletionWord-bgColor: #f8514966;
  --diffBlob-deletionWord-fgColor: #f0f6fc;
  --diffBlob-emptyLine-bgColor: #151b23;
  --diffBlob-emptyNum-bgColor: #151b23;
  --diffBlob-expander-iconColor: #9198a1;
  --diffBlob-hunkLine-bgColor: #388bfd1a;
  --diffBlob-hunkLine-fgColor: #9198a1;
  --diffBlob-hunkNum-bgColor-hover: #1f6feb;
  --diffBlob-hunkNum-bgColor-rest: #0c2d6b;
  --diffBlob-hunkNum-fgColor-hover: #ffffff;
  --diffBlob-hunkNum-fgColor-rest: #f0f6fc;
  --fgColor-accent: #4493f8;
  --fgColor-attention: #d29922;
  --fgColor-black: #010409;
  --fgColor-closed: #f85149;
  --fgColor-danger: #f85149;
  --fgColor-default: #f0f6fc;
  --fgColor-disabled: #656c7699;
  --fgColor-done: #ab7df8;
  --fgColor-link: #4493f8;
  --fgColor-muted: #9198a1;
  --fgColor-neutral: #9198a1;
  --fgColor-onEmphasis: #ffffff;
  --fgColor-onInverse: #010409;
  --fgColor-open: #3fb950;
  --fgColor-severe: #db6d28;
  --fgColor-sponsors: #db61a2;
  --fgColor-success: #3fb950;
  --fgColor-upsell: #ab7df8;
  --fgColor-white: #ffffff;
  --focus-outline: "2px solid #1f6feb";
  --focus-outlineColor: #1f6feb;
  --header-bgColor: #151b23f2;
  --header-borderColor-divider: #656c76;
  --header-fgColor-default: #ffffffb3;
  --header-fgColor-logo: #f0f6fc;
  --headerSearch-bgColor: #0d1117;
  --headerSearch-borderColor: #2a313c;
  --highlight-neutral-bgColor: #d2992266;
  --menu-bgColor-active: #151b23;
  --overlay-backdrop-bgColor: #21283066;
  --overlay-bgColor: #010409;
  --overlay-borderColor: #3d444db3;
  --page-header-bgColor: #0d1117;
  --reactionButton-selected-bgColor-hover: #3a8cfd5c;
  --reactionButton-selected-bgColor-rest: #388bfd33;
  --reactionButton-selected-fgColor-hover: #79c0ff;
  --reactionButton-selected-fgColor-rest: #4493f8;
  --selection-bgColor: #1f6febb3;
  --selectMenu-bgColor-active: #0c2d6b;
  --selectMenu-borderColor: #3d444d;
  --sideNav-bgColor-selected: #212830;
  --skeletonLoader-bgColor: #656c7633;
  --timelineBadge-bgColor: #212830;
  --tooltip-bgColor: #3d444d;
  --tooltip-fgColor: #ffffff;
  --topicTag-borderColor: #00000000;
  --treeViewItem-leadingVisual-iconColor-rest: #9198a1;
  --underlineNav-borderColor-active: #f78166;
  --underlineNav-borderColor-hover: #3d444db3;
  --underlineNav-iconColor-rest: #9198a1;
}

reduces down to these colors

many of these colors are duplicates (if you have css color highlight plugin, this would be very obvious)

In dev tools, you can't access the source, but it is obvious that they used scss to generate these values and then (treeshaken?) stripped them down to only the variables used in prod

There are total of 330 color variables in the final codeblock and running a program to count uniques gives 60 (if you include alpha, its 95)

Unique colors found (excluding alpha): 60
Total colors (including alpha, ignoring duplicates): 95
#490202
#ffffff
#000000
#da3633
#f85149
#fa5e55
#ff7b72
#f78166
#bd561d
#db6d28
#984b10
#c46212
#ffa657
#fac68f
#9e6a03
#bb8009
#d29922
#e3b341
#e3d04f
#56d364
#3fb950
#2e9a40
#29903b
#2ea043
#238636
#196c2e
#105823
#04260f
#033a16
#cae8ff
#a5d6ff
#79c0ff
#f0f6fc
#58a6ff
#212830
#4493f8
#9198a1
#3d444d
#151b23
#388bfd
#2f3742
#3a8cfd
#3685f3
#656c76
#2a7aef
#0d1117
#1f6feb
#1158c7
#2a313c
#262c36
#010409
#0d419d
#0c2d6b
#051d4d
#8957e5
#ab7df8
#d2a8ff
#bf4b8a
#db61a2
#b62324

So the scope of this project would be to generate ~60 colors (may even be less if some colors are dependent of others), then inflate them using a permutation algorithm (or use scss to generate these, but I am not familiar with the tool enough to do that), then export them as root css variables.

I'm leaving this information for the future, I won't be doing this myself any time soon

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      0