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

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

@@ -0,0 +1,618 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:29 GMT
+ */
+
+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",
+      text: "#ffffffb3",
+      borderColor: "#4b535d",
+    },
+    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: "#86061d",
+        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: "#00000000",
+        active: "#00000000",
+        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: "#88929dcc",
+      },
+      shadow: {
+        selected: "inset 0px 1px 0px 0px #00230b4d",
+      },
+    },
+    invisible: {
+      fgColor: {
+        rest: "#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: "#86061d",
+        hover: "#ffffff",
+        active: "#ffffff",
+        disabled: "#86061d80",
+      },
+      iconColor: {
+        rest: "#86061d",
+        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: "#e7ecf0",
+      },
+    },
+    primary: {
+      bgColor: {
+        rest: "#ffffff33",
+      },
+    },
+    outline: {
+      bgColor: {
+        rest: "#0349b41a",
+        hover: "#ffffff33",
+        disabled: "#0349b40d",
+      },
+    },
+    danger: {
+      bgColor: {
+        hover: "#ffffff33",
+        disabled: "#a0111f0d",
+        rest: "#a0111f1a",
+      },
+    },
+  },
+  focus: {
+    outlineColor: "#0349b4",
+    outline: "#0349b4 solid 1px",
+  },
+  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: "#acb6c033",
+    },
+    iconColor: {
+      rest: "#0e1116",
+    },
+  },
+  fgColor: {
+    default: "#010409",
+    muted: "#0e1116",
+    onEmphasis: "#ffffff",
+    disabled: "#88929d",
+    link: {
+      rest: "#023b95",
+      inverse: {
+        rest: "#368cf9",
+      },
+      control: "#818b96",
+    },
+    accent: "#023b95",
+    success: "#055d20",
+    attention: "#744500",
+    severe: "#873800",
+    danger: "#86061d",
+    open: "#055d20",
+    closed: "#a0111f",
+    done: "#622cbc",
+    sponsors: "#bf3989",
+  },
+  bgColor: {
+    default: "#ffffff",
+    muted: "#e7ecf0",
+    emphasis: "#0e1116",
+    disabled: "#e7ecf0",
+    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: "#3e022b",
+      emphasis: "#bf3989",
+    },
+  },
+  borderColor: {
+    default: "#20252c",
+    muted: "#88929d",
+    emphasis: "#66707b",
+    disabled: "#20252c",
+    neutral: {
+      muted: "#acb6c033",
+      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: "#ff80c8",
+      emphasis: "#bf3989",
+    },
+  },
+  color: {
+    ansi: {
+      black: {
+        bright: "#4b535d",
+      },
+      white: {
+        bright: "#88929d",
+      },
+      gray: "#66707b",
+      red: {
+        bright: "#86061d",
+      },
+      green: {
+        bright: "#055d20",
+      },
+      yellow: {
+        bright: "#4e2c00",
+      },
+      blue: {
+        bright: "#1168e3",
+      },
+      magenta: {
+        bright: "#844ae7",
+      },
+      cyan: {
+        bright: "#3192aa",
+      },
+    },
+    prettylights: {
+      syntax: {
+        comment: "#66707b",
+        constant: {
+          other: {
+            reference: {
+              link: "#032563",
+            },
+          },
+        },
+        entity: {
+          tag: "#023b95",
+        },
+        storage: {
+          modifier: {
+            import: "#0e1116",
+          },
+        },
+        keyword: "#a0111f",
+        string: {
+          regexp: "#024c1a",
+        },
+        variable: "#702c00",
+        brackethighlighter: {
+          angle: "#4b535d",
+        },
+        invalid: {
+          illegal: {
+            bg: "#6e011a",
+          },
+        },
+        carriage: {
+          return: {
+            bg: "#a0111f",
+          },
+        },
+        markup: {
+          ignored: {
+            bg: "#023b95",
+          },
+        },
+        meta: {
+          diff: {
+            range: "#622cbc",
+          },
+        },
+        sublimelinter: {
+          gutter: {
+            mark: "#88929d",
+          },
+        },
+      },
+    },
+  },
+  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",
+    },
+  },
+};