@primer/primitives 7.11.2-rc.fd60637 → 7.11.2

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

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