@primer/primitives 7.11.2-rc.eb0be47 → 7.11.2-rc.ef1e802

package/tokens-next-private/css/functional/themes/dark-high-contrast.css

@@ -0,0 +1,604 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:32 GMT
+ */
+
+[data-color-mode="dark"][data-dark-theme="dark_high_contrast"],
+[data-color-mode="auto"][data-light-theme="dark_high_contrast"] {
+  --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: #26cd4d4d;
+  --diffBlob-addition-bgColor-line: #09b43a26;
+  --diffBlob-addition-bgColor-word: #09b43a;
+  --diffBlob-deletion-fgColor-text: #0a0c10;
+  --diffBlob-deletion-fgColor-num: #fbfcfd;
+  --diffBlob-deletion-bgColor-num: #ff6a694d;
+  --diffBlob-deletion-bgColor-line: #ff6a6926;
+  --diffBlob-deletion-bgColor-word: #ff6a69;
+  --diffBlob-hunk-bgColor-num: #409eff66;
+  --diffBlob-expander-iconColor: #fbfcfd;
+  --diffStat-addition-bgColor: #09b43a;
+  --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: #409eff66;
+  --codeMirror-activeline-bgColor: #9ea7b326;
+  --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: #0a0c10b3;
+  --header-fgColor-logo: #ffffff;
+  --header-fgColor-text: #ffffffb3;
+  --header-fgColor-borderColor: #bdc4cc;
+  --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: #272b33;
+  --control-bgColor-rest: #272b33;
+  --control-bgColor-hover: #383c45;
+  --control-bgColor-active: #484e57;
+  --control-bgColor-disabled: #7a828e;
+  --control-bgColor-selected: #525964;
+  --control-fgColor-rest: #f0f3f6;
+  --control-fgColor-placeholder: #7a828e;
+  --control-fgColor-disabled: #7a828e;
+  --control-borderColor-rest: #7a828e;
+  --control-borderColor-emphasis: #7a828e;
+  --control-borderColor-disabled: #7a828e;
+  --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: #ff6a69;
+  --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: #7a828e;
+  --control-checked-fgColor-rest: #0a0c10;
+  --control-checked-fgColor-disabled: #010409;
+  --control-checked-borderColor-rest: #409eff;
+  --control-checked-borderColor-hover: #00000000;
+  --control-checked-borderColor-active: #00000000;
+  --control-checked-borderColor-disabled: #7a828e;
+  --controlTrack-bgColor-rest: #272b33;
+  --controlTrack-bgColor-hover: #383c45;
+  --controlTrack-bgColor-active: #484e57;
+  --controlTrack-bgColor-disabled: #7a828e;
+  --controlTrack-fgColor-rest: #0a0c10;
+  --controlTrack-fgColor-disabled: #f0f3f6;
+  --controlTrack-borderColor-rest: #00000000;
+  --controlTrack-borderColor-disabled: #7a828e;
+  --controlKnob-bgColor-rest: #010409;
+  --controlKnob-bgColor-disabled: #7a828e;
+  --controlKnob-bgColor-checked: #ffffff;
+  --controlKnob-borderColor-rest: #7a828e;
+  --controlKnob-borderColor-disabled: #7a828e;
+  --controlKnob-borderColor-checked: #409eff;
+  --counter-borderColor: #00000000;
+  --button-default-fgColor-rest: #f0f3f6;
+  --button-default-bgColor-rest: #272b33;
+  --button-default-bgColor-hover: #383c45;
+  --button-default-bgColor-active: #484e57;
+  --button-default-bgColor-selected: #484e57;
+  --button-default-borderColor-rest: #7a828e;
+  --button-default-borderColor-hover: #7a828e;
+  --button-default-borderColor-active: #7a828e;
+  --button-default-shadow-resting: 0px 0px 0px 0px #000000;
+  --button-default-shadow-inset: 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: #0fb93e;
+  --button-primary-bgColor-active: #15be42;
+  --button-primary-bgColor-disabled: #6bdc84;
+  --button-primary-borderColor-rest: #4ae168;
+  --button-primary-borderColor-hover: #4ae168;
+  --button-primary-borderColor-disabled: #4ae16866;
+  --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
+  --button-invisible-fgColor-rest: #409eff;
+  --button-invisible-fgColor-disabled: #7a828e;
+  --button-invisible-bgColor-rest: #00000000;
+  --button-invisible-bgColor-hover: #272b33;
+  --button-invisible-bgColor-active: #525964;
+  --button-invisible-bgColor-disabled: #00000000;
+  --button-invisible-borderColor-rest: #00000000;
+  --button-invisible-borderColor-hover: #7a828e;
+  --button-outline-fgColor-rest: #409eff;
+  --button-outline-fgColor-hover: #409eff;
+  --button-outline-fgColor-active: #ffffff;
+  --button-outline-fgColor-disabled: #409eff80;
+  --button-outline-bgColor-rest: #ffffff;
+  --button-outline-bgColor-hover: #525964;
+  --button-outline-bgColor-active: #2672f3;
+  --button-outline-bgColor-disabled: #0a0c10;
+  --button-outline-borderColor-hover: #7a828e;
+  --button-outline-borderColor-selected: #7a828e;
+  --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
+  --button-danger-fgColor-rest: #ff6a69;
+  --button-danger-fgColor-hover: #ffffff;
+  --button-danger-fgColor-active: #ffffff;
+  --button-danger-fgColor-disabled: #ff6a6980;
+  --button-danger-iconColor-rest: #ff6a69;
+  --button-danger-iconColor-hover: #ffffff;
+  --button-danger-bgColor-rest: #272b33;
+  --button-danger-bgColor-hover: #ff4445;
+  --button-danger-bgColor-active: #ff5353;
+  --button-danger-bgColor-disabled: #272b33;
+  --button-danger-borderColor-rest: #7a828e;
+  --button-danger-borderColor-hover: #ff4445;
+  --button-danger-borderColor-active: #ff5353;
+  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+  --buttonCounter-default-bgColor-rest: #525964;
+  --buttonCounter-primary-bgColor-rest: #01040926;
+  --buttonCounter-outline-bgColor-rest: #409eff1a;
+  --buttonCounter-outline-bgColor-hover: #ffffff33;
+  --buttonCounter-outline-bgColor-disabled: #409eff0d;
+  --buttonCounter-danger-bgColor-hover: #01040926;
+  --buttonCounter-danger-bgColor-disabled: #ff6a690d;
+  --buttonCounter-danger-bgColor-rest: #01040926;
+  --focus-outlineColor: #409eff;
+  --menu-bgColor-active: #272b33;
+  --overlay-bgColor: #272b33;
+  --overlay-backdrop-bgColor: #d9dee333;
+  --selectMenu-borderColor: #7a828e;
+  --selectMenu-bgColor-active: #1e60d5;
+  --sideNav-bgColor-selected: #272b33;
+  --timelineBadge-bgColor: #272b33;
+  --treeViewItem-leadingVisual-bgColor-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: #7a828e;
+  --fgColor-link-rest: #409eff;
+  --fgColor-link-inverse-rest: #409eff;
+  --fgColor-link-control: #939ca8;
+  --fgColor-accent: #409eff;
+  --fgColor-success: #26cd4d;
+  --fgColor-attention: #f0b72f;
+  --fgColor-severe: #e7811d;
+  --fgColor-danger: #ff6a69;
+  --fgColor-open: #26cd4d;
+  --fgColor-closed: #ff6a69;
+  --fgColor-done: #b780ff;
+  --fgColor-sponsors: #ef6eb1;
+  --bgColor-default: #0a0c10;
+  --bgColor-muted: #272b33;
+  --bgColor-emphasis: #ffffff;
+  --bgColor-disabled: #7a828e;
+  --bgColor-neutral-muted: #9ea7b326;
+  --bgColor-neutral-emphasis: #9ea7b3;
+  --bgColor-accent-muted: #409eff26;
+  --bgColor-accent-emphasis: #409eff;
+  --bgColor-success-muted: #09b43a26;
+  --bgColor-success-emphasis: #09b43a;
+  --bgColor-attention-muted: #e09b1326;
+  --bgColor-attention-emphasis: #e09b13;
+  --bgColor-severe-muted: #e7811d1a;
+  --bgColor-severe-emphasis: #e7811d;
+  --bgColor-danger-muted: #ff6a691a;
+  --bgColor-danger-emphasis: #ff6a69;
+  --bgColor-open-muted: #09b43a1a;
+  --bgColor-open-emphasis: #09b43a;
+  --bgColor-closed-muted: #ff6a6926;
+  --bgColor-closed-emphasis: #ff6a69;
+  --bgColor-done-muted: #b780ff26;
+  --bgColor-done-emphasis: #b87fff;
+  --bgColor-sponsors-muted: #ef6eb11a;
+  --bgColor-sponsors-emphasis: #ef6eb1;
+  --borderColor-default: #7a828e;
+  --borderColor-muted: #7a828e;
+  --borderColor-emphasis: #7a828e;
+  --borderColor-disabled: #7a828e;
+  --borderColor-neutral-muted: #9ea7b366;
+  --borderColor-neutral-emphasis: #9ea7b3;
+  --borderColor-accent-muted: #409eff;
+  --borderColor-accent-emphasis: #409eff;
+  --borderColor-success-muted: #09b43a;
+  --borderColor-success-emphasis: #09b43a;
+  --borderColor-attention-muted: #e09b13;
+  --borderColor-attention-emphasis: #e09b13;
+  --borderColor-severe-muted: #e7811d;
+  --borderColor-severe-emphasis: #e7811d;
+  --borderColor-danger-muted: #ff6a69;
+  --borderColor-danger-emphasis: #ff6a69;
+  --borderColor-open-muted: #09b43a;
+  --borderColor-open-emphasis: #09b43a;
+  --borderColor-closed-muted: #ff6a6966;
+  --borderColor-closed-emphasis: #ff6a69;
+  --borderColor-done-muted: #b780ff;
+  --borderColor-done-emphasis: #b87fff;
+  --borderColor-sponsors-muted: #ef6eb1;
+  --borderColor-sponsors-emphasis: #ef6eb1;
+  --ansi-fgColor-black: #7a828e;
+  --ansi-fgColor-blackBright: #9ea7b3;
+  --ansi-fgColor-white: #d9dee3;
+  --ansi-fgColor-whiteBright: #ffffff;
+  --ansi-fgColor-gray: #9ea7b3;
+  --ansi-fgColor-red: #ff9492;
+  --ansi-fgColor-redBright: #ffb1af;
+  --ansi-fgColor-green: #26cd4d;
+  --ansi-fgColor-greenBright: #4ae168;
+  --ansi-fgColor-yellow: #f0b72f;
+  --ansi-fgColor-yellowBright: #f7c843;
+  --ansi-fgColor-blue: #71b7ff;
+  --ansi-fgColor-blueBright: #91cbff;
+  --ansi-fgColor-magenta: #cb9eff;
+  --ansi-fgColor-magentaBright: #dbb7ff;
+  --ansi-fgColor-cyan: #39c5cf;
+  --ansi-fgColor-cyanBright: #56d4dd;
+  --prettylights-syntax-comment: #bdc4cc;
+  --prettylights-syntax-constant: #91cbff;
+  --prettylights-syntax-entity: #dbb7ff;
+  --prettylights-syntax-storageModifierImport: #f0f3f6;
+  --prettylights-syntax-entityTag: #72f088;
+  --prettylights-syntax-keyword: #ff9492;
+  --prettylights-syntax-string: #addcff;
+  --prettylights-syntax-variable: #ffb757;
+  --prettylights-syntax-brackethighlighterUnmatched: #ff6a69;
+  --prettylights-syntax-invalidIllegalText: #ffffff;
+  --prettylights-syntax-invalidIllegalBg: #e82a2f;
+  --prettylights-syntax-carriageReturnText: #ffffff;
+  --prettylights-syntax-carriageReturnBg: #ff4445;
+  --prettylights-syntax-stringRegexp: #72f088;
+  --prettylights-syntax-markupList: #fbd669;
+  --prettylights-syntax-markupHeading: #409eff;
+  --prettylights-syntax-markupItalic: #f0f3f6;
+  --prettylights-syntax-markupBold: #f0f3f6;
+  --prettylights-syntax-markupDeletedText: #ffdedb;
+  --prettylights-syntax-markupDeletedBg: #cc1421;
+  --prettylights-syntax-markupInsertedText: #acf7b6;
+  --prettylights-syntax-markupInsertedBg: #007728;
+  --prettylights-syntax-markupChangedText: #ffe1b4;
+  --prettylights-syntax-markupChangedBg: #a74c00;
+  --prettylights-syntax-markupIgnoredText: #f0f3f6;
+  --prettylights-syntax-markupIgnoredBg: #318bf8;
+  --prettylights-syntax-metaDiffRange: #dbb7ff;
+  --prettylights-syntax-brackethighlighterAngle: #bdc4cc;
+  --prettylights-syntax-sublimelinterGutterMark: #7a828e;
+  --prettylights-syntax-constantOtherReferenceLink: #addcff;
+  --shadow-inset: 0px 0px 0px 0px #000000;
+  --shadow-highlight: 0px 0px 0px 0px #000000;
+  --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
+  --shadow-resting-small: 0px 0px 0px 0px #000000;
+  --shadow-resting-medium: 0px 3px 6px 0px #010409;
+  --shadow-floating-small: 0px 0px 0px 1px #525964, 0px 16px 32px 0px #010409d9;
+  --shadow-floating-medium: 0px 4px 32px -4px #9ea7b317, 0px 8px 16px -4px #9ea7b317, 0px 24px 48px -12px #9ea7b329, 0px 48px 96px -24px #9ea7b33d;
+  --shadow-floating-large: 0px 8px 24px 0px #010409;
+  --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+  --outline-focus: #409eff solid 1px;
+}
+@media (prefers-color-scheme: dark) {
+  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"] {
+    --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: #26cd4d4d;
+    --diffBlob-addition-bgColor-line: #09b43a26;
+    --diffBlob-addition-bgColor-word: #09b43a;
+    --diffBlob-deletion-fgColor-text: #0a0c10;
+    --diffBlob-deletion-fgColor-num: #fbfcfd;
+    --diffBlob-deletion-bgColor-num: #ff6a694d;
+    --diffBlob-deletion-bgColor-line: #ff6a6926;
+    --diffBlob-deletion-bgColor-word: #ff6a69;
+    --diffBlob-hunk-bgColor-num: #409eff66;
+    --diffBlob-expander-iconColor: #fbfcfd;
+    --diffStat-addition-bgColor: #09b43a;
+    --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: #409eff66;
+    --codeMirror-activeline-bgColor: #9ea7b326;
+    --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: #0a0c10b3;
+    --header-fgColor-logo: #ffffff;
+    --header-fgColor-text: #ffffffb3;
+    --header-fgColor-borderColor: #bdc4cc;
+    --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: #272b33;
+    --control-bgColor-rest: #272b33;
+    --control-bgColor-hover: #383c45;
+    --control-bgColor-active: #484e57;
+    --control-bgColor-disabled: #7a828e;
+    --control-bgColor-selected: #525964;
+    --control-fgColor-rest: #f0f3f6;
+    --control-fgColor-placeholder: #7a828e;
+    --control-fgColor-disabled: #7a828e;
+    --control-borderColor-rest: #7a828e;
+    --control-borderColor-emphasis: #7a828e;
+    --control-borderColor-disabled: #7a828e;
+    --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: #ff6a69;
+    --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: #7a828e;
+    --control-checked-fgColor-rest: #0a0c10;
+    --control-checked-fgColor-disabled: #010409;
+    --control-checked-borderColor-rest: #409eff;
+    --control-checked-borderColor-hover: #00000000;
+    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-disabled: #7a828e;
+    --controlTrack-bgColor-rest: #272b33;
+    --controlTrack-bgColor-hover: #383c45;
+    --controlTrack-bgColor-active: #484e57;
+    --controlTrack-bgColor-disabled: #7a828e;
+    --controlTrack-fgColor-rest: #0a0c10;
+    --controlTrack-fgColor-disabled: #f0f3f6;
+    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-disabled: #7a828e;
+    --controlKnob-bgColor-rest: #010409;
+    --controlKnob-bgColor-disabled: #7a828e;
+    --controlKnob-bgColor-checked: #ffffff;
+    --controlKnob-borderColor-rest: #7a828e;
+    --controlKnob-borderColor-disabled: #7a828e;
+    --controlKnob-borderColor-checked: #409eff;
+    --counter-borderColor: #00000000;
+    --button-default-fgColor-rest: #f0f3f6;
+    --button-default-bgColor-rest: #272b33;
+    --button-default-bgColor-hover: #383c45;
+    --button-default-bgColor-active: #484e57;
+    --button-default-bgColor-selected: #484e57;
+    --button-default-borderColor-rest: #7a828e;
+    --button-default-borderColor-hover: #7a828e;
+    --button-default-borderColor-active: #7a828e;
+    --button-default-shadow-resting: 0px 0px 0px 0px #000000;
+    --button-default-shadow-inset: 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: #0fb93e;
+    --button-primary-bgColor-active: #15be42;
+    --button-primary-bgColor-disabled: #6bdc84;
+    --button-primary-borderColor-rest: #4ae168;
+    --button-primary-borderColor-hover: #4ae168;
+    --button-primary-borderColor-disabled: #4ae16866;
+    --button-primary-shadow-selected: 0px 0px 0px 0px #000000;
+    --button-invisible-fgColor-rest: #409eff;
+    --button-invisible-fgColor-disabled: #7a828e;
+    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-hover: #272b33;
+    --button-invisible-bgColor-active: #525964;
+    --button-invisible-bgColor-disabled: #00000000;
+    --button-invisible-borderColor-rest: #00000000;
+    --button-invisible-borderColor-hover: #7a828e;
+    --button-outline-fgColor-rest: #409eff;
+    --button-outline-fgColor-hover: #409eff;
+    --button-outline-fgColor-active: #ffffff;
+    --button-outline-fgColor-disabled: #409eff80;
+    --button-outline-bgColor-rest: #ffffff;
+    --button-outline-bgColor-hover: #525964;
+    --button-outline-bgColor-active: #2672f3;
+    --button-outline-bgColor-disabled: #0a0c10;
+    --button-outline-borderColor-hover: #7a828e;
+    --button-outline-borderColor-selected: #7a828e;
+    --button-outline-shadow-selected: 0px 0px 0px 0px #000000;
+    --button-danger-fgColor-rest: #ff6a69;
+    --button-danger-fgColor-hover: #ffffff;
+    --button-danger-fgColor-active: #ffffff;
+    --button-danger-fgColor-disabled: #ff6a6980;
+    --button-danger-iconColor-rest: #ff6a69;
+    --button-danger-iconColor-hover: #ffffff;
+    --button-danger-bgColor-rest: #272b33;
+    --button-danger-bgColor-hover: #ff4445;
+    --button-danger-bgColor-active: #ff5353;
+    --button-danger-bgColor-disabled: #272b33;
+    --button-danger-borderColor-rest: #7a828e;
+    --button-danger-borderColor-hover: #ff4445;
+    --button-danger-borderColor-active: #ff5353;
+    --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+    --buttonCounter-default-bgColor-rest: #525964;
+    --buttonCounter-primary-bgColor-rest: #01040926;
+    --buttonCounter-outline-bgColor-rest: #409eff1a;
+    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-outline-bgColor-disabled: #409eff0d;
+    --buttonCounter-danger-bgColor-hover: #01040926;
+    --buttonCounter-danger-bgColor-disabled: #ff6a690d;
+    --buttonCounter-danger-bgColor-rest: #01040926;
+    --focus-outlineColor: #409eff;
+    --menu-bgColor-active: #272b33;
+    --overlay-bgColor: #272b33;
+    --overlay-backdrop-bgColor: #d9dee333;
+    --selectMenu-borderColor: #7a828e;
+    --selectMenu-bgColor-active: #1e60d5;
+    --sideNav-bgColor-selected: #272b33;
+    --timelineBadge-bgColor: #272b33;
+    --treeViewItem-leadingVisual-bgColor-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: #7a828e;
+    --fgColor-link-rest: #409eff;
+    --fgColor-link-inverse-rest: #409eff;
+    --fgColor-link-control: #939ca8;
+    --fgColor-accent: #409eff;
+    --fgColor-success: #26cd4d;
+    --fgColor-attention: #f0b72f;
+    --fgColor-severe: #e7811d;
+    --fgColor-danger: #ff6a69;
+    --fgColor-open: #26cd4d;
+    --fgColor-closed: #ff6a69;
+    --fgColor-done: #b780ff;
+    --fgColor-sponsors: #ef6eb1;
+    --bgColor-default: #0a0c10;
+    --bgColor-muted: #272b33;
+    --bgColor-emphasis: #ffffff;
+    --bgColor-disabled: #7a828e;
+    --bgColor-neutral-muted: #9ea7b326;
+    --bgColor-neutral-emphasis: #9ea7b3;
+    --bgColor-accent-muted: #409eff26;
+    --bgColor-accent-emphasis: #409eff;
+    --bgColor-success-muted: #09b43a26;
+    --bgColor-success-emphasis: #09b43a;
+    --bgColor-attention-muted: #e09b1326;
+    --bgColor-attention-emphasis: #e09b13;
+    --bgColor-severe-muted: #e7811d1a;
+    --bgColor-severe-emphasis: #e7811d;
+    --bgColor-danger-muted: #ff6a691a;
+    --bgColor-danger-emphasis: #ff6a69;
+    --bgColor-open-muted: #09b43a1a;
+    --bgColor-open-emphasis: #09b43a;
+    --bgColor-closed-muted: #ff6a6926;
+    --bgColor-closed-emphasis: #ff6a69;
+    --bgColor-done-muted: #b780ff26;
+    --bgColor-done-emphasis: #b87fff;
+    --bgColor-sponsors-muted: #ef6eb11a;
+    --bgColor-sponsors-emphasis: #ef6eb1;
+    --borderColor-default: #7a828e;
+    --borderColor-muted: #7a828e;
+    --borderColor-emphasis: #7a828e;
+    --borderColor-disabled: #7a828e;
+    --borderColor-neutral-muted: #9ea7b366;
+    --borderColor-neutral-emphasis: #9ea7b3;
+    --borderColor-accent-muted: #409eff;
+    --borderColor-accent-emphasis: #409eff;
+    --borderColor-success-muted: #09b43a;
+    --borderColor-success-emphasis: #09b43a;
+    --borderColor-attention-muted: #e09b13;
+    --borderColor-attention-emphasis: #e09b13;
+    --borderColor-severe-muted: #e7811d;
+    --borderColor-severe-emphasis: #e7811d;
+    --borderColor-danger-muted: #ff6a69;
+    --borderColor-danger-emphasis: #ff6a69;
+    --borderColor-open-muted: #09b43a;
+    --borderColor-open-emphasis: #09b43a;
+    --borderColor-closed-muted: #ff6a6966;
+    --borderColor-closed-emphasis: #ff6a69;
+    --borderColor-done-muted: #b780ff;
+    --borderColor-done-emphasis: #b87fff;
+    --borderColor-sponsors-muted: #ef6eb1;
+    --borderColor-sponsors-emphasis: #ef6eb1;
+    --ansi-fgColor-black: #7a828e;
+    --ansi-fgColor-blackBright: #9ea7b3;
+    --ansi-fgColor-white: #d9dee3;
+    --ansi-fgColor-whiteBright: #ffffff;
+    --ansi-fgColor-gray: #9ea7b3;
+    --ansi-fgColor-red: #ff9492;
+    --ansi-fgColor-redBright: #ffb1af;
+    --ansi-fgColor-green: #26cd4d;
+    --ansi-fgColor-greenBright: #4ae168;
+    --ansi-fgColor-yellow: #f0b72f;
+    --ansi-fgColor-yellowBright: #f7c843;
+    --ansi-fgColor-blue: #71b7ff;
+    --ansi-fgColor-blueBright: #91cbff;
+    --ansi-fgColor-magenta: #cb9eff;
+    --ansi-fgColor-magentaBright: #dbb7ff;
+    --ansi-fgColor-cyan: #39c5cf;
+    --ansi-fgColor-cyanBright: #56d4dd;
+    --prettylights-syntax-comment: #bdc4cc;
+    --prettylights-syntax-constant: #91cbff;
+    --prettylights-syntax-entity: #dbb7ff;
+    --prettylights-syntax-storageModifierImport: #f0f3f6;
+    --prettylights-syntax-entityTag: #72f088;
+    --prettylights-syntax-keyword: #ff9492;
+    --prettylights-syntax-string: #addcff;
+    --prettylights-syntax-variable: #ffb757;
+    --prettylights-syntax-brackethighlighterUnmatched: #ff6a69;
+    --prettylights-syntax-invalidIllegalText: #ffffff;
+    --prettylights-syntax-invalidIllegalBg: #e82a2f;
+    --prettylights-syntax-carriageReturnText: #ffffff;
+    --prettylights-syntax-carriageReturnBg: #ff4445;
+    --prettylights-syntax-stringRegexp: #72f088;
+    --prettylights-syntax-markupList: #fbd669;
+    --prettylights-syntax-markupHeading: #409eff;
+    --prettylights-syntax-markupItalic: #f0f3f6;
+    --prettylights-syntax-markupBold: #f0f3f6;
+    --prettylights-syntax-markupDeletedText: #ffdedb;
+    --prettylights-syntax-markupDeletedBg: #cc1421;
+    --prettylights-syntax-markupInsertedText: #acf7b6;
+    --prettylights-syntax-markupInsertedBg: #007728;
+    --prettylights-syntax-markupChangedText: #ffe1b4;
+    --prettylights-syntax-markupChangedBg: #a74c00;
+    --prettylights-syntax-markupIgnoredText: #f0f3f6;
+    --prettylights-syntax-markupIgnoredBg: #318bf8;
+    --prettylights-syntax-metaDiffRange: #dbb7ff;
+    --prettylights-syntax-brackethighlighterAngle: #bdc4cc;
+    --prettylights-syntax-sublimelinterGutterMark: #7a828e;
+    --prettylights-syntax-constantOtherReferenceLink: #addcff;
+    --shadow-inset: 0px 0px 0px 0px #000000;
+    --shadow-highlight: 0px 0px 0px 0px #000000;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #010409a3;
+    --shadow-resting-small: 0px 0px 0px 0px #000000;
+    --shadow-resting-medium: 0px 3px 6px 0px #010409;
+    --shadow-floating-small: 0px 0px 0px 1px #525964, 0px 16px 32px 0px #010409d9;
+    --shadow-floating-medium: 0px 4px 32px -4px #9ea7b317, 0px 8px 16px -4px #9ea7b317, 0px 24px 48px -12px #9ea7b329, 0px 48px 96px -24px #9ea7b33d;
+    --shadow-floating-large: 0px 8px 24px 0px #010409;
+    --shadow-floating-xlarge: 0px 12px 48px 0px #010409;
+    --outline-focus: #409eff solid 1px;
+  }
+}