@primer/primitives 7.11.14-rc.ca761aa → 7.11.14

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

@@ -1,745 +0,0 @@
-exports.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: "#ffffffb3",
-      logo: "#ffffff",
-    },
-    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: "#4aa3ff",
-        active: "#54a8ff",
-        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",
-        hover: "#71b7ff",
-        disabled: "#7a828e",
-      },
-      bgColor: {
-        rest: "#00000000",
-        hover: "#272b33",
-        active: "#525964",
-        disabled: "#00000000",
-      },
-      borderColor: {
-        rest: "#00000000",
-        hover: "#7a828e",
-      },
-    },
-    outline: {
-      fgColor: {
-        rest: "#409eff",
-        hover: "#71b7ff",
-        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",
-      },
-    },
-    invisible: {
-      bgColor: {
-        rest: "#525964",
-      },
-    },
-    primary: {
-      bgColor: {
-        rest: "#01040926",
-      },
-    },
-    outline: {
-      bgColor: {
-        rest: "#194fb133",
-        hover: "#194fb133",
-        disabled: "#409eff0d",
-      },
-      fgColor: {
-        rest: "#409eff",
-        hover: "#71b7ff",
-        disabled: "#409eff80",
-      },
-    },
-    danger: {
-      bgColor: {
-        hover: "#01040926",
-        disabled: "#ff6a690d",
-        rest: "#01040926",
-      },
-      fgColor: {
-        rest: "#ff6a69",
-        hover: "#ffffff",
-        disabled: "#ff6a6980",
-      },
-    },
-  },
-  focus: {
-    outlineColor: "#409eff",
-  },
-  menu: {
-    bgColor: {
-      active: "#272b33",
-    },
-  },
-  overlay: {
-    bgColor: "#272b33",
-    backdrop: {
-      bgColor: "#272b3366",
-    },
-  },
-  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",
-    },
-    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",
-    transparent: "#00000000",
-    neutral: {
-      muted: "#9ea7b326",
-      emphasis: "#9ea7b3",
-    },
-    accent: {
-      muted: "#409eff1a",
-      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",
-    transparent: "#00000000",
-    neutral: {
-      muted: "#9ea7b3",
-      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",
-    },
-  },
-  color: {
-    ansi: {
-      black: "#7a828e",
-      "black-bright": "#9ea7b3",
-      white: "#d9dee3",
-      "white-bright": "#ffffff",
-      gray: "#9ea7b3",
-      red: "#ff9492",
-      "red-bright": "#ffb1af",
-      green: "#26cd4d",
-      "green-bright": "#4ae168",
-      yellow: "#f0b72f",
-      "yellow-bright": "#f7c843",
-      blue: "#71b7ff",
-      "blue-bright": "#91cbff",
-      magenta: "#cb9eff",
-      "magenta-bright": "#dbb7ff",
-      cyan: "#39c5cf",
-      "cyan-bright": "#56d4dd",
-    },
-    prettylights: {
-      syntax: {
-        comment: "#bdc4cc",
-        constant: "#91cbff",
-        "constant-other-reference-link": "#addcff",
-        entity: "#dbb7ff",
-        storage: {
-          modifier: {
-            import: "#f0f3f6",
-          },
-        },
-        "entity-tag": "#72f088",
-        keyword: "#ff9492",
-        string: "#addcff",
-        variable: "#ffb757",
-        brackethighlighter: {
-          unmatched: "#ff6a69",
-          angle: "#bdc4cc",
-        },
-        invalid: {
-          illegal: {
-            text: "#ffffff",
-            bg: "#e82a2f",
-          },
-        },
-        carriage: {
-          return: {
-            text: "#ffffff",
-            bg: "#ff4445",
-          },
-        },
-        "string-regexp": "#72f088",
-        markup: {
-          list: "#fbd669",
-          heading: "#409eff",
-          italic: "#f0f3f6",
-          bold: "#f0f3f6",
-          deleted: {
-            text: "#ffdedb",
-            bg: "#cc1421",
-          },
-          inserted: {
-            text: "#acf7b6",
-            bg: "#007728",
-          },
-          changed: {
-            text: "#ffe1b4",
-            bg: "#a74c00",
-          },
-          ignored: {
-            text: "#f0f3f6",
-            bg: "#318bf8",
-          },
-        },
-        meta: {
-          diff: {
-            range: "#dbb7ff",
-          },
-        },
-        sublimelinter: {
-          gutter: {
-            mark: "#7a828e",
-          },
-        },
-      },
-    },
-    scale: {
-      black: "#010409",
-      transparent: "#00000000",
-      white: "#ffffff",
-      gray: {
-        "0": "#ffffff",
-        "1": "#f0f3f6",
-        "2": "#d9dee3",
-        "3": "#bdc4cc",
-        "4": "#9ea7b3",
-        "5": "#7a828e",
-        "6": "#525964",
-        "7": "#272b33",
-        "8": "#272b33",
-        "9": "#0a0c10",
-      },
-      blue: {
-        "0": "#caeaff",
-        "1": "#addcff",
-        "2": "#91cbff",
-        "3": "#71b7ff",
-        "4": "#409eff",
-        "5": "#409eff",
-        "6": "#318bf8",
-        "7": "#2672f3",
-        "8": "#1e60d5",
-        "9": "#194fb1",
-      },
-      green: {
-        "0": "#acf7b6",
-        "1": "#72f088",
-        "2": "#4ae168",
-        "3": "#26cd4d",
-        "4": "#09b43a",
-        "5": "#09b43a",
-        "6": "#02a232",
-        "7": "#008c2c",
-        "8": "#007728",
-        "9": "#006222",
-      },
-      yellow: {
-        "0": "#fbe59e",
-        "1": "#fbd669",
-        "2": "#f7c843",
-        "3": "#f0b72f",
-        "4": "#e09b13",
-        "5": "#e09b13",
-        "6": "#c88508",
-        "7": "#ae7104",
-        "8": "#945d02",
-        "9": "#7b4900",
-      },
-      orange: {
-        "0": "#ffe1b4",
-        "1": "#ffcf86",
-        "2": "#ffb757",
-        "3": "#fe9a2d",
-        "4": "#e7811d",
-        "5": "#e7811d",
-        "6": "#d57014",
-        "7": "#bf5e0a",
-        "8": "#a74c00",
-        "9": "#8f3c00",
-      },
-      red: {
-        "0": "#ffdedb",
-        "1": "#ffc9c7",
-        "2": "#ffb1af",
-        "3": "#ff9492",
-        "4": "#ff6a69",
-        "5": "#ff6a69",
-        "6": "#ff4445",
-        "7": "#e82a2f",
-        "8": "#cc1421",
-        "9": "#ad0116",
-      },
-      purple: {
-        "0": "#f0dfff",
-        "1": "#e6ccff",
-        "2": "#dbb7ff",
-        "3": "#cb9eff",
-        "4": "#b780ff",
-        "5": "#b87fff",
-        "6": "#a66bff",
-        "7": "#954ffd",
-        "8": "#8031f7",
-        "9": "#6921d7",
-      },
-      pink: {
-        "0": "#ffdceb",
-        "1": "#ffc7e1",
-        "2": "#ffadd4",
-        "3": "#ff8dc7",
-        "4": "#ef6eb1",
-        "5": "#ef6eb1",
-        "6": "#e456a3",
-        "7": "#d23d91",
-        "8": "#b72c7d",
-        "9": "#9c1d6a",
-      },
-      coral: {
-        "0": "#ffded4",
-        "1": "#ffcbb9",
-        "2": "#ffb39b",
-        "3": "#ff967d",
-        "4": "#fc704f",
-        "5": "#fc704f",
-        "6": "#f75133",
-        "7": "#e03b21",
-        "8": "#c62612",
-        "9": "#a91500",
-      },
-    },
-  },
-  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 2px",
-  },
-};