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

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

@@ -1,745 +0,0 @@
-exports.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",
-    },
-    bgColor: "#2d333bf2",
-    borderColor: {
-      divider: "#768390",
-    },
-  },
-  headerSearch: {
-    bgColor: "#22272e",
-    borderColor: "#444c56",
-  },
-  avatar: {
-    bgColor: "#cdd9e51a",
-    borderColor: "#444c5666",
-    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: "#3876d3",
-        active: "#3f7fdb",
-        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: "#cdd9e51a",
-        hover: "#cdd9e51a",
-        disabled: "#cdd9e51a",
-      },
-      shadow: {
-        selected: "0px 0px 0px 0px #000000",
-      },
-    },
-    invisible: {
-      fgColor: {
-        rest: "#3b7cdb",
-        hover: "#539bf5",
-        disabled: "#545d68",
-      },
-      bgColor: {
-        rest: "#00000000",
-        hover: "#909dab1f",
-        active: "#909dab33",
-        disabled: "#00000000",
-      },
-      borderColor: {
-        rest: "#00000000",
-        hover: "#00000000",
-      },
-    },
-    outline: {
-      fgColor: {
-        rest: "#4184e4",
-        hover: "#539bf5",
-        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",
-      },
-    },
-    invisible: {
-      bgColor: {
-        rest: "#444c56",
-      },
-    },
-    primary: {
-      bgColor: {
-        rest: "#11341733",
-      },
-    },
-    outline: {
-      bgColor: {
-        rest: "#0f2d5c33",
-        hover: "#0f2d5c33",
-        disabled: "#316dca0d",
-      },
-      fgColor: {
-        rest: "#4184e4",
-        hover: "#539bf5",
-        disabled: "#3b7cdb80",
-      },
-    },
-    danger: {
-      bgColor: {
-        hover: "#cdd9e533",
-        disabled: "#c93c370d",
-        rest: "#5d0f1233",
-      },
-      fgColor: {
-        rest: "#e5534b",
-        hover: "#cdd9e5",
-        disabled: "#e5534b80",
-      },
-    },
-  },
-  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",
-    },
-    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",
-    transparent: "#00000000",
-    neutral: {
-      muted: "#636e7b26",
-      emphasis: "#636e7b",
-    },
-    accent: {
-      muted: "#4184e41a",
-      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",
-    transparent: "#00000000",
-    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",
-    },
-  },
-  color: {
-    ansi: {
-      black: "#545d68",
-      "black-bright": "#636e7b",
-      white: "#909dab",
-      "white-bright": "#cdd9e5",
-      gray: "#636e7b",
-      red: "#f47067",
-      "red-bright": "#ff938a",
-      green: "#57ab5a",
-      "green-bright": "#6bc46d",
-      yellow: "#c69026",
-      "yellow-bright": "#daaa3f",
-      blue: "#539bf5",
-      "blue-bright": "#6cb6ff",
-      magenta: "#b083f0",
-      "magenta-bright": "#dcbdfb",
-      cyan: "#39c5cf",
-      "cyan-bright": "#56d4dd",
-    },
-    prettylights: {
-      syntax: {
-        comment: "#768390",
-        constant: "#6cb6ff",
-        "constant-other-reference-link": "#96d0ff",
-        entity: "#dcbdfb",
-        storage: {
-          modifier: {
-            import: "#adbac7",
-          },
-        },
-        "entity-tag": "#8ddb8c",
-        keyword: "#f47067",
-        string: "#96d0ff",
-        variable: "#f69d50",
-        brackethighlighter: {
-          unmatched: "#e5534b",
-          angle: "#768390",
-        },
-        invalid: {
-          illegal: {
-            text: "#cdd9e5",
-            bg: "#922323",
-          },
-        },
-        carriage: {
-          return: {
-            text: "#cdd9e5",
-            bg: "#ad2e2c",
-          },
-        },
-        "string-regexp": "#8ddb8c",
-        markup: {
-          list: "#eac55f",
-          heading: "#316dca",
-          italic: "#adbac7",
-          bold: "#adbac7",
-          deleted: {
-            text: "#ffd8d3",
-            bg: "#78191b",
-          },
-          inserted: {
-            text: "#b4f1b4",
-            bg: "#1b4721",
-          },
-          changed: {
-            text: "#ffddb0",
-            bg: "#682d0f",
-          },
-          ignored: {
-            text: "#adbac7",
-            bg: "#255ab2",
-          },
-        },
-        meta: {
-          diff: {
-            range: "#dcbdfb",
-          },
-        },
-        sublimelinter: {
-          gutter: {
-            mark: "#545d68",
-          },
-        },
-      },
-    },
-    scale: {
-      black: "#1c2128",
-      transparent: "#00000000",
-      white: "#cdd9e5",
-      gray: {
-        "0": "#cdd9e5",
-        "1": "#adbac7",
-        "2": "#909dab",
-        "3": "#768390",
-        "4": "#636e7b",
-        "5": "#545d68",
-        "6": "#444c56",
-        "7": "#373e47",
-        "8": "#2d333b",
-        "9": "#22272e",
-      },
-      blue: {
-        "0": "#c6e6ff",
-        "1": "#96d0ff",
-        "2": "#6cb6ff",
-        "3": "#539bf5",
-        "4": "#4184e4",
-        "5": "#316dca",
-        "6": "#255ab2",
-        "7": "#1b4b91",
-        "8": "#143d79",
-        "9": "#0f2d5c",
-      },
-      green: {
-        "0": "#b4f1b4",
-        "1": "#8ddb8c",
-        "2": "#6bc46d",
-        "3": "#57ab5a",
-        "4": "#46954a",
-        "5": "#347d39",
-        "6": "#2b6a30",
-        "7": "#245829",
-        "8": "#1b4721",
-        "9": "#113417",
-      },
-      yellow: {
-        "0": "#fbe090",
-        "1": "#eac55f",
-        "2": "#daaa3f",
-        "3": "#c69026",
-        "4": "#ae7c14",
-        "5": "#966600",
-        "6": "#805400",
-        "7": "#6c4400",
-        "8": "#593600",
-        "9": "#452700",
-      },
-      orange: {
-        "0": "#ffddb0",
-        "1": "#ffbc6f",
-        "2": "#f69d50",
-        "3": "#e0823d",
-        "4": "#cc6b2c",
-        "5": "#ae5622",
-        "6": "#94471b",
-        "7": "#7f3913",
-        "8": "#682d0f",
-        "9": "#4d210c",
-      },
-      red: {
-        "0": "#ffd8d3",
-        "1": "#ffb8b0",
-        "2": "#ff938a",
-        "3": "#f47067",
-        "4": "#e5534b",
-        "5": "#c93c37",
-        "6": "#ad2e2c",
-        "7": "#922323",
-        "8": "#78191b",
-        "9": "#5d0f12",
-      },
-      purple: {
-        "0": "#eedcff",
-        "1": "#dcbdfb",
-        "2": "#dcbdfb",
-        "3": "#b083f0",
-        "4": "#986ee2",
-        "5": "#8256d0",
-        "6": "#6b44bc",
-        "7": "#5936a2",
-        "8": "#472c82",
-        "9": "#352160",
-      },
-      pink: {
-        "0": "#ffd7eb",
-        "1": "#ffb3d8",
-        "2": "#fc8dc7",
-        "3": "#e275ad",
-        "4": "#c96198",
-        "5": "#ae4c82",
-        "6": "#983b6e",
-        "7": "#7e325a",
-        "8": "#69264a",
-        "9": "#551639",
-      },
-      coral: {
-        "0": "#ffdacf",
-        "1": "#ffb9a5",
-        "2": "#f79981",
-        "3": "#ec775c",
-        "4": "#de5b41",
-        "5": "#c2442d",
-        "6": "#a93524",
-        "7": "#8d291b",
-        "8": "#771d13",
-        "9": "#5d1008",
-      },
-    },
-  },
-  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 2px",
-  },
-};