@primer/primitives 7.11.13 → 7.11.14-rc.14f9da3

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

@@ -1,743 +0,0 @@
-export default {
-  topicTag: {
-    borderColor: "#0349b4",
-  },
-  highlight: {
-    neutral: {
-      bgColor: "#fcf7be",
-    },
-  },
-  page: {
-    header: {
-      bgColor: "#e7ecf0",
-    },
-  },
-  diffBlob: {
-    addition: {
-      fgColor: {
-        text: "#ffffff",
-        num: "#010409",
-      },
-      bgColor: {
-        num: "#c2f9cd",
-        line: "#d2fedb",
-        word: "#117f32",
-      },
-    },
-    deletion: {
-      fgColor: {
-        text: "#ffffff",
-        num: "#010409",
-      },
-      bgColor: {
-        num: "#ffc1bc",
-        line: "#fff0ee",
-        word: "#a0111f",
-      },
-    },
-    hunk: {
-      bgColor: {
-        num: "#9cd7ff",
-      },
-    },
-    expander: {
-      iconColor: "#0e1116",
-    },
-  },
-  diffStat: {
-    addition: {
-      bgColor: "#055d20",
-    },
-  },
-  codeMirror: {
-    fgColor: "#010409",
-    bgColor: "#ffffff",
-    gutters: {
-      bgColor: "#ffffff",
-    },
-    gutterMarker: {
-      fgColor: {
-        default: "#ffffff",
-        muted: "#0e1116",
-      },
-    },
-    lineNumber: {
-      fgColor: "#0e1116",
-    },
-    cursor: {
-      fgColor: "#010409",
-    },
-    selection: {
-      bgColor: "#368cf9",
-    },
-    activeline: {
-      bgColor: "#e7ecf0",
-    },
-    matchingBracket: {
-      fgColor: "#010409",
-    },
-    lines: {
-      bgColor: "#ffffff",
-    },
-    syntax: {
-      fgColor: {
-        comment: "#0e1116",
-        constant: "#023b95",
-        entity: "#622cbc",
-        keyword: "#a0111f",
-        storage: "#a0111f",
-        string: "#032563",
-        support: "#023b95",
-        variable: "#702c00",
-      },
-    },
-  },
-  header: {
-    fgColor: {
-      default: "#ffffffb3",
-      logo: "#ffffff",
-    },
-    bgColor: "#0e1116",
-    borderColor: {
-      divider: "#acb6c0",
-    },
-  },
-  headerSearch: {
-    bgColor: "#0e1116",
-    borderColor: "#4b535d",
-  },
-  avatar: {
-    bgColor: "#ffffff",
-    borderColor: "#20252c",
-    shadow: "0px 0px 0px 2px #ffffffcc",
-  },
-  avatarStack: {
-    fade: {
-      bgColor: {
-        default: "#acb6c0",
-        muted: "#ced5dc",
-      },
-    },
-  },
-  control: {
-    bgColor: {
-      rest: "#e7ecf0",
-      hover: "#dbe1e6",
-      active: "#cfd6dd",
-      disabled: "#e7ecf0",
-      selected: "#acb6c0",
-    },
-    fgColor: {
-      rest: "#0e1116",
-      placeholder: "#66707b",
-      disabled: "#88929d",
-    },
-    borderColor: {
-      rest: "#20252c",
-      emphasis: "#20252c",
-      disabled: "#20252c",
-      selected: "#ffffff",
-      success: "#055d20",
-      danger: "#a0111f",
-      warning: "#744500",
-    },
-    iconColor: {
-      rest: "#0e1116",
-    },
-    transparent: {
-      bgColor: {
-        rest: "#00000000",
-        hover: "#e7ecf0",
-        active: "#ced5dc",
-        disabled: "#e7ecf0",
-        selected: "#ced5dc",
-      },
-      borderColor: {
-        rest: "#00000000",
-        hover: "#20252c",
-        active: "#00000000",
-      },
-    },
-    danger: {
-      fgColor: {
-        rest: "#8a071e",
-        hover: "#ffffff",
-      },
-      bgColor: {
-        hover: "#a0111f",
-        active: "#8c0b1d",
-      },
-    },
-    checked: {
-      bgColor: {
-        rest: "#0349b4",
-        hover: "#0344a8",
-        active: "#033f9d",
-        disabled: "#88929d",
-      },
-      fgColor: {
-        rest: "#ffffff",
-        disabled: "#ffffff",
-      },
-      borderColor: {
-        rest: "#0349b4",
-        hover: "#0344a8",
-        active: "#033f9d",
-        disabled: "#88929d",
-      },
-    },
-  },
-  controlTrack: {
-    bgColor: {
-      rest: "#acb6c0",
-      hover: "#9ea8b2",
-      active: "#909aa4",
-      disabled: "#88929d",
-    },
-    fgColor: {
-      rest: "#010409",
-      disabled: "#ffffff",
-    },
-    borderColor: {
-      rest: "#00000000",
-      disabled: "#88929d",
-    },
-  },
-  controlKnob: {
-    bgColor: {
-      rest: "#ffffff",
-      disabled: "#e7ecf0",
-      checked: "#ffffff",
-    },
-    borderColor: {
-      rest: "#20252c",
-      disabled: "#e7ecf0",
-      checked: "#0349b4",
-    },
-  },
-  counter: {
-    borderColor: "#20252c",
-  },
-  button: {
-    default: {
-      fgColor: {
-        rest: "#0e1116",
-      },
-      bgColor: {
-        rest: "#e7ecf0",
-        hover: "#dbe1e6",
-        active: "#cfd6dd",
-        selected: "#cfd6dd",
-      },
-      borderColor: {
-        rest: "#20252c",
-        hover: "#20252c",
-        active: "#20252c",
-      },
-      shadow: {
-        resting: "0px 1px 0px 0px #0104090a",
-        inset: "inset 0px 1px 0px 0px #ffffff40",
-      },
-    },
-    primary: {
-      fgColor: {
-        rest: "#ffffff",
-        disabled: "#ffffffcc",
-      },
-      iconColor: {
-        rest: "#ffffffcc",
-      },
-      bgColor: {
-        rest: "#055d20",
-        hover: "#04571e",
-        active: "#03501b",
-        disabled: "#85cb97",
-      },
-      borderColor: {
-        rest: "#013d14",
-        hover: "#013d14",
-        disabled: "#013d14",
-      },
-      shadow: {
-        selected: "inset 0px 1px 0px 0px #00230b4d",
-      },
-    },
-    invisible: {
-      fgColor: {
-        rest: "#023b95",
-        hover: "#023b95",
-        disabled: "#88929d",
-      },
-      bgColor: {
-        rest: "#00000000",
-        hover: "#e7ecf0",
-        active: "#ced5dc",
-        disabled: "#e7ecf0",
-      },
-      borderColor: {
-        rest: "#00000000",
-        hover: "#20252c",
-      },
-    },
-    outline: {
-      fgColor: {
-        rest: "#023b95",
-        hover: "#ffffff",
-        active: "#ffffff",
-        disabled: "#023b9580",
-      },
-      bgColor: {
-        rest: "#e7ecf0",
-        hover: "#0349b4",
-        active: "#033f9d",
-        disabled: "#ffffff",
-      },
-      borderColor: {
-        hover: "#20252c",
-        active: "#20252c",
-      },
-      shadow: {
-        selected: "inset 0px 1px 0px 0px #021a4a33",
-      },
-    },
-    danger: {
-      fgColor: {
-        rest: "#8a071e",
-        hover: "#ffffff",
-        active: "#ffffff",
-        disabled: "#8a071e80",
-      },
-      iconColor: {
-        rest: "#8a071e",
-        hover: "#ffffff",
-      },
-      bgColor: {
-        rest: "#e7ecf0",
-        hover: "#86061d",
-        active: "#74041a",
-        disabled: "#e7ecf0",
-      },
-      borderColor: {
-        rest: "#20252c",
-        hover: "#20252c",
-        active: "#20252c",
-      },
-      shadow: {
-        selected: "inset 0px 1px 0px 0px #43001133",
-      },
-    },
-  },
-  buttonCounter: {
-    default: {
-      bgColor: {
-        rest: "#66707b33",
-      },
-    },
-    invisible: {
-      bgColor: {
-        rest: "#66707b33",
-      },
-    },
-    primary: {
-      bgColor: {
-        rest: "#00230b33",
-      },
-    },
-    outline: {
-      bgColor: {
-        rest: "#0349b41a",
-        hover: "#ffffff33",
-        disabled: "#0349b40d",
-      },
-      fgColor: {
-        rest: "#023b95",
-        hover: "#ffffff",
-        disabled: "#023b9580",
-      },
-    },
-    danger: {
-      bgColor: {
-        hover: "#ffffff33",
-        disabled: "#a0111f0d",
-        rest: "#a0111f1a",
-      },
-      fgColor: {
-        rest: "#980e1e",
-        hover: "#ffffff",
-        disabled: "#8a071e80",
-      },
-    },
-  },
-  focus: {
-    outlineColor: "#0349b4",
-    outline: "#0349b4 solid 2px",
-  },
-  menu: {
-    bgColor: {
-      active: "#ffffff00",
-    },
-  },
-  overlay: {
-    bgColor: "#ffffff",
-    backdrop: {
-      bgColor: "#88929d33",
-    },
-  },
-  selectMenu: {
-    borderColor: "#ffffff00",
-    bgColor: {
-      active: "#9cd7ff",
-    },
-  },
-  sideNav: {
-    bgColor: {
-      selected: "#ffffff",
-    },
-  },
-  timelineBadge: {
-    bgColor: "#e7ecf0",
-  },
-  treeViewItem: {
-    leadingVisual: {
-      bgColor: {
-        rest: "#368cf9",
-      },
-    },
-  },
-  underlineNav: {
-    borderColor: {
-      active: "#cd3425",
-      hover: "#88929d",
-    },
-    iconColor: {
-      rest: "#0e1116",
-    },
-  },
-  fgColor: {
-    default: "#010409",
-    muted: "#0e1116",
-    onEmphasis: "#ffffff",
-    disabled: "#88929d",
-    link: {
-      rest: "#023b95",
-    },
-    accent: "#023b95",
-    success: "#055d20",
-    attention: "#744500",
-    severe: "#873800",
-    danger: "#8a071e",
-    open: "#055d20",
-    closed: "#8a071e",
-    done: "#622cbc",
-    sponsors: "#971368",
-  },
-  bgColor: {
-    default: "#ffffff",
-    muted: "#e7ecf0",
-    emphasis: "#0e1116",
-    disabled: "#e7ecf0",
-    transparent: "#ffffff00",
-    neutral: {
-      muted: "#e7ecf0",
-      emphasis: "#66707b",
-    },
-    accent: {
-      muted: "#dff7ff",
-      emphasis: "#0349b4",
-    },
-    success: {
-      muted: "#d2fedb",
-      emphasis: "#055d20",
-    },
-    attention: {
-      muted: "#fcf7be",
-      emphasis: "#744500",
-    },
-    severe: {
-      muted: "#fff2d5",
-      emphasis: "#873800",
-    },
-    danger: {
-      muted: "#fff0ee",
-      emphasis: "#a0111f",
-    },
-    open: {
-      muted: "#d2fedb",
-      emphasis: "#055d20",
-    },
-    closed: {
-      muted: "#fff0ee",
-      emphasis: "#a0111f",
-    },
-    done: {
-      muted: "#faf0fe",
-      emphasis: "#622cbc",
-    },
-    sponsors: {
-      muted: "#feeff7",
-      emphasis: "#971368",
-    },
-  },
-  borderColor: {
-    default: "#20252c",
-    muted: "#88929d",
-    emphasis: "#66707b",
-    disabled: "#20252c",
-    transparent: "#ffffff00",
-    neutral: {
-      muted: "#88929d",
-      emphasis: "#66707b",
-    },
-    accent: {
-      muted: "#368cf9",
-      emphasis: "#0349b4",
-    },
-    success: {
-      muted: "#26a148",
-      emphasis: "#055d20",
-    },
-    attention: {
-      muted: "#b58407",
-      emphasis: "#744500",
-    },
-    severe: {
-      muted: "#dc6d1a",
-      emphasis: "#873800",
-    },
-    danger: {
-      muted: "#ee5a5d",
-      emphasis: "#a0111f",
-    },
-    open: {
-      muted: "#26a148",
-      emphasis: "#055d20",
-    },
-    closed: {
-      muted: "#ee5a5d66",
-      emphasis: "#a0111f",
-    },
-    done: {
-      muted: "#a371f7",
-      emphasis: "#622cbc",
-    },
-    sponsors: {
-      muted: "#ed4baf",
-      emphasis: "#971368",
-    },
-  },
-  color: {
-    ansi: {
-      black: "#0e1116",
-      "black-bright": "#4b535d",
-      white: "#66707b",
-      "white-bright": "#88929d",
-      gray: "#66707b",
-      red: "#a0111f",
-      "red-bright": "#86061d",
-      green: "#024c1a",
-      "green-bright": "#055d20",
-      yellow: "#3f2200",
-      "yellow-bright": "#4e2c00",
-      blue: "#0349b4",
-      "blue-bright": "#1168e3",
-      magenta: "#622cbc",
-      "magenta-bright": "#844ae7",
-      cyan: "#1b7c83",
-      "cyan-bright": "#3192aa",
-    },
-    prettylights: {
-      syntax: {
-        comment: "#66707b",
-        constant: "#023b95",
-        "constant-other-reference-link": "#032563",
-        entity: "#622cbc",
-        storage: {
-          modifier: {
-            import: "#0e1116",
-          },
-        },
-        "entity-tag": "#023b95",
-        keyword: "#a0111f",
-        string: "#032563",
-        variable: "#702c00",
-        brackethighlighter: {
-          unmatched: "#6e011a",
-          angle: "#4b535d",
-        },
-        invalid: {
-          illegal: {
-            text: "#ffffff",
-            bg: "#6e011a",
-          },
-        },
-        carriage: {
-          return: {
-            text: "#ffffff",
-            bg: "#a0111f",
-          },
-        },
-        "string-regexp": "#024c1a",
-        markup: {
-          list: "#2e1800",
-          heading: "#023b95",
-          italic: "#0e1116",
-          bold: "#0e1116",
-          deleted: {
-            text: "#6e011a",
-            bg: "#fff0ee",
-          },
-          inserted: {
-            text: "#024c1a",
-            bg: "#d2fedb",
-          },
-          changed: {
-            text: "#702c00",
-            bg: "#ffc67b",
-          },
-          ignored: {
-            text: "#e7ecf0",
-            bg: "#023b95",
-          },
-        },
-        meta: {
-          diff: {
-            range: "#622cbc",
-          },
-        },
-        sublimelinter: {
-          gutter: {
-            mark: "#88929d",
-          },
-        },
-      },
-    },
-    scale: {
-      black: "#010409",
-      transparent: "#ffffff00",
-      white: "#ffffff",
-      gray: {
-        "0": "#ffffff",
-        "1": "#e7ecf0",
-        "2": "#ced5dc",
-        "3": "#acb6c0",
-        "4": "#88929d",
-        "5": "#66707b",
-        "6": "#4b535d",
-        "7": "#343b43",
-        "8": "#20252c",
-        "9": "#0e1116",
-      },
-      blue: {
-        "0": "#dff7ff",
-        "1": "#9cd7ff",
-        "2": "#67b3fd",
-        "3": "#368cf9",
-        "4": "#1168e3",
-        "5": "#0349b4",
-        "6": "#023b95",
-        "7": "#022f7a",
-        "8": "#032563",
-        "9": "#021a4a",
-      },
-      green: {
-        "0": "#d2fedb",
-        "1": "#82e596",
-        "2": "#43c663",
-        "3": "#26a148",
-        "4": "#117f32",
-        "5": "#055d20",
-        "6": "#024c1a",
-        "7": "#013d14",
-        "8": "#003110",
-        "9": "#00230b",
-      },
-      yellow: {
-        "0": "#fcf7be",
-        "1": "#f0ce53",
-        "2": "#d5a824",
-        "3": "#b58407",
-        "4": "#956400",
-        "5": "#744500",
-        "6": "#603700",
-        "7": "#4e2c00",
-        "8": "#3f2200",
-        "9": "#2e1800",
-      },
-      orange: {
-        "0": "#fff2d5",
-        "1": "#ffc67b",
-        "2": "#f99636",
-        "3": "#dc6d1a",
-        "4": "#b45105",
-        "5": "#873800",
-        "6": "#702c00",
-        "7": "#5b2300",
-        "8": "#491b00",
-        "9": "#361200",
-      },
-      red: {
-        "0": "#fff0ee",
-        "1": "#ffc1bc",
-        "2": "#ff8e8a",
-        "3": "#ee5a5d",
-        "4": "#d5232c",
-        "5": "#a0111f",
-        "6": "#86061d",
-        "7": "#6e011a",
-        "8": "#5a0016",
-        "9": "#430011",
-      },
-      purple: {
-        "0": "#faf0fe",
-        "1": "#e0c5ff",
-        "2": "#c49bff",
-        "3": "#a371f7",
-        "4": "#844ae7",
-        "5": "#622cbc",
-        "6": "#512598",
-        "7": "#411d7b",
-        "8": "#341763",
-        "9": "#260f49",
-      },
-      pink: {
-        "0": "#feeff7",
-        "1": "#ffbde0",
-        "2": "#fc87ca",
-        "3": "#ed4baf",
-        "4": "#c9248e",
-        "5": "#971368",
-        "6": "#7d0c57",
-        "7": "#660847",
-        "8": "#53043a",
-        "9": "#3e022b",
-      },
-      coral: {
-        "0": "#fff0ed",
-        "1": "#ffc2b6",
-        "2": "#ff8f7e",
-        "3": "#cd3425",
-        "4": "#ef5b48",
-        "5": "#9f1710",
-        "6": "#870706",
-        "7": "#6f0107",
-        "8": "#5b0002",
-        "9": "#430200",
-      },
-    },
-  },
-  shadow: {
-    inset: "inset 0px 1px 0px 0px #0104090d",
-    highlight: "inset 0px 1px 0px 0px #ffffff40",
-    resting: {
-      xsmall: "0px 1px 0px 0px #0104090f",
-      small: "0px 1px 0px 0px #0104090a",
-      medium: "0px 3px 6px 0px #88929d26",
-    },
-    floating: {
-      small: "0px 1px 3px 0px #0104091f, 0px 8px 24px 0px #343b431f",
-      medium: "0px 4px 32px -4px #88929d17, 0px 8px 16px -4px #88929d17, 0px 24px 48px -12px #88929d29, 0px 48px 96px -24px #88929d3d",
-      large: "0px 8px 24px 0px #88929d33",
-      xlarge: "0px 12px 28px 0px #88929d4d",
-    },
-  },
-};