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

package/tokens-next-private/ts/functional/themes/dark-dimmed.ts

@@ -0,0 +1,593 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:30 GMT
+ */
+
+export default {
+  topicTag: {
+    borderColor: "#00000000",
+  },
+  highlight: {
+    neutral: {
+      bgColor: "#c6902666",
+    },
+  },
+  page: {
+    header: {
+      bgColor: "#22272e",
+    },
+  },
+  diffBlob: {
+    addition: {
+      fgColor: {
+        text: "#c5d1de",
+        num: "#c5d1de",
+      },
+      bgColor: {
+        num: "#57ab5a4d",
+        line: "#46954a26",
+        word: "#46954a66",
+      },
+    },
+    deletion: {
+      fgColor: {
+        text: "#c5d1de",
+        num: "#c5d1de",
+      },
+      bgColor: {
+        num: "#e5534b4d",
+        line: "#e5534b26",
+        word: "#e5534b66",
+      },
+    },
+    hunk: {
+      bgColor: {
+        num: "#4184e466",
+      },
+    },
+    expander: {
+      iconColor: "#c5d1de",
+    },
+  },
+  diffStat: {
+    addition: {
+      bgColor: "#347d39",
+    },
+  },
+  codeMirror: {
+    fgColor: "#c5d1de",
+    bgColor: "#22272e",
+    gutters: {
+      bgColor: "#22272e",
+    },
+    gutterMarker: {
+      fgColor: {
+        default: "#22272e",
+        muted: "#6d7986",
+      },
+    },
+    lineNumber: {
+      fgColor: "#6d7986",
+    },
+    cursor: {
+      fgColor: "#c5d1de",
+    },
+    selection: {
+      bgColor: "#4184e466",
+    },
+    activeline: {
+      bgColor: "#636e7b26",
+    },
+    matchingBracket: {
+      fgColor: "#c5d1de",
+    },
+    lines: {
+      bgColor: "#22272e",
+    },
+    syntax: {
+      fgColor: {
+        comment: "#768390",
+        constant: "#6cb6ff",
+        entity: "#dcbdfb",
+        keyword: "#f47067",
+        storage: "#f47067",
+        string: "#96d0ff",
+        support: "#6cb6ff",
+        variable: "#f69d50",
+      },
+    },
+  },
+  header: {
+    fgColor: {
+      default: "#cdd9e5b3",
+      logo: "#cdd9e5",
+      text: "#cdd9e5b3",
+      borderColor: "#768390",
+    },
+    bgColor: "#2d333bf2",
+    borderColor: {
+      divider: "#768390",
+    },
+  },
+  headerSearch: {
+    bgColor: "#22272e",
+    borderColor: "#444c56",
+  },
+  avatar: {
+    bgColor: "#cdd9e51a",
+    borderColor: "#00000000",
+    shadow: "0px 0px 0px 2px #22272e",
+  },
+  avatarStack: {
+    fade: {
+      bgColor: {
+        default: "#444c56",
+        muted: "#373e47",
+      },
+    },
+  },
+  control: {
+    bgColor: {
+      rest: "#373e47",
+      hover: "#3d444e",
+      active: "#434a54",
+      disabled: "#545d68",
+      selected: "#2d333b",
+    },
+    fgColor: {
+      rest: "#adbac7",
+      placeholder: "#545d68",
+      disabled: "#545d68",
+    },
+    borderColor: {
+      rest: "#444c56",
+      emphasis: "#606b77",
+      disabled: "#444c56",
+      selected: "#cdd9e5",
+      success: "#347d39",
+      danger: "#c93c37",
+      warning: "#966600",
+    },
+    iconColor: {
+      rest: "#6d7986",
+    },
+    transparent: {
+      bgColor: {
+        rest: "#00000000",
+        hover: "#909dab1f",
+        active: "#909dab33",
+        disabled: "#00000000",
+        selected: "#909dab14",
+      },
+      borderColor: {
+        rest: "#00000000",
+        hover: "#00000000",
+        active: "#00000000",
+      },
+    },
+    danger: {
+      fgColor: {
+        rest: "#e5534b",
+        hover: "#f47067",
+      },
+      bgColor: {
+        hover: "#e5534b1a",
+        active: "#e5534b66",
+      },
+    },
+    checked: {
+      bgColor: {
+        rest: "#316dca",
+        hover: "#3876d3",
+        active: "#3f7fdb",
+        disabled: "#545d68",
+      },
+      fgColor: {
+        rest: "#cdd9e5",
+        disabled: "#1c2128",
+      },
+      borderColor: {
+        rest: "#316dca",
+        hover: "#00000000",
+        active: "#00000000",
+        disabled: "#545d68",
+      },
+    },
+  },
+  controlTrack: {
+    bgColor: {
+      rest: "#373e47",
+      hover: "#3d444e",
+      active: "#434a54",
+      disabled: "#545d68",
+    },
+    fgColor: {
+      rest: "#6d7986",
+      disabled: "#6d7986",
+    },
+    borderColor: {
+      rest: "#00000000",
+      disabled: "#545d68",
+    },
+  },
+  controlKnob: {
+    bgColor: {
+      rest: "#1c2128",
+      disabled: "#545d68",
+      checked: "#cdd9e5",
+    },
+    borderColor: {
+      rest: "#606b77",
+      disabled: "#545d68",
+      checked: "#316dca",
+    },
+  },
+  counter: {
+    borderColor: "#00000000",
+  },
+  button: {
+    default: {
+      fgColor: {
+        rest: "#adbac7",
+      },
+      bgColor: {
+        rest: "#373e47",
+        hover: "#3d444e",
+        active: "#434a54",
+        selected: "#434a54",
+      },
+      borderColor: {
+        rest: "#444c56",
+        hover: "#444c56",
+        active: "#444c56",
+      },
+      shadow: {
+        resting: "0px 0px 0px 0px #000000",
+        inset: "0px 0px 0px 0px #000000",
+      },
+    },
+    primary: {
+      fgColor: {
+        rest: "#cdd9e5",
+        disabled: "#cdd9e580",
+      },
+      iconColor: {
+        rest: "#cdd9e5",
+      },
+      bgColor: {
+        rest: "#347d39",
+        hover: "#3b8640",
+        active: "#428f46",
+        disabled: "#50a254",
+      },
+      borderColor: {
+        rest: "#444c56cc",
+        hover: "#444c56cc",
+        disabled: "#444c56cc",
+      },
+      shadow: {
+        selected: "0px 0px 0px 0px #000000",
+      },
+    },
+    invisible: {
+      fgColor: {
+        rest: "#3b7cdb",
+        disabled: "#545d68",
+      },
+      bgColor: {
+        rest: "#00000000",
+        hover: "#909dab1f",
+        active: "#909dab33",
+        disabled: "#00000000",
+      },
+      borderColor: {
+        rest: "#00000000",
+        hover: "#00000000",
+      },
+    },
+    outline: {
+      fgColor: {
+        rest: "#3b7cdb",
+        hover: "#3b7cdb",
+        active: "#cdd9e5",
+        disabled: "#3b7cdb80",
+      },
+      bgColor: {
+        rest: "#cdd9e5",
+        hover: "#444c56",
+        active: "#1b4b91",
+        disabled: "#22272e",
+      },
+      borderColor: {
+        hover: "#444c5666",
+        selected: "#444c5666",
+      },
+      shadow: {
+        selected: "0px 0px 0px 0px #000000",
+      },
+    },
+    danger: {
+      fgColor: {
+        rest: "#e5534b",
+        hover: "#cdd9e5",
+        active: "#cdd9e5",
+        disabled: "#e5534b80",
+      },
+      iconColor: {
+        rest: "#e5534b",
+        hover: "#cdd9e5",
+      },
+      bgColor: {
+        rest: "#373e47",
+        hover: "#ad2e2c",
+        active: "#c33d38",
+        disabled: "#373e47",
+      },
+      borderColor: {
+        rest: "#444c56",
+        hover: "#ad2e2c",
+        active: "#c33d38",
+      },
+      shadow: {
+        selected: "0px 0px 0px 0px #000000",
+      },
+    },
+  },
+  buttonCounter: {
+    default: {
+      bgColor: {
+        rest: "#444c56",
+      },
+    },
+    primary: {
+      bgColor: {
+        rest: "#cdd9e533",
+      },
+    },
+    outline: {
+      bgColor: {
+        rest: "#316dca1a",
+        hover: "#cdd9e533",
+        disabled: "#316dca0d",
+      },
+    },
+    danger: {
+      bgColor: {
+        hover: "#cdd9e533",
+        disabled: "#c93c370d",
+        rest: "#c93c371a",
+      },
+    },
+  },
+  focus: {
+    outlineColor: "#316dca",
+  },
+  menu: {
+    bgColor: {
+      active: "#2d333b",
+    },
+  },
+  overlay: {
+    bgColor: "#2d333b",
+    backdrop: {
+      bgColor: "#909dab33",
+    },
+  },
+  selectMenu: {
+    borderColor: "#545d68",
+    bgColor: {
+      active: "#143d79",
+    },
+  },
+  sideNav: {
+    bgColor: {
+      selected: "#373e47",
+    },
+  },
+  timelineBadge: {
+    bgColor: "#373e47",
+  },
+  treeViewItem: {
+    leadingVisual: {
+      bgColor: {
+        rest: "#6d7986",
+      },
+    },
+  },
+  underlineNav: {
+    borderColor: {
+      active: "#ec775c",
+      hover: "#636e7b66",
+    },
+    iconColor: {
+      rest: "#6d7986",
+    },
+  },
+  fgColor: {
+    default: "#c5d1de",
+    muted: "#6d7986",
+    onEmphasis: "#cdd9e5",
+    disabled: "#545d68",
+    link: {
+      rest: "#3b7cdb",
+      inverse: {
+        rest: "#316dca",
+      },
+      control: "#5e6975",
+    },
+    accent: "#3b7cdb",
+    success: "#57ab5a",
+    attention: "#c69026",
+    severe: "#cc6b2c",
+    danger: "#e5534b",
+    open: "#57ab5a",
+    closed: "#e5534b",
+    done: "#986ee2",
+    sponsors: "#c96198",
+  },
+  bgColor: {
+    default: "#22272e",
+    muted: "#2d333b",
+    emphasis: "#636e7b",
+    disabled: "#545d68",
+    neutral: {
+      muted: "#636e7b26",
+      emphasis: "#636e7b",
+    },
+    accent: {
+      muted: "#4184e426",
+      emphasis: "#316dca",
+    },
+    success: {
+      muted: "#46954a26",
+      emphasis: "#347d39",
+    },
+    attention: {
+      muted: "#ae7c1426",
+      emphasis: "#966600",
+    },
+    severe: {
+      muted: "#cc6b2c1a",
+      emphasis: "#ae5622",
+    },
+    danger: {
+      muted: "#e5534b1a",
+      emphasis: "#c93c37",
+    },
+    open: {
+      muted: "#46954a1a",
+      emphasis: "#347d39",
+    },
+    closed: {
+      muted: "#e5534b26",
+      emphasis: "#c93c37",
+    },
+    done: {
+      muted: "#986ee226",
+      emphasis: "#8256d0",
+    },
+    sponsors: {
+      muted: "#c961981a",
+      emphasis: "#ae4c82",
+    },
+  },
+  borderColor: {
+    default: "#444c56",
+    muted: "#444c5666",
+    emphasis: "#545d68",
+    disabled: "#444c56",
+    neutral: {
+      muted: "#636e7b66",
+      emphasis: "#636e7b",
+    },
+    accent: {
+      muted: "#4184e466",
+      emphasis: "#316dca",
+    },
+    success: {
+      muted: "#46954a66",
+      emphasis: "#347d39",
+    },
+    attention: {
+      muted: "#ae7c1466",
+      emphasis: "#966600",
+    },
+    severe: {
+      muted: "#cc6b2c66",
+      emphasis: "#ae5622",
+    },
+    danger: {
+      muted: "#e5534b66",
+      emphasis: "#c93c37",
+    },
+    open: {
+      muted: "#46954a66",
+      emphasis: "#347d39",
+    },
+    closed: {
+      muted: "#e5534b66",
+      emphasis: "#c93c37",
+    },
+    done: {
+      muted: "#986ee266",
+      emphasis: "#8256d0",
+    },
+    sponsors: {
+      muted: "#c9619866",
+      emphasis: "#ae4c82",
+    },
+  },
+  ansi: {
+    fgColor: {
+      black: "#545d68",
+      blackBright: "#636e7b",
+      white: "#909dab",
+      whiteBright: "#cdd9e5",
+      gray: "#636e7b",
+      red: "#f47067",
+      redBright: "#ff938a",
+      green: "#57ab5a",
+      greenBright: "#6bc46d",
+      yellow: "#c69026",
+      yellowBright: "#daaa3f",
+      blue: "#539bf5",
+      blueBright: "#6cb6ff",
+      magenta: "#b083f0",
+      magentaBright: "#dcbdfb",
+      cyan: "#39c5cf",
+      cyanBright: "#56d4dd",
+    },
+  },
+  prettylights: {
+    syntax: {
+      comment: "#768390",
+      constant: "#6cb6ff",
+      entity: "#dcbdfb",
+      storageModifierImport: "#adbac7",
+      entityTag: "#8ddb8c",
+      keyword: "#f47067",
+      string: "#96d0ff",
+      variable: "#f69d50",
+      brackethighlighterUnmatched: "#e5534b",
+      invalidIllegalText: "#cdd9e5",
+      invalidIllegalBg: "#922323",
+      carriageReturnText: "#cdd9e5",
+      carriageReturnBg: "#ad2e2c",
+      stringRegexp: "#8ddb8c",
+      markupList: "#eac55f",
+      markupHeading: "#316dca",
+      markupItalic: "#adbac7",
+      markupBold: "#adbac7",
+      markupDeletedText: "#ffd8d3",
+      markupDeletedBg: "#78191b",
+      markupInsertedText: "#b4f1b4",
+      markupInsertedBg: "#1b4721",
+      markupChangedText: "#ffddb0",
+      markupChangedBg: "#682d0f",
+      markupIgnoredText: "#adbac7",
+      markupIgnoredBg: "#255ab2",
+      metaDiffRange: "#dcbdfb",
+      brackethighlighterAngle: "#768390",
+      sublimelinterGutterMark: "#545d68",
+      constantOtherReferenceLink: "#96d0ff",
+    },
+  },
+  shadow: {
+    inset: "0px 0px 0px 0px #000000",
+    highlight: "0px 0px 0px 0px #000000",
+    resting: {
+      xsmall: "0px 1px 0px 0px #1c2128a3",
+      small: "0px 0px 0px 0px #000000",
+      medium: "0px 3px 6px 0px #1c2128",
+    },
+    floating: {
+      small: "0px 0px 0px 1px #444c56, 0px 16px 32px 0px #1c2128d9",
+      medium: "0px 4px 32px -4px #636e7b17, 0px 8px 16px -4px #636e7b17, 0px 24px 48px -12px #636e7b29, 0px 48px 96px -24px #636e7b3d",
+      large: "0px 8px 24px 0px #1c2128",
+      xlarge: "0px 12px 48px 0px #1c2128",
+    },
+  },
+  outline: {
+    focus: "#316dca solid 1px",
+  },
+};