@primer/components 0.0.0-2021816151443 → 0.0.0-2021816212749

Sign up to get free protection for your applications and to get access to all the features.
Files changed (112) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/dist/browser.esm.js +667 -621
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +301 -255
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/Item.js +3 -3
  7. package/lib/AnchoredOverlay/AnchoredOverlay.js +2 -2
  8. package/lib/Avatar.d.ts +4 -0
  9. package/lib/Dialog/Dialog.js +4 -4
  10. package/lib/FilteredActionList/FilteredActionList.js +3 -3
  11. package/lib/Overlay.d.ts +0 -1
  12. package/lib/Overlay.js +5 -10
  13. package/lib/SelectMenu/SelectMenu.d.ts +11 -327
  14. package/lib/SelectMenu/SelectMenuFilter.d.ts +1 -1
  15. package/lib/TextInput.d.ts +6 -6
  16. package/lib/TextInput.js +21 -16
  17. package/lib/Timeline.js +12 -15
  18. package/lib/hooks/useOverlay.d.ts +1 -2
  19. package/lib/hooks/useOverlay.js +6 -11
  20. package/lib/index.d.ts +1 -0
  21. package/lib/index.js +14 -0
  22. package/lib/theme-preval.js +1705 -1957
  23. package/lib/utils/ssr.d.ts +1 -0
  24. package/lib/utils/ssr.js +19 -0
  25. package/lib/utils/testing.d.ts +2431 -2929
  26. package/lib/utils/uniqueId.js +1 -0
  27. package/lib-esm/ActionList/Item.js +4 -4
  28. package/lib-esm/AnchoredOverlay/AnchoredOverlay.js +3 -3
  29. package/lib-esm/Avatar.d.ts +4 -0
  30. package/lib-esm/Dialog/Dialog.js +3 -3
  31. package/lib-esm/FilteredActionList/FilteredActionList.js +3 -3
  32. package/lib-esm/Overlay.d.ts +0 -1
  33. package/lib-esm/Overlay.js +5 -8
  34. package/lib-esm/SelectMenu/SelectMenu.d.ts +11 -327
  35. package/lib-esm/SelectMenu/SelectMenuFilter.d.ts +1 -1
  36. package/lib-esm/TextInput.d.ts +6 -6
  37. package/lib-esm/TextInput.js +22 -16
  38. package/lib-esm/Timeline.js +8 -13
  39. package/lib-esm/hooks/useOverlay.d.ts +1 -2
  40. package/lib-esm/hooks/useOverlay.js +6 -11
  41. package/lib-esm/index.d.ts +1 -0
  42. package/lib-esm/index.js +2 -1
  43. package/lib-esm/theme-preval.js +1705 -1957
  44. package/lib-esm/utils/ssr.d.ts +1 -0
  45. package/lib-esm/utils/ssr.js +1 -0
  46. package/lib-esm/utils/testing.d.ts +2431 -2929
  47. package/lib-esm/utils/uniqueId.js +1 -0
  48. package/package.json +5 -7
  49. package/lib/Autocomplete/Autocomplete.d.ts +0 -8
  50. package/lib/Autocomplete/Autocomplete.js +0 -49
  51. package/lib/Autocomplete/AutocompleteContext.d.ts +0 -13
  52. package/lib/Autocomplete/AutocompleteContext.js +0 -11
  53. package/lib/Autocomplete/AutocompleteInput.d.ts +0 -7
  54. package/lib/Autocomplete/AutocompleteInput.js +0 -78
  55. package/lib/Autocomplete/AutocompleteMenu.d.ts +0 -19
  56. package/lib/Autocomplete/AutocompleteMenu.js +0 -226
  57. package/lib/Badge/Badge.d.ts +0 -8
  58. package/lib/Badge/Badge.js +0 -59
  59. package/lib/Badge/BadgeState.d.ts +0 -13
  60. package/lib/Badge/BadgeState.js +0 -51
  61. package/lib/Badge/_badgeStyleUtils.d.ts +0 -3
  62. package/lib/Badge/_badgeStyleUtils.js +0 -39
  63. package/lib/TextInputTokens.d.ts +0 -32
  64. package/lib/TextInputTokens.js +0 -225
  65. package/lib/TextInputWithTokens.d.ts +0 -41
  66. package/lib/TextInputWithTokens.js +0 -396
  67. package/lib/Token/Token.d.ts +0 -7
  68. package/lib/Token/Token.js +0 -66
  69. package/lib/Token/TokenBase.d.ts +0 -16
  70. package/lib/Token/TokenBase.js +0 -76
  71. package/lib/Token/TokenLabel.d.ts +0 -8
  72. package/lib/Token/TokenLabel.js +0 -116
  73. package/lib/Token/TokenProfile.d.ts +0 -7
  74. package/lib/Token/TokenProfile.js +0 -45
  75. package/lib/Token/_AddTokenButton.d.ts +0 -3
  76. package/lib/Token/_AddTokenButton.js +0 -42
  77. package/lib/Token/_RemoveTokenButton.d.ts +0 -3
  78. package/lib/Token/_RemoveTokenButton.js +0 -42
  79. package/lib/Token/_tokenButtonUtils.d.ts +0 -8
  80. package/lib/Token/_tokenButtonUtils.js +0 -42
  81. package/lib-esm/Autocomplete/Autocomplete.d.ts +0 -8
  82. package/lib-esm/Autocomplete/Autocomplete.js +0 -36
  83. package/lib-esm/Autocomplete/AutocompleteContext.d.ts +0 -13
  84. package/lib-esm/Autocomplete/AutocompleteContext.js +0 -2
  85. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +0 -7
  86. package/lib-esm/Autocomplete/AutocompleteInput.js +0 -59
  87. package/lib-esm/Autocomplete/AutocompleteMenu.d.ts +0 -19
  88. package/lib-esm/Autocomplete/AutocompleteMenu.js +0 -203
  89. package/lib-esm/Badge/Badge.d.ts +0 -8
  90. package/lib-esm/Badge/Badge.js +0 -44
  91. package/lib-esm/Badge/BadgeState.d.ts +0 -13
  92. package/lib-esm/Badge/BadgeState.js +0 -40
  93. package/lib-esm/Badge/_badgeStyleUtils.d.ts +0 -3
  94. package/lib-esm/Badge/_badgeStyleUtils.js +0 -29
  95. package/lib-esm/TextInputTokens.d.ts +0 -32
  96. package/lib-esm/TextInputTokens.js +0 -195
  97. package/lib-esm/TextInputWithTokens.d.ts +0 -41
  98. package/lib-esm/TextInputWithTokens.js +0 -361
  99. package/lib-esm/Token/Token.d.ts +0 -7
  100. package/lib-esm/Token/Token.js +0 -46
  101. package/lib-esm/Token/TokenBase.d.ts +0 -16
  102. package/lib-esm/Token/TokenBase.js +0 -56
  103. package/lib-esm/Token/TokenLabel.d.ts +0 -8
  104. package/lib-esm/Token/TokenLabel.js +0 -100
  105. package/lib-esm/Token/TokenProfile.d.ts +0 -7
  106. package/lib-esm/Token/TokenProfile.js +0 -28
  107. package/lib-esm/Token/_AddTokenButton.d.ts +0 -3
  108. package/lib-esm/Token/_AddTokenButton.js +0 -27
  109. package/lib-esm/Token/_RemoveTokenButton.d.ts +0 -3
  110. package/lib-esm/Token/_RemoveTokenButton.js +0 -27
  111. package/lib-esm/Token/_tokenButtonUtils.d.ts +0 -8
  112. package/lib-esm/Token/_tokenButtonUtils.js +0 -26
@@ -4,6 +4,6 @@ import { ComponentProps } from '../utils/types';
4
4
  declare type SelectMenuFilterInternalProps = {
5
5
  value?: string;
6
6
  } & TextInputProps;
7
- declare const SelectMenuFilter: React.ForwardRefExoticComponent<Pick<SelectMenuFilterInternalProps, "backgroundColor" | "color" | "display" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "opacity" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "width" | "margin" | "padding" | "hidden" | "children" | "theme" | "value" | "form" | "p" | "slot" | "style" | "title" | "pattern" | "list" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "block" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "step" | "size" | "icon" | "sx" | "max" | "min" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "as" | "variant" | "hasIcon" | "contrast"> & React.RefAttributes<HTMLInputElement>>;
7
+ declare const SelectMenuFilter: React.ForwardRefExoticComponent<Pick<SelectMenuFilterInternalProps, string | number | symbol> & React.RefAttributes<HTMLInputElement>>;
8
8
  export declare type SelectMenuFilterProps = ComponentProps<typeof SelectMenuFilter>;
9
9
  export default SelectMenuFilter;
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import { MaxWidthProps, MinWidthProps, WidthProps } from 'styled-system';
3
- import { SystemCommonProps } from './constants';
4
3
  import { SxProp } from './sx';
5
4
  import { ComponentProps } from './utils/types';
6
5
  declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
@@ -10,13 +9,14 @@ declare const Wrapper: import("styled-components").StyledComponent<"span", any,
10
9
  block?: boolean | undefined;
11
10
  contrast?: boolean | undefined;
12
11
  variant?: "large" | "small" | undefined;
13
- } & SystemCommonProps & WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & MinWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>> & MaxWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>> & SxProp, never>;
14
- declare type TextInputInternalProps = {
15
- as?: any;
12
+ } & WidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Width<import("styled-system").TLengthStyledSystem>> & MinWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MinWidth<import("styled-system").TLengthStyledSystem>> & MaxWidthProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.MaxWidth<import("styled-system").TLengthStyledSystem>> & SxProp, never>;
13
+ declare type NonPassthroughProps = {
14
+ className?: string;
16
15
  icon?: React.ComponentType<{
17
16
  className?: string;
18
17
  }>;
19
- } & ComponentProps<typeof Wrapper> & ComponentProps<typeof Input>;
20
- declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputInternalProps, "backgroundColor" | "color" | "display" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxWidth" | "minWidth" | "opacity" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "translate" | "width" | "margin" | "padding" | "hidden" | "children" | "theme" | "value" | "form" | "p" | "slot" | "style" | "title" | "pattern" | "list" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "block" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "step" | "size" | "icon" | "sx" | "max" | "min" | "crossOrigin" | "alt" | "src" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "as" | "variant" | "hasIcon" | "contrast"> & React.RefAttributes<HTMLInputElement>>;
18
+ } & Pick<ComponentProps<typeof Wrapper>, 'block' | 'contrast' | 'disabled' | 'sx' | 'theme' | 'width' | 'maxWidth' | 'minWidth' | 'variant'>;
19
+ declare type TextInputInternalProps = NonPassthroughProps & Omit<React.ComponentPropsWithoutRef<typeof Input>, keyof NonPassthroughProps>;
20
+ declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputInternalProps, string | number | symbol> & React.RefAttributes<HTMLInputElement>>;
21
21
  export declare type TextInputProps = ComponentProps<typeof TextInput>;
22
22
  export default TextInput;
package/lib/TextInput.js CHANGED
@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _props = require("@styled-system/props");
9
-
10
8
  var _classnames = _interopRequireDefault(require("classnames"));
11
9
 
12
10
  var _react = _interopRequireDefault(require("react"));
@@ -52,38 +50,45 @@ const Input = _styledComponents.default.input.withConfig({
52
50
  const Wrapper = _styledComponents.default.span.withConfig({
53
51
  displayName: "TextInput__Wrapper",
54
52
  componentId: "sc-1apmpmt-1"
55
- })(["display:inline-flex;align-items:stretch;min-height:34px;font-size:", ";line-height:20px;color:", ";vertical-align:middle;background-repeat:no-repeat;background-position:right 8px center;border:1px solid ", ";border-radius:", ";outline:none;box-shadow:", ";", " .TextInput-icon{align-self:center;color:", ";margin:0 ", ";flex-shrink:0;}&:focus-within{border-color:", ";box-shadow:", ";}", " ", " ", " @media (min-width:", "){font-size:", ";}", " ", " ", " ", " ", " ", ";"], (0, _constants.get)('fontSizes.1'), (0, _constants.get)('colors.text.primary'), (0, _constants.get)('colors.border.primary'), (0, _constants.get)('radii.2'), (0, _constants.get)('shadows.shadow.inset'), props => {
53
+ })(["display:inline-flex;align-items:stretch;min-height:34px;font-size:", ";line-height:20px;color:", ";vertical-align:middle;background-repeat:no-repeat;background-position:right 8px center;border:1px solid ", ";border-radius:", ";outline:none;box-shadow:", ";", " .TextInput-icon{align-self:center;color:", ";margin:0 ", ";flex-shrink:0;}&:focus-within{border-color:", ";box-shadow:", ";}", " ", " ", " @media (min-width:", "){font-size:", ";}", " ", " ", " ", " ", ";"], (0, _constants.get)('fontSizes.1'), (0, _constants.get)('colors.text.primary'), (0, _constants.get)('colors.border.primary'), (0, _constants.get)('radii.2'), (0, _constants.get)('shadows.shadow.inset'), props => {
56
54
  if (props.hasIcon) {
57
55
  return (0, _styledComponents.css)(["padding:0;"]);
58
56
  } else {
59
57
  return (0, _styledComponents.css)(["padding:6px 12px;"]);
60
58
  }
61
- }, (0, _constants.get)('colors.icon.tertiary'), (0, _constants.get)('space.2'), (0, _constants.get)('colors.state.focus.border'), (0, _constants.get)('shadows.state.focus.shadow'), props => props.contrast && (0, _styledComponents.css)(["background-color:", ";"], (0, _constants.get)('colors.input.contrastBg')), props => props.disabled && (0, _styledComponents.css)(["color:", ";background-color:", ";border-color:", ";"], (0, _constants.get)('colors.text.secondary'), (0, _constants.get)('colors.input.disabledBg'), (0, _constants.get)('colors.input.disabledBorder')), props => props.block && (0, _styledComponents.css)(["display:block;width:100%;"]), (0, _constants.get)('breakpoints.1'), (0, _constants.get)('fontSizes.1'), _constants.COMMON, _styledSystem.width, _styledSystem.minWidth, _styledSystem.maxWidth, sizeVariants, _sx.default);
59
+ }, (0, _constants.get)('colors.icon.tertiary'), (0, _constants.get)('space.2'), (0, _constants.get)('colors.state.focus.border'), (0, _constants.get)('shadows.state.focus.shadow'), props => props.contrast && (0, _styledComponents.css)(["background-color:", ";"], (0, _constants.get)('colors.input.contrastBg')), props => props.disabled && (0, _styledComponents.css)(["color:", ";background-color:", ";border-color:", ";"], (0, _constants.get)('colors.text.secondary'), (0, _constants.get)('colors.input.disabledBg'), (0, _constants.get)('colors.input.disabledBorder')), props => props.block && (0, _styledComponents.css)(["display:block;width:100%;"]), (0, _constants.get)('breakpoints.1'), (0, _constants.get)('fontSizes.1'), _styledSystem.width, _styledSystem.minWidth, _styledSystem.maxWidth, sizeVariants, _sx.default); // Props that are not passed through to Input:
60
+
62
61
 
63
62
  // using forwardRef is important so that other components (ex. SelectMenu) can autofocus the input
64
63
  const TextInput = /*#__PURE__*/_react.default.forwardRef(({
65
64
  icon: IconComponent,
66
- contrast,
67
- className,
68
65
  block,
66
+ className,
67
+ contrast,
69
68
  disabled,
70
- theme,
71
69
  sx: sxProp,
72
- ...rest
70
+ theme,
71
+ width: widthProp,
72
+ minWidth: minWidthProp,
73
+ maxWidth: maxWidthProp,
74
+ variant: variantProp,
75
+ ...inputProps
73
76
  }, ref) => {
74
77
  // this class is necessary to style FilterSearch, plz no touchy!
75
78
  const wrapperClasses = (0, _classnames.default)(className, 'TextInput-wrapper');
76
- const wrapperProps = (0, _props.pick)(rest);
77
- const inputProps = (0, _props.omit)(rest);
78
- return /*#__PURE__*/_react.default.createElement(Wrapper, _extends({
79
+ return /*#__PURE__*/_react.default.createElement(Wrapper, {
80
+ block: block,
79
81
  className: wrapperClasses,
82
+ contrast: contrast,
83
+ disabled: disabled,
80
84
  hasIcon: !!IconComponent,
81
- block: block,
85
+ sx: sxProp,
82
86
  theme: theme,
83
- disabled: disabled,
84
- contrast: contrast,
85
- sx: sxProp
86
- }, wrapperProps), IconComponent && /*#__PURE__*/_react.default.createElement(IconComponent, {
87
+ width: widthProp,
88
+ minWidth: minWidthProp,
89
+ maxWidth: maxWidthProp,
90
+ variant: variantProp
91
+ }, IconComponent && /*#__PURE__*/_react.default.createElement(IconComponent, {
87
92
  className: "TextInput-icon"
88
93
  }), /*#__PURE__*/_react.default.createElement(Input, _extends({
89
94
  ref: ref,
package/lib/Timeline.js CHANGED
@@ -5,24 +5,24 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
 
8
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
-
10
8
  var _classnames = _interopRequireDefault(require("classnames"));
11
9
 
12
10
  var _react = _interopRequireDefault(require("react"));
13
11
 
12
+ var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
+
14
14
  var _Box = _interopRequireDefault(require("./Box"));
15
15
 
16
16
  var _constants = require("./constants");
17
17
 
18
18
  var _sx = _interopRequireDefault(require("./sx"));
19
19
 
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
20
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
21
 
24
22
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
23
 
24
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
+
26
26
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
27
 
28
28
  const Timeline = (0, _styledComponents.default)(_Box.default).withConfig({
@@ -36,19 +36,18 @@ const TimelineItem = (0, _styledComponents.default)(_Box.default).attrs(props =>
36
36
  componentId: "c4dq2e-1"
37
37
  })(["display:flex;position:relative;padding:", " 0;margin-left:", ";&::before{position:absolute;top:0;bottom:0;left:0;display:block;width:2px;content:'';background-color:", ";}", " ", ";", ";"], (0, _constants.get)('space.3'), (0, _constants.get)('space.3'), (0, _constants.get)('colors.border.secondary'), props => props.condensed && (0, _styledComponents.css)(["padding-top:", ";padding-bottom:0;&:last-child{padding-bottom:", ";}.TimelineItem-Badge{height:16px;margin-top:", ";margin-bottom:", ";color:", ";background-color:", ";border:0;}"], (0, _constants.get)('space.1'), (0, _constants.get)('space.3'), (0, _constants.get)('space.2'), (0, _constants.get)('space.2'), (0, _constants.get)('colors.icon.tertiary'), (0, _constants.get)('colors.bg.canvas')), _constants.COMMON, _sx.default);
38
38
 
39
- var _StyledBox = (0, _styledComponents.default)(_Box.default).withConfig({
40
- displayName: "Timeline___StyledBox",
41
- componentId: "c4dq2e-2"
42
- })(["border-radius:50%;border:2px solid ", ";"], p => p._css);
43
-
44
39
  const TimelineBadge = props => {
45
40
  return /*#__PURE__*/_react.default.createElement(_Box.default, {
46
41
  position: "relative",
47
42
  zIndex: 1
48
- }, /*#__PURE__*/_react.default.createElement(_StyledBox, _extends({
43
+ }, /*#__PURE__*/_react.default.createElement(_Box.default, _extends({
49
44
  display: "flex",
50
45
  className: (0, _classnames.default)(props.className, 'TimelineItem-Badge'),
51
46
  flexShrink: 0,
47
+ borderRadius: "50%",
48
+ borderWidth: "2px",
49
+ borderStyle: "solid",
50
+ borderColor: "bg.canvas",
52
51
  overflow: "hidden",
53
52
  color: "icon.secondary",
54
53
  bg: "timeline.badgeBg",
@@ -58,19 +57,17 @@ const TimelineBadge = props => {
58
57
  ml: "-15px",
59
58
  alignItems: "center",
60
59
  justifyContent: "center"
61
- }, props, {
62
- _css: (0, _constants.get)('colors.bg.canvas')
63
- }), props.children));
60
+ }, props), props.children));
64
61
  };
65
62
 
66
63
  TimelineBadge.displayName = "TimelineBadge";
67
64
  const TimelineBody = (0, _styledComponents.default)(_Box.default).withConfig({
68
65
  displayName: "Timeline__TimelineBody",
69
- componentId: "c4dq2e-3"
66
+ componentId: "c4dq2e-2"
70
67
  })(["min-width:0;max-width:100%;margin-top:", ";color:", ";flex:auto;font-size:", ";", ";"], (0, _constants.get)('space.1'), (0, _constants.get)('colors.timeline.text'), (0, _constants.get)('fontSizes.1'), _sx.default);
71
68
  const TimelineBreak = (0, _styledComponents.default)(_Box.default).withConfig({
72
69
  displayName: "Timeline__TimelineBreak",
73
- componentId: "c4dq2e-4"
70
+ componentId: "c4dq2e-3"
74
71
  })(["position:relative z-index:1;height:24px;margin:0;margin-bottom:-", ";margin-left:0;background-color:", ";border:0;border-top:", " solid ", ";", ";"], (0, _constants.get)('space.3'), (0, _constants.get)('colors.bg.canvas'), (0, _constants.get)('space.1'), (0, _constants.get)('colors.border.primary'), _sx.default);
75
72
  TimelineItem.displayName = 'Timeline.Item';
76
73
  TimelineBadge.displayName = 'Timeline.Badge';
@@ -7,9 +7,8 @@ export declare type UseOverlaySettings = {
7
7
  onEscape: (e: KeyboardEvent) => void;
8
8
  onClickOutside: (e: TouchOrMouseEvent) => void;
9
9
  overlayRef?: React.RefObject<HTMLDivElement>;
10
- preventFocusOnOpen?: boolean;
11
10
  };
12
11
  export declare type OverlayReturnProps = {
13
12
  ref: React.RefObject<HTMLDivElement>;
14
13
  };
15
- export declare const useOverlay: ({ overlayRef: _overlayRef, returnFocusRef, initialFocusRef, onEscape, ignoreClickRefs, onClickOutside, preventFocusOnOpen }: UseOverlaySettings) => OverlayReturnProps;
14
+ export declare const useOverlay: ({ overlayRef: _overlayRef, returnFocusRef, initialFocusRef, onEscape, ignoreClickRefs, onClickOutside }: UseOverlaySettings) => OverlayReturnProps;
@@ -19,19 +19,14 @@ const useOverlay = ({
19
19
  initialFocusRef,
20
20
  onEscape,
21
21
  ignoreClickRefs,
22
- onClickOutside,
23
- preventFocusOnOpen
22
+ onClickOutside
24
23
  }) => {
25
24
  const overlayRef = (0, _useProvidedRefOrCreate.useProvidedRefOrCreate)(_overlayRef);
26
-
27
- if (!preventFocusOnOpen) {
28
- (0, _useOpenAndCloseFocus.useOpenAndCloseFocus)({
29
- containerRef: overlayRef,
30
- returnFocusRef,
31
- initialFocusRef
32
- });
33
- }
34
-
25
+ (0, _useOpenAndCloseFocus.useOpenAndCloseFocus)({
26
+ containerRef: overlayRef,
27
+ returnFocusRef,
28
+ initialFocusRef
29
+ });
35
30
  (0, _useOnOutsideClick.useOnOutsideClick)({
36
31
  containerRef: overlayRef,
37
32
  ignoreClickRefs,
package/lib/index.d.ts CHANGED
@@ -108,3 +108,4 @@ export { default as Truncate } from './Truncate';
108
108
  export type { TruncateProps } from './Truncate';
109
109
  export { default as UnderlineNav } from './UnderlineNav';
110
110
  export type { UnderlineNavProps, UnderlineNavLinkProps } from './UnderlineNav';
111
+ export { SSRProvider, useSSRSafeId } from './utils/ssr';
package/lib/index.js CHANGED
@@ -453,6 +453,18 @@ Object.defineProperty(exports, "UnderlineNav", {
453
453
  return _UnderlineNav.default;
454
454
  }
455
455
  });
456
+ Object.defineProperty(exports, "SSRProvider", {
457
+ enumerable: true,
458
+ get: function () {
459
+ return _ssr.SSRProvider;
460
+ }
461
+ });
462
+ Object.defineProperty(exports, "useSSRSafeId", {
463
+ enumerable: true,
464
+ get: function () {
465
+ return _ssr.useSSRSafeId;
466
+ }
467
+ });
456
468
 
457
469
  var _theme = _interopRequireDefault(require("./theme"));
458
470
 
@@ -574,6 +586,8 @@ var _Truncate = _interopRequireDefault(require("./Truncate"));
574
586
 
575
587
  var _UnderlineNav = _interopRequireDefault(require("./UnderlineNav"));
576
588
 
589
+ var _ssr = require("./utils/ssr");
590
+
577
591
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
578
592
 
579
593
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -35,104 +35,101 @@ module.exports = {
35
35
  "light": {
36
36
  "colors": {
37
37
  "auto": {
38
- "black": "#1b1f24",
38
+ "black": "#1b1f23",
39
39
  "white": "#ffffff",
40
- "gray": ["#f6f8fa", "#eaeef2", "#d0d7de", "#afb8c1", "#8c959f", "#6e7781", "#57606a", "#424a53", "#32383f", "#24292f"],
41
- "blue": ["#ddf4ff", "#b6e3ff", "#80ccff", "#54aeff", "#218bff", "#0969da", "#0550ae", "#033d8b", "#0a3069", "#002155"],
42
- "green": ["#dafbe1", "#aceebb", "#6fdd8b", "#4ac26b", "#2da44e", "#1a7f37", "#116329", "#044f1e", "#003d16", "#002d11"],
43
- "yellow": ["#fff8c5", "#fae17d", "#eac54f", "#d4a72c", "#bf8700", "#9a6700", "#7d4e00", "#633c01", "#4d2d00", "#3b2300"],
44
- "orange": ["#fff1e5", "#ffd8b5", "#ffb77c", "#fb8f44", "#e16f24", "#bc4c00", "#953800", "#762c00", "#5c2200", "#471700"],
45
- "red": ["#FFEBE9", "#ffcecb", "#ffaba8", "#ff8182", "#fa4549", "#cf222e", "#a40e26", "#82071e", "#660018", "#4c0014"],
46
- "purple": ["#fbefff", "#ecd8ff", "#d8b9ff", "#c297ff", "#a475f9", "#8250df", "#6639ba", "#512a97", "#3e1f79", "#2e1461"],
47
- "pink": ["#ffeff7", "#ffd3eb", "#ffadda", "#ff80c8", "#e85aad", "#bf3989", "#99286e", "#772057", "#611347", "#4d0336"]
40
+ "gray": ["#fafbfc", "#f6f8fa", "#e1e4e8", "#d1d5da", "#959da5", "#6a737d", "#586069", "#444d56", "#2f363d", "#24292e"],
41
+ "blue": ["#f1f8ff", "#dbedff", "#c8e1ff", "#79b8ff", "#2188ff", "#0366d6", "#005cc5", "#044289", "#032f62", "#05264c"],
42
+ "green": ["#f0fff4", "#dcffe4", "#bef5cb", "#85e89d", "#34d058", "#28a745", "#22863a", "#176f2c", "#165c26", "#144620"],
43
+ "yellow": ["#fffdef", "#fffbdd", "#fff5b1", "#ffea7f", "#ffdf5d", "#ffd33d", "#f9c513", "#dbab09", "#b08800", "#735c0f"],
44
+ "orange": ["#fff8f2", "#ffebda", "#ffd1ac", "#ffab70", "#fb8532", "#f66a0a", "#e36209", "#d15704", "#c24e00", "#a04100"],
45
+ "red": ["#ffeef0", "#ffdce0", "#fdaeb7", "#f97583", "#ea4a5a", "#d73a49", "#cb2431", "#b31d28", "#9e1c23", "#86181d"],
46
+ "purple": ["#f5f0ff", "#e6dcfd", "#d1bcf9", "#b392f0", "#8a63d2", "#6f42c1", "#5a32a3", "#4c2889", "#3a1d6e", "#29134e"],
47
+ "pink": ["#ffeef8", "#fedbf0", "#f9b3dd", "#f692ce", "#ec6cb9", "#ea4aaa", "#d03592", "#b93a86", "#99306f", "#6d224f"]
48
48
  },
49
49
  "text": {
50
- "primary": "#24292f",
51
- "secondary": "#57606a",
52
- "tertiary": "#57606a",
53
- "placeholder": "#6e7781",
54
- "disabled": "#57606a",
50
+ "primary": "#24292e",
51
+ "secondary": "#586069",
52
+ "tertiary": "#6a737d",
53
+ "placeholder": "#6a737d",
54
+ "disabled": "#959da5",
55
55
  "inverse": "#ffffff",
56
- "link": "#0969da",
57
- "danger": "#cf222e",
58
- "success": "#1a7f37",
59
- "warning": "#9a6700",
56
+ "link": "#0366d6",
57
+ "danger": "#cb2431",
58
+ "success": "#22863a",
59
+ "warning": "#b08800",
60
60
  "white": "#ffffff"
61
61
  },
62
62
  "icon": {
63
- "primary": "#24292f",
64
- "secondary": "#57606a",
65
- "tertiary": "#57606a",
66
- "info": "#0969da",
67
- "danger": "#cf222e",
68
- "success": "#1a7f37",
69
- "warning": "#9a6700"
63
+ "primary": "#24292e",
64
+ "secondary": "#586069",
65
+ "tertiary": "#959da5",
66
+ "info": "#0366d6",
67
+ "danger": "#d73a49",
68
+ "success": "#22863a",
69
+ "warning": "#b08800"
70
70
  },
71
71
  "border": {
72
- "primary": "#d0d7de",
73
- "secondary": "hsla(210,18%,87%,1)",
74
- "tertiary": "rgba(175,184,193,0.2)",
75
- "overlay": "#d0d7de",
72
+ "primary": "#e1e4e8",
73
+ "secondary": "hsla(214,13%,93%,1)",
74
+ "tertiary": "#d1d5da",
75
+ "overlay": "#e1e4e8",
76
76
  "inverse": "#ffffff",
77
- "info": "#0969da",
78
- "danger": "#cf222e",
79
- "success": "#2da44e",
80
- "warning": "#bf8700",
81
- "default": "#d0d7de",
82
- "muted": "hsla(210,18%,87%,1)",
83
- "subtle": "rgba(27,31,36,0.15)"
77
+ "info": "#0366d6",
78
+ "danger": "#d73a49",
79
+ "success": "#34d058",
80
+ "warning": "#f9c513"
84
81
  },
85
82
  "bg": {
86
83
  "canvas": "#ffffff",
87
- "canvasMobile": "rgba(0,0,0,0)",
88
- "canvasInverse": "#6e7781",
84
+ "canvasMobile": "#ffffff",
85
+ "canvasInverse": "#24292e",
89
86
  "canvasInset": "#f6f8fa",
90
87
  "primary": "#ffffff",
91
- "secondary": "#f6f8fa",
88
+ "secondary": "#fafbfc",
92
89
  "tertiary": "#f6f8fa",
93
90
  "overlay": "#ffffff",
94
- "backdrop": "rgba(27,31,36,0.5)",
95
- "info": "#ddf4ff",
96
- "infoInverse": "#0969da",
97
- "danger": "#FFEBE9",
98
- "dangerInverse": "#cf222e",
99
- "success": "#dafbe1",
100
- "successInverse": "#2da44e",
101
- "warning": "#fff8c5",
102
- "warningInverse": "#bf8700"
91
+ "backdrop": "rgba(27,31,35,0.5)",
92
+ "info": "#f1f8ff",
93
+ "infoInverse": "#0366d6",
94
+ "danger": "#ffeef0",
95
+ "dangerInverse": "#d73a49",
96
+ "success": "#dcffe4",
97
+ "successInverse": "#28a745",
98
+ "warning": "#fff5b1",
99
+ "warningInverse": "#ffd33d"
103
100
  },
104
101
  "state": {
105
102
  "hover": {
106
- "primaryBg": "#0969da",
107
- "primaryBorder": "#0969da",
103
+ "primaryBg": "#0366d6",
104
+ "primaryBorder": "#0366d6",
108
105
  "primaryText": "#ffffff",
109
106
  "primaryIcon": "#ffffff",
110
- "secondaryBg": "rgba(234,238,242,0.5)",
111
- "secondaryBorder": "rgba(234,238,242,0.5)"
107
+ "secondaryBg": "#f6f8fa",
108
+ "secondaryBorder": "#f6f8fa"
112
109
  },
113
110
  "selected": {
114
- "primaryBg": "#0969da",
115
- "primaryBorder": "#0969da",
111
+ "primaryBg": "#0366d6",
112
+ "primaryBorder": "#0366d6",
116
113
  "primaryText": "#ffffff",
117
114
  "primaryIcon": "#ffffff"
118
115
  },
119
116
  "focus": {
120
- "border": "#0969da"
117
+ "border": "#0366d6"
121
118
  }
122
119
  },
123
120
  "fade": {
124
- "fg10": "rgba(27,31,36,0.1)",
125
- "fg15": "rgba(27,31,36,0.15)",
126
- "fg30": "rgba(27,31,36,0.3)",
127
- "fg50": "rgba(27,31,36,0.5)",
128
- "fg70": "rgba(27,31,36,0.7)",
129
- "fg85": "rgba(27,31,36,0.85)",
130
- "black10": "rgba(27,31,36,0.1)",
131
- "black15": "rgba(27,31,36,0.15)",
132
- "black30": "rgba(27,31,36,0.3)",
133
- "black50": "rgba(27,31,36,0.5)",
134
- "black70": "rgba(27,31,36,0.7)",
135
- "black85": "rgba(27,31,36,0.85)",
121
+ "fg10": "rgba(27,31,35,0.1)",
122
+ "fg15": "rgba(27,31,35,0.15)",
123
+ "fg30": "rgba(27,31,35,0.3)",
124
+ "fg50": "rgba(27,31,35,0.5)",
125
+ "fg70": "rgba(27,31,35,0.7)",
126
+ "fg85": "rgba(27,31,35,0.85)",
127
+ "black10": "rgba(27,31,35,0.1)",
128
+ "black15": "rgba(27,31,35,0.15)",
129
+ "black30": "rgba(27,31,35,0.3)",
130
+ "black50": "rgba(27,31,35,0.5)",
131
+ "black70": "rgba(27,31,35,0.7)",
132
+ "black85": "rgba(27,31,35,0.85)",
136
133
  "white10": "rgba(255,255,255,0.1)",
137
134
  "white15": "rgba(255,255,255,0.15)",
138
135
  "white30": "rgba(255,255,255,0.3)",
@@ -142,540 +139,326 @@ module.exports = {
142
139
  },
143
140
  "alert": {
144
141
  "info": {
145
- "text": "#24292f",
146
- "icon": "#0969da",
147
- "bg": "#ddf4ff",
148
- "border": "rgba(84,174,255,0.4)"
142
+ "text": "#24292e",
143
+ "icon": "rgba(4,66,137,0.6)",
144
+ "bg": "#dbedff",
145
+ "border": "rgba(4,66,137,0.2)"
149
146
  },
150
147
  "warn": {
151
- "text": "#24292f",
152
- "icon": "#9a6700",
153
- "bg": "#fff8c5",
154
- "border": "rgba(212,167,44,0.4)"
148
+ "text": "#24292e",
149
+ "icon": "#b08800",
150
+ "bg": "#fffbdd",
151
+ "border": "rgba(176,136,0,0.2)"
155
152
  },
156
153
  "error": {
157
- "text": "#24292f",
158
- "icon": "#cf222e",
159
- "bg": "#FFEBE9",
160
- "border": "rgba(255,129,130,0.4)"
154
+ "text": "#24292e",
155
+ "icon": "rgba(158,28,35,0.6)",
156
+ "bg": "#ffe3e6",
157
+ "border": "rgba(158,28,35,0.2)"
161
158
  },
162
159
  "success": {
163
- "text": "#24292f",
164
- "icon": "#1a7f37",
165
- "bg": "#dafbe1",
166
- "border": "rgba(74,194,107,0.4)"
160
+ "text": "#24292e",
161
+ "icon": "rgba(23,111,44,0.8)",
162
+ "bg": "#dcffe4",
163
+ "border": "rgba(23,111,44,0.2)"
167
164
  }
168
165
  },
169
166
  "autocomplete": {
170
- "rowBorder": "hsla(210,18%,87%,1)"
167
+ "rowBorder": "hsla(214,13%,93%,1)"
171
168
  },
172
169
  "blankslate": {
173
- "icon": "#57606a"
170
+ "icon": "hsla(212,8%,50%,1)"
174
171
  },
175
- "counter": {
176
- "text": "#24292f",
177
- "bg": "rgba(175,184,193,0.2)",
172
+ "btn": {
173
+ "text": "#24292e",
174
+ "bg": "#fafbfc",
175
+ "border": "rgba(27,31,35,0.15)",
176
+ "hoverBg": "#f3f4f6",
177
+ "hoverBorder": "rgba(27,31,35,0.15)",
178
+ "activeBg": "hsla(220,14%,93%,1)",
179
+ "activeBorder": "rgba(27,31,35,0.1)",
180
+ "selectedBg": "hsla(220,14%,94%,1)",
181
+ "focusBg": "#fafbfc",
182
+ "focusBorder": "rgba(27,31,35,0.15)",
183
+ "counterBg": "rgba(27,31,35,0.08)",
178
184
  "primary": {
179
185
  "text": "#ffffff",
180
- "bg": "#6e7781"
186
+ "bg": "#2ea44f",
187
+ "border": "rgba(27,31,35,0.15)",
188
+ "hoverBg": "#2c974b",
189
+ "hoverBorder": "rgba(27,31,35,0.15)",
190
+ "selectedBg": "hsla(137,55%,36%,1)",
191
+ "disabledText": "rgba(255,255,255,0.8)",
192
+ "disabledBg": "#94d3a2",
193
+ "disabledBorder": "rgba(27,31,35,0.1)",
194
+ "focusBg": "#2ea44f",
195
+ "focusBorder": "rgba(27,31,35,0.15)",
196
+ "icon": "rgba(255,255,255,0.8)",
197
+ "counterBg": "rgba(255,255,255,0.2)"
181
198
  },
182
- "secondary": {
183
- "text": "#57606a",
184
- "bg": "rgba(234,238,242,0.5)"
199
+ "outline": {
200
+ "text": "#0366d6",
201
+ "hoverText": "#ffffff",
202
+ "hoverBg": "#0366d6",
203
+ "hoverBorder": "rgba(27,31,35,0.15)",
204
+ "hoverCounterBg": "rgba(255,255,255,0.2)",
205
+ "selectedText": "#ffffff",
206
+ "selectedBg": "hsla(212,97%,40%,1)",
207
+ "selectedBorder": "rgba(27,31,35,0.15)",
208
+ "disabledText": "rgba(3,102,214,0.5)",
209
+ "disabledBg": "#fafbfc",
210
+ "disabledCounterBg": "rgba(3,102,214,0.05)",
211
+ "focusBorder": "rgba(27,31,35,0.15)",
212
+ "counterBg": "rgba(3,102,214,0.1)"
213
+ },
214
+ "danger": {
215
+ "text": "#d73a49",
216
+ "hoverText": "#ffffff",
217
+ "hoverBg": "#cb2431",
218
+ "hoverBorder": "rgba(27,31,35,0.15)",
219
+ "hoverCounterBg": "rgba(255,255,255,0.2)",
220
+ "selectedText": "#ffffff",
221
+ "selectedBg": "hsla(354,66%,51%,1)",
222
+ "selectedBorder": "rgba(27,31,35,0.15)",
223
+ "disabledText": "rgba(215,58,73,0.5)",
224
+ "disabledBg": "#fafbfc",
225
+ "disabledCounterBg": "rgba(215,58,73,0.05)",
226
+ "focusBorder": "rgba(27,31,35,0.15)",
227
+ "counterBg": "rgba(215,58,73,0.1)",
228
+ "icon": "#d73a49",
229
+ "hoverIcon": "#ffffff"
185
230
  }
186
231
  },
187
- "box": {
188
- "blueBorder": "rgba(84,174,255,0.4)",
189
- "rowYellowBg": "#fff8c5",
190
- "rowBlueBg": "#ddf4ff",
191
- "headerBlueBg": "#ddf4ff",
192
- "headerBlueBorder": "rgba(84,174,255,0.4)",
193
- "borderInfo": "rgba(84,174,255,0.4)",
194
- "bgInfo": "#ddf4ff",
195
- "borderWarning": "rgba(212,167,44,0.4)",
196
- "bgWarning": "#fff8c5"
197
- },
198
- "branchName": {
199
- "text": "#57606a",
200
- "icon": "#57606a",
201
- "bg": "#ddf4ff",
202
- "link": {
203
- "text": "#0969da",
204
- "icon": "#0969da",
205
- "bg": "#ddf4ff"
232
+ "counter": {
233
+ "text": "#24292e",
234
+ "bg": "rgba(209,213,218,0.5)",
235
+ "primary": {
236
+ "text": "#ffffff",
237
+ "bg": "#6a737d"
238
+ },
239
+ "secondary": {
240
+ "text": "#6a737d",
241
+ "bg": "rgba(209,213,218,0.5)"
206
242
  }
207
243
  },
208
- "markdown": {
209
- "codeBg": "rgba(175,184,193,0.2)",
210
- "frameBorder": "#d0d7de",
211
- "blockquoteBorder": "#d0d7de",
212
- "tableBorder": "#d0d7de",
213
- "tableTrBorder": "hsla(210,18%,87%,1)"
214
- },
215
- "filterItem": {
216
- "barBg": "rgba(234,238,242,0.5)"
217
- },
218
- "hiddenTextExpander": {
219
- "bg": "rgba(175,184,193,0.2)",
220
- "bgHover": "rgba(84,174,255,0.4)"
221
- },
222
- "dragAndDrop": {
223
- "border": "#d0d7de"
224
- },
225
- "uploadEnabled": {
226
- "border": "#d0d7de",
227
- "borderFocused": "#0969da"
228
- },
229
- "previewableCommentForm": {
230
- "border": "#d0d7de"
231
- },
232
- "verifiedBadge": {
233
- "text": "#1a7f37",
234
- "bg": "#ffffff",
235
- "border": "#d0d7de"
236
- },
237
- "socialCount": {
238
- "bg": "#ffffff"
239
- },
240
- "tooltip": {
241
- "text": "#ffffff",
242
- "bg": "#24292f"
243
- },
244
- "filesExplorerIcon": "#0969da",
245
- "hlAuthorBg": "#ddf4ff",
246
- "hlAuthorBorder": "rgba(84,174,255,0.4)",
247
- "logoSubdued": "rgba(175,184,193,0.2)",
248
- "discussionBorder": "rgba(74,194,107,0.4)",
249
- "discussionBgSuccess": "#2da44e",
250
- "actionsWorkflowTableStickyBg": "rgba(255,255,255,0.95)",
251
- "repoLanguageColorBorder": "rgba(27,31,36,0.1)",
252
- "codeSelectionBg": "rgba(84,174,255,0.4)",
253
- "highlight": {
254
- "text": "#24292f",
255
- "bg": "#fff8c5"
256
- },
257
- "blob": {
258
- "lineHighlightBg": "#fff8c5",
259
- "lineHighlightBorder": "rgba(212,167,44,0.4)"
260
- },
261
- "topicTag": {
262
- "text": "#0969da",
263
- "bg": "#ddf4ff",
264
- "hoverBg": "#0969da",
265
- "activeBg": "#ddf4ff",
266
- "border": "rgba(0,0,0,0)"
267
- },
268
- "footerInvertocat": {
269
- "octicon": "#6e7781",
270
- "octiconHover": "#57606a"
271
- },
272
244
  "label": {
273
- "border": "#d0d7de",
245
+ "border": "#e1e4e8",
274
246
  "primary": {
275
- "text": "#24292f",
276
- "border": "#6e7781"
247
+ "text": "#24292e",
248
+ "border": "#6a737d"
277
249
  },
278
250
  "secondary": {
279
- "text": "#57606a",
280
- "border": "#d0d7de"
251
+ "text": "#586069",
252
+ "border": "#e1e4e8"
281
253
  },
282
254
  "info": {
283
- "text": "#0969da",
284
- "border": "#0969da"
255
+ "text": "#0366d6",
256
+ "border": "#0366d6"
285
257
  },
286
258
  "success": {
287
- "text": "#1a7f37",
288
- "border": "#2da44e"
259
+ "text": "#22863a",
260
+ "border": "#28a745"
289
261
  },
290
262
  "warning": {
291
- "text": "#9a6700",
292
- "border": "#bf8700"
263
+ "text": "#735c0f",
264
+ "border": "#b08800"
293
265
  },
294
266
  "danger": {
295
- "text": "#cf222e",
296
- "border": "#cf222e"
267
+ "text": "#d73a49",
268
+ "border": "#cb2431"
297
269
  },
298
270
  "orange": {
299
- "text": "#bc4c00",
300
- "border": "#bc4c00"
271
+ "text": "#c24e00",
272
+ "border": "#f66a0a"
301
273
  }
302
274
  },
303
275
  "input": {
304
276
  "bg": "#ffffff",
305
- "contrastBg": "#f6f8fa",
306
- "border": "#d0d7de",
307
- "disabledBorder": "#d0d7de",
308
- "warningBorder": "#bf8700",
309
- "errorBorder": "#cf222e",
277
+ "contrastBg": "#fafbfc",
278
+ "border": "#e1e4e8",
279
+ "disabledBg": "#f6f8fa",
280
+ "disabledBorder": "#e1e4e8",
281
+ "warningBorder": "#f9c513",
282
+ "errorBorder": "#cb2431",
310
283
  "tooltip": {
311
284
  "success": {
312
- "text": "#24292f",
313
- "bg": "#dafbe1",
314
- "border": "rgba(74,194,107,0.4)"
285
+ "text": "#144620",
286
+ "bg": "#dcffe4",
287
+ "border": "#34d058"
315
288
  },
316
289
  "warning": {
317
- "text": "#24292f",
318
- "bg": "#fff8c5",
319
- "border": "rgba(212,167,44,0.4)"
290
+ "text": "#735c0f",
291
+ "bg": "#fff5b1",
292
+ "border": "#f9c513"
320
293
  },
321
294
  "error": {
322
- "text": "#24292f",
323
- "bg": "#FFEBE9",
324
- "border": "rgba(255,129,130,0.4)"
295
+ "text": "#86181d",
296
+ "bg": "#ffeef0",
297
+ "border": "#f97583"
325
298
  }
326
- },
327
- "disabledBg": "rgba(175,184,193,0.2)"
299
+ }
300
+ },
301
+ "avatar": {
302
+ "bg": "#ffffff",
303
+ "border": "rgba(0,0,0,0)",
304
+ "stackFade": "#d1d5da",
305
+ "stackFadeMore": "#e1e4e8"
328
306
  },
329
307
  "toast": {
330
- "text": "#24292f",
308
+ "text": "#24292e",
331
309
  "bg": "#ffffff",
332
- "border": "#d0d7de",
310
+ "border": "#e1e4e8",
333
311
  "icon": "#ffffff",
334
- "iconBg": "#0969da",
312
+ "iconBg": "#0366d6",
335
313
  "iconBorder": "rgba(0,0,0,0)",
336
314
  "success": {
337
- "text": "#24292f",
338
- "border": "#d0d7de",
315
+ "text": "#24292e",
316
+ "border": "#e1e4e8",
339
317
  "icon": "#ffffff",
340
- "iconBg": "#2da44e",
318
+ "iconBg": "#28a745",
341
319
  "iconBorder": "rgba(0,0,0,0)"
342
320
  },
343
321
  "warning": {
344
- "text": "#24292f",
345
- "border": "#d0d7de",
346
- "icon": "#24292f",
347
- "iconBg": "#bf8700",
322
+ "text": "#24292e",
323
+ "border": "#e1e4e8",
324
+ "icon": "#24292e",
325
+ "iconBg": "#ffd33d",
348
326
  "iconBorder": "rgba(0,0,0,0)"
349
327
  },
350
328
  "danger": {
351
- "text": "#24292f",
352
- "border": "#d0d7de",
329
+ "text": "#24292e",
330
+ "border": "#e1e4e8",
353
331
  "icon": "#ffffff",
354
- "iconBg": "#cf222e",
332
+ "iconBg": "#d73a49",
355
333
  "iconBorder": "rgba(0,0,0,0)"
356
334
  },
357
335
  "loading": {
358
- "text": "#24292f",
359
- "border": "#d0d7de",
336
+ "text": "#24292e",
337
+ "border": "#e1e4e8",
360
338
  "icon": "#ffffff",
361
- "iconBg": "#6e7781",
339
+ "iconBg": "#586069",
362
340
  "iconBorder": "rgba(0,0,0,0)"
363
341
  }
364
342
  },
365
343
  "timeline": {
366
- "text": "#57606a",
344
+ "text": "#444d56",
345
+ "badgeBg": "#e1e4e8",
367
346
  "badgeSuccessBorder": "rgba(0,0,0,0)",
368
- "targetBadgeBorder": "#0969da",
369
- "targetBadgeShadow": "rgba(84,174,255,0.4)",
370
- "badgeBg": "#eaeef2"
371
- },
372
- "diffstat": {
373
- "neutralBg": "rgba(175,184,193,0.2)",
374
- "neutralBorder": "rgba(27,31,36,0.15)",
375
- "deletionBorder": "rgba(27,31,36,0.15)",
376
- "additionBorder": "rgba(27,31,36,0.15)",
377
- "deletionBg": "#cf222e",
378
- "additionBg": "#2da44e"
379
- },
380
- "diff": {
381
- "addition": {
382
- "text": "#24292f",
383
- "bg": "#dafbe1",
384
- "border": "rgba(74,194,107,0.4)"
385
- },
386
- "deletion": {
387
- "text": "#24292f",
388
- "bg": "#FFEBE9",
389
- "border": "rgba(255,129,130,0.4)"
390
- },
391
- "change": {
392
- "text": "#9a6700",
393
- "bg": "#fff8c5",
394
- "border": "rgba(212,167,44,0.4)"
395
- }
396
- },
397
- "mergeBox": {
398
- "successIconBg": "#2da44e",
399
- "successIconText": "#ffffff",
400
- "successIconBorder": "rgba(0,0,0,0)",
401
- "successIndicatorBg": "#2da44e",
402
- "successIndicatorBorder": "rgba(0,0,0,0)",
403
- "mergedIconBg": "#8250df",
404
- "mergedIconText": "#ffffff",
405
- "mergedIconBorder": "rgba(0,0,0,0)",
406
- "mergedBoxBorder": "#8250df",
407
- "neutralIconBg": "#6e7781",
408
- "neutralIconText": "#ffffff",
409
- "neutralIconBorder": "rgba(0,0,0,0)",
410
- "neutralIndicatorBg": "#6e7781",
411
- "neutralIndicatorBorder": "rgba(0,0,0,0)",
412
- "warningIconBg": "#bf8700",
413
- "warningIconText": "#ffffff",
414
- "warningIconBorder": "rgba(0,0,0,0)",
415
- "warningBoxBorder": "#bf8700",
416
- "warningMergeHighlight": "rgba(0,0,0,0)",
417
- "errorIconBg": "#cf222e",
418
- "errorIconText": "#ffffff",
419
- "errorIconBorder": "rgba(0,0,0,0)",
420
- "errorIndicatorBg": "#cf222e",
421
- "errorIndicatorBorder": "rgba(0,0,0,0)"
422
- },
423
- "underlinenav": {
424
- "border": "rgba(0,0,0,0)",
425
- "borderHover": "rgba(175,184,193,0.2)",
426
- "borderActive": "#FD8C73",
427
- "text": "#24292f",
428
- "textHover": "#24292f",
429
- "textActive": "#24292f",
430
- "icon": "#6e7781",
431
- "iconHover": "#6e7781",
432
- "iconActive": "#24292f",
433
- "counterText": "#24292f",
434
- "counterBg": "rgba(175,184,193,0.2)"
347
+ "targetBadgeBorder": "#2188ff",
348
+ "targetBadgeShadow": "#c8e1ff"
435
349
  },
436
350
  "selectMenu": {
437
- "borderSecondary": "hsla(210,18%,87%,1)",
438
- "backdropBg": "rgba(27,31,36,0.5)",
351
+ "borderSecondary": "hsla(214,13%,93%,1)",
352
+ "backdropBg": "rgba(27,31,35,0.5)",
439
353
  "backdropBorder": "rgba(0,0,0,0)",
440
- "tapHighlight": "rgba(175,184,193,0.5)",
441
- "tapFocusBg": "#b6e3ff"
354
+ "tapHighlight": "rgba(209,213,218,0.5)",
355
+ "tapFocusBg": "#dbedff"
442
356
  },
443
- "sidenav": {
444
- "borderActive": "#FD8C73",
445
- "selectedBg": "#ffffff"
357
+ "box": {
358
+ "blueBorder": "#c8e1ff",
359
+ "rowYellowBg": "#fffbdd",
360
+ "rowBlueBg": "#f1f8ff",
361
+ "headerBlueBg": "#f1f8ff",
362
+ "headerBlueBorder": "#c8e1ff",
363
+ "borderInfo": "rgba(3,102,214,0.2)",
364
+ "bgInfo": "#f1f8ff",
365
+ "borderWarning": "rgba(255,211,61,0.4)",
366
+ "bgWarning": "#fffdef"
367
+ },
368
+ "branchName": {
369
+ "text": "#586069",
370
+ "icon": "hsla(212,30%,74%,1)",
371
+ "bg": "hsla(210,100%,96%,1)",
372
+ "link": {
373
+ "text": "#0366d6",
374
+ "icon": "hsla(212,30%,74%,1)",
375
+ "bg": "hsla(210,100%,96%,1)"
376
+ }
377
+ },
378
+ "markdown": {
379
+ "codeBg": "rgba(27,31,35,0.05)",
380
+ "frameBorder": "hsla(213,11%,89%,1)",
381
+ "blockquoteBorder": "hsla(213,11%,89%,1)",
382
+ "tableBorder": "hsla(213,11%,89%,1)",
383
+ "tableTrBorder": "hsla(213,11%,80%,1)"
446
384
  },
447
385
  "menu": {
448
- "headingText": "#24292f",
449
- "borderActive": "#FD8C73",
386
+ "headingText": "#24292e",
387
+ "borderActive": "#f9826c",
450
388
  "bgActive": "rgba(0,0,0,0)"
451
389
  },
452
- "project": {
453
- "cardBg": "#ffffff",
454
- "headerBg": "#24292f",
455
- "sidebarBg": "#ffffff",
456
- "gradientIn": "#ffffff",
457
- "gradientOut": "rgba(255,255,255,0)"
390
+ "sidenav": {
391
+ "selectedBg": "#ffffff",
392
+ "borderActive": "#f9826c"
458
393
  },
459
- "prState": {
460
- "draft": {
461
- "text": "#ffffff",
462
- "bg": "#6e7781",
463
- "border": "rgba(0,0,0,0)"
464
- },
465
- "open": {
466
- "text": "#ffffff",
467
- "bg": "#2da44e",
468
- "border": "rgba(0,0,0,0)"
469
- },
470
- "merged": {
471
- "text": "#ffffff",
472
- "bg": "#8250df",
473
- "border": "rgba(0,0,0,0)"
474
- },
475
- "closed": {
476
- "text": "#ffffff",
477
- "bg": "#cf222e",
478
- "border": "rgba(0,0,0,0)"
479
- }
394
+ "header": {
395
+ "text": "rgba(255,255,255,0.7)",
396
+ "bg": "#24292e",
397
+ "logo": "#ffffff"
480
398
  },
481
- "diffBlob": {
482
- "numText": "#6e7781",
483
- "numHoverText": "#24292f",
484
- "addition": {
485
- "numHoverText": "#24292f",
486
- "numText": "#24292f",
487
- "fg": "#24292f",
488
- "numBg": "#CCFFD8",
489
- "lineBg": "#E6FFEC",
490
- "wordBg": "#ABF2BC"
491
- },
492
- "deletion": {
493
- "numHoverText": "#24292f",
494
- "lineBg": "#FFEBE9",
495
- "wordBg": "rgba(255,129,130,0.4)",
496
- "numText": "#24292f",
497
- "fg": "#24292f",
498
- "numBg": "#FFD7D5"
499
- },
500
- "hunk": {
501
- "text": "#57606a",
502
- "numBg": "rgba(84,174,255,0.4)",
503
- "lineBg": "#ddf4ff"
504
- },
505
- "emptyBlockBg": "rgba(234,238,242,0.5)",
506
- "selectedLineHighlightBg": "#fff8c5",
507
- "selectedLineHighlightBorder": "rgba(212,167,44,0.4)",
508
- "expander": {
509
- "hoverIcon": "#ffffff",
510
- "hoverBg": "#0969da",
511
- "icon": "#57606a"
512
- },
513
- "commentButton": {
514
- "icon": "#ffffff",
515
- "bg": "#0969da",
516
- "gradientBg": "rgba(0,0,0,0)"
517
- }
399
+ "filterItem": {
400
+ "barBg": "hsla(210,29%,95%,1)"
518
401
  },
519
- "globalNav": {
520
- "logo": "#ffffff",
521
- "bg": "#24292f",
522
- "text": "#ffffff",
523
- "icon": "#ffffff",
524
- "inputBg": "#f6f8fa",
525
- "inputBorder": "#f6f8fa",
526
- "inputIcon": "#afb8c1",
527
- "inputPlaceholder": "#8c959f"
402
+ "hiddenTextExpander": {
403
+ "bg": "hsla(213,11%,89%,1)",
404
+ "bgHover": "hsla(213,11%,80%,1)"
528
405
  },
529
- "introShelf": {
530
- "gradientLeft": "#ddf4ff",
531
- "gradientRight": "#dafbe1",
532
- "gradientIn": "#ffffff",
533
- "gradientOut": "rgba(255,255,255,0)"
406
+ "dragAndDrop": {
407
+ "border": "hsla(213,11%,79%,1)"
534
408
  },
535
- "marketingIcon": {
536
- "primary": "#218bff",
537
- "secondary": "#54aeff"
409
+ "uploadEnabled": {
410
+ "border": "hsla(213,11%,89%,1)",
411
+ "borderFocused": "hsla(212,100%,64%,1)"
538
412
  },
539
- "searchKeyword": {
540
- "hl": "#fff8c5"
413
+ "previewableCommentForm": {
414
+ "border": "hsla(213,11%,79%,1)"
541
415
  },
542
- "prettylights": {
543
- "syntax": {
544
- "comment": "#6e7781",
545
- "constant": "#0550ae",
546
- "entity": "#8250df",
547
- "storageModifierImport": "#24292f",
548
- "entityTag": "#116329",
549
- "keyword": "#cf222e",
550
- "string": "#0a3069",
551
- "variable": "#953800",
552
- "brackethighlighterUnmatched": "#82071e",
553
- "invalidIllegalText": "#f6f8fa",
554
- "invalidIllegalBg": "#82071e",
555
- "carriageReturnText": "#f6f8fa",
556
- "carriageReturnBg": "#cf222e",
557
- "stringRegexp": "#116329",
558
- "markupList": "#3b2300",
559
- "markupHeading": "#0550ae",
560
- "markupItalic": "#24292f",
561
- "markupBold": "#24292f",
562
- "markupDeletedText": "#82071e",
563
- "markupDeletedBg": "#FFEBE9",
564
- "markupInsertedText": "#116329",
565
- "markupInsertedBg": "#dafbe1",
566
- "markupChangedText": "#953800",
567
- "markupChangedBg": "#ffd8b5",
568
- "markupIgnoredText": "#eaeef2",
569
- "markupIgnoredBg": "#0550ae",
570
- "metaDiffRange": "#8250df",
571
- "brackethighlighterAngle": "#57606a",
572
- "sublimelinterGutterMark": "#8c959f",
573
- "constantOtherReferenceLink": "#0a3069"
574
- }
416
+ "underlinenav": {
417
+ "border": "rgba(209,213,218,0)",
418
+ "borderHover": "#d1d5da",
419
+ "borderActive": "#f9826c",
420
+ "text": "#24292e",
421
+ "textHover": "#24292e",
422
+ "textActive": "#24292e",
423
+ "icon": "#959da5",
424
+ "iconHover": "#959da5",
425
+ "iconActive": "#24292e",
426
+ "counterText": "#24292e",
427
+ "counterBg": "rgba(209,213,218,0.5)"
575
428
  },
576
- "codemirror": {
577
- "text": "#24292f",
429
+ "verifiedBadge": {
430
+ "text": "#22863a",
578
431
  "bg": "#ffffff",
579
- "guttersBg": "#ffffff",
580
- "guttermarkerText": "#ffffff",
581
- "guttermarkerSubtleText": "#6e7781",
582
- "linenumberText": "#57606a",
583
- "cursor": "#24292f",
584
- "selectionBg": "rgba(84,174,255,0.4)",
585
- "activelineBg": "rgba(234,238,242,0.5)",
586
- "matchingbracketText": "#24292f",
587
- "linesBg": "#ffffff",
588
- "syntax": {
589
- "comment": "#24292f",
590
- "constant": "#0550ae",
591
- "entity": "#8250df",
592
- "keyword": "#cf222e",
593
- "storage": "#cf222e",
594
- "string": "#0a3069",
595
- "support": "#0550ae",
596
- "variable": "#953800"
597
- }
432
+ "border": "#e1e4e8"
598
433
  },
599
- "checks": {
600
- "bg": "#24292f",
601
- "textPrimary": "#f6f8fa",
602
- "textSecondary": "#8c959f",
603
- "textLink": "#54aeff",
604
- "btnIcon": "#afb8c1",
605
- "btnHoverIcon": "#f6f8fa",
606
- "btnHoverBg": "rgba(255,255,255,0.125)",
607
- "inputText": "#eaeef2",
608
- "inputPlaceholderText": "#8c959f",
609
- "inputFocusText": "#8c959f",
610
- "inputBg": "#32383f",
611
- "donutError": "#fa4549",
612
- "donutPending": "#bf8700",
613
- "donutSuccess": "#2da44e",
614
- "donutNeutral": "#afb8c1",
615
- "dropdownText": "#afb8c1",
616
- "dropdownBg": "#32383f",
617
- "dropdownBorder": "#424a53",
618
- "dropdownShadow": "rgba(27,31,36,0.3)",
619
- "dropdownHoverText": "#f6f8fa",
620
- "dropdownHoverBg": "#424a53",
621
- "dropdownBtnHoverText": "#f6f8fa",
622
- "dropdownBtnHoverBg": "#32383f",
623
- "scrollbarThumbBg": "#57606a",
624
- "headerLabelText": "#d0d7de",
625
- "headerLabelOpenText": "#f6f8fa",
626
- "headerBorder": "#32383f",
627
- "headerIcon": "#8c959f",
628
- "lineText": "#d0d7de",
629
- "lineNumText": "rgba(140,149,159,0.75)",
630
- "lineTimestampText": "#8c959f",
631
- "lineHoverBg": "#32383f",
632
- "lineSelectedBg": "rgba(33,139,255,0.15)",
633
- "lineSelectedNumText": "#54aeff",
634
- "lineDtFmText": "#24292f",
635
- "lineDtFmBg": "#9a6700",
636
- "gateBg": "rgba(125,78,0,0.15)",
637
- "gateText": "#d0d7de",
638
- "gateWaitingText": "#afb8c1",
639
- "stepHeaderOpenBg": "#32383f",
640
- "stepErrorText": "#ff8182",
641
- "stepWarningText": "#d4a72c",
642
- "loglineText": "#8c959f",
643
- "loglineNumText": "rgba(140,149,159,0.75)",
644
- "loglineDebugText": "#c297ff",
645
- "loglineErrorText": "#d0d7de",
646
- "loglineErrorNumText": "#ff8182",
647
- "loglineErrorBg": "rgba(164,14,38,0.15)",
648
- "loglineWarningText": "#d0d7de",
649
- "loglineWarningNumText": "#d4a72c",
650
- "loglineWarningBg": "rgba(125,78,0,0.15)",
651
- "loglineCommandText": "#54aeff",
652
- "loglineSectionText": "#4ac26b",
653
- "ansi": {
654
- "black": "#24292f",
655
- "blackBright": "#32383f",
656
- "white": "#d0d7de",
657
- "whiteBright": "#d0d7de",
658
- "gray": "#8c959f",
659
- "red": "#ff8182",
660
- "redBright": "#ffaba8",
661
- "green": "#4ac26b",
662
- "greenBright": "#6fdd8b",
663
- "yellow": "#d4a72c",
664
- "yellowBright": "#eac54f",
665
- "blue": "#54aeff",
666
- "blueBright": "#80ccff",
667
- "magenta": "#c297ff",
668
- "magentaBright": "#d8b9ff",
669
- "cyan": "#76e3ea",
670
- "cyanBright": "#b3f0ff"
671
- }
434
+ "socialCount": {
435
+ "bg": "#ffffff"
436
+ },
437
+ "tooltip": {
438
+ "text": "#ffffff",
439
+ "bg": "#24292e"
440
+ },
441
+ "headerSearch": {
442
+ "bg": "#24292e",
443
+ "border": "#444d56"
444
+ },
445
+ "searchKeyword": {
446
+ "hl": "#fffbdd"
447
+ },
448
+ "diffstat": {
449
+ "neutralBg": "#d1d5da",
450
+ "neutralBorder": "#d1d5da",
451
+ "deletionBg": "#d73a49",
452
+ "deletionBorder": "#d73a49",
453
+ "additionBg": "#28a745",
454
+ "additionBorder": "#28a745"
672
455
  },
673
456
  "mktg": {
674
- "success": "rgba(36,146,67,1)",
675
- "info": "rgba(19,119,234,1)",
457
+ "success": "rgba(46,188,79,1)",
458
+ "info": "rgba(16,116,231,1)",
676
459
  "bgShadeGradient": {
677
- "top": "rgba(27,31,36,0.065)",
678
- "bottom": "rgba(27,31,36,0)"
460
+ "top": "rgba(27,31,35,0.065)",
461
+ "bottom": "rgba(27,31,35,0)"
679
462
  },
680
463
  "btn": {
681
464
  "bg": {
@@ -735,237 +518,370 @@ module.exports = {
735
518
  }
736
519
  }
737
520
  },
738
- "avatar": {
739
- "bg": "#ffffff",
740
- "border": "rgba(27,31,36,0.15)",
741
- "stackFade": "#afb8c1",
742
- "stackFadeMore": "#d0d7de"
743
- },
744
- "header": {
745
- "text": "rgba(255,255,255,0.7)",
746
- "bg": "#24292f",
747
- "logo": "#ffffff"
748
- },
749
- "headerSearch": {
750
- "bg": "#24292f",
751
- "border": "#57606a"
521
+ "filesExplorerIcon": "#79b8ff",
522
+ "hlAuthorBg": "#f1f8ff",
523
+ "hlAuthorBorder": "#c8e1ff",
524
+ "logoSubdued": "#d1d5da",
525
+ "discussionBorder": "hsla(135,28%,72%,1)",
526
+ "discussionBgSuccess": "#28a745",
527
+ "actionsWorkflowTableStickyBg": "rgba(255,255,255,0.95)",
528
+ "repoLanguageColorBorder": "rgba(27,31,35,0.1)",
529
+ "codeSelectionBg": "#c8e1ff",
530
+ "highlight": {
531
+ "text": "#442c12",
532
+ "bg": "#fff0bb"
752
533
  },
753
- "ansi": {
754
- "black": "#24292f",
755
- "blackBright": "#57606a",
756
- "white": "#6e7781",
757
- "whiteBright": "#8c959f",
758
- "gray": "#6e7781",
759
- "red": "#cf222e",
760
- "redBright": "#a40e26",
761
- "green": "#116329",
762
- "greenBright": "#1a7f37",
763
- "yellow": "#4d2d00",
764
- "yellowBright": "#633c01",
765
- "blue": "#0969da",
766
- "blueBright": "#218bff",
767
- "magenta": "#8250df",
768
- "magentaBright": "#a475f9",
769
- "cyan": "#1b7c83",
770
- "cyanBright": "#3192aa"
534
+ "blob": {
535
+ "lineHighlightBg": "#fffbdd",
536
+ "lineHighlightBorder": "rgba(0,0,0,0)"
771
537
  },
772
- "btn": {
773
- "text": "#24292f",
774
- "bg": "#f6f8fa",
775
- "border": "rgba(27,31,36,0.15)",
776
- "hoverBg": "#f3f4f6",
777
- "hoverBorder": "rgba(27,31,36,0.15)",
778
- "activeBg": "hsla(220,14%,93%,1)",
779
- "activeBorder": "rgba(27,31,36,0.15)",
780
- "selectedBg": "hsla(220,14%,94%,1)",
781
- "focusBg": "#f6f8fa",
782
- "focusBorder": "rgba(27,31,36,0.15)",
783
- "counterBg": "rgba(27,31,36,0.08)",
784
- "primary": {
785
- "text": "#ffffff",
786
- "bg": "#2da44e",
787
- "border": "rgba(27,31,36,0.15)",
788
- "hoverBg": "#2c974b",
789
- "hoverBorder": "rgba(27,31,36,0.15)",
790
- "selectedBg": "hsla(137,55%,36%,1)",
791
- "disabledText": "rgba(255,255,255,0.8)",
792
- "disabledBg": "#94d3a2",
793
- "disabledBorder": "rgba(27,31,36,0.15)",
794
- "focusBg": "#2da44e",
795
- "focusBorder": "rgba(27,31,36,0.15)",
796
- "icon": "rgba(255,255,255,0.8)",
797
- "counterBg": "rgba(255,255,255,0.2)"
538
+ "diff": {
539
+ "addition": {
540
+ "text": "#22863a",
541
+ "bg": "hsla(136,100%,95%,1)",
542
+ "border": "#34d058"
798
543
  },
799
- "outline": {
800
- "text": "#0969da",
801
- "hoverText": "#ffffff",
802
- "hoverBg": "#0969da",
803
- "hoverBorder": "rgba(27,31,36,0.15)",
804
- "hoverCounterBg": "rgba(255,255,255,0.2)",
805
- "selectedText": "#ffffff",
806
- "selectedBg": "hsla(212,92%,42%,1)",
807
- "selectedBorder": "rgba(27,31,36,0.15)",
808
- "disabledText": "rgba(9,105,218,0.5)",
809
- "disabledBg": "#f6f8fa",
810
- "disabledCounterBg": "rgba(9,105,218,0.05)",
811
- "focusBorder": "rgba(27,31,36,0.15)",
812
- "counterBg": "rgba(9,105,218,0.1)"
544
+ "deletion": {
545
+ "text": "#cb2431",
546
+ "bg": "#ffeef0",
547
+ "border": "#d73a49"
813
548
  },
814
- "danger": {
815
- "text": "#cf222e",
816
- "hoverText": "#ffffff",
817
- "hoverBg": "#a40e26",
818
- "hoverBorder": "rgba(27,31,36,0.15)",
819
- "hoverCounterBg": "rgba(255,255,255,0.2)",
820
- "selectedText": "#ffffff",
821
- "selectedBg": "hsla(356,72%,44%,1)",
822
- "selectedBorder": "rgba(27,31,36,0.15)",
823
- "disabledText": "rgba(207,34,46,0.5)",
824
- "disabledBg": "#f6f8fa",
825
- "disabledCounterBg": "rgba(207,34,46,0.05)",
826
- "focusBorder": "rgba(27,31,36,0.15)",
827
- "counterBg": "rgba(207,34,46,0.1)",
828
- "icon": "#cf222e",
829
- "hoverIcon": "#ffffff"
830
- }
831
- },
832
- "fg": {
833
- "default": "#24292f",
834
- "muted": "#57606a",
835
- "subtle": "#6e7781",
836
- "onEmphasis": "#ffffff"
837
- },
838
- "canvas": {
839
- "default": "#ffffff",
840
- "overlay": "#ffffff",
841
- "inset": "#f6f8fa",
842
- "subtle": "#f6f8fa"
843
- },
844
- "neutral": {
845
- "emphasisPlus": "#24292f",
846
- "emphasis": "#6e7781",
847
- "muted": "rgba(175,184,193,0.2)",
848
- "subtle": "rgba(234,238,242,0.5)"
849
- },
850
- "accent": {
851
- "fg": "#0969da",
852
- "emphasis": "#0969da",
853
- "muted": "rgba(84,174,255,0.4)",
854
- "subtle": "#ddf4ff"
855
- },
856
- "success": {
857
- "fg": "#1a7f37",
858
- "emphasis": "#2da44e",
859
- "muted": "rgba(74,194,107,0.4)",
860
- "subtle": "#dafbe1"
861
- },
862
- "attention": {
863
- "fg": "#9a6700",
864
- "emphasis": "#bf8700",
865
- "muted": "rgba(212,167,44,0.4)",
866
- "subtle": "#fff8c5"
867
- },
868
- "severe": {
869
- "fg": "#bc4c00",
870
- "emphasis": "#bc4c00",
871
- "muted": "rgba(251,143,68,0.4)",
872
- "subtle": "#fff1e5"
873
- },
874
- "danger": {
875
- "fg": "#cf222e",
876
- "emphasis": "#cf222e",
877
- "muted": "rgba(255,129,130,0.4)",
878
- "subtle": "#FFEBE9"
879
- },
880
- "done": {
881
- "fg": "#8250df",
882
- "emphasis": "#8250df",
883
- "muted": "rgba(194,151,255,0.4)",
884
- "subtle": "#fbefff"
885
- },
886
- "sponsors": {
887
- "fg": "#bf3989",
888
- "emphasis": "#bf3989",
889
- "muted": "rgba(255,128,200,0.4)",
890
- "subtle": "#ffeff7"
891
- },
892
- "primer": {
893
- "canvas": {
894
- "backdrop": "rgba(27,31,36,0.5)",
895
- "sticky": "rgba(255,255,255,0.95)"
896
- },
897
- "border": {
898
- "active": "#FD8C73",
899
- "contrast": "rgba(27,31,36,0.1)"
549
+ "change": {
550
+ "text": "#b08800",
551
+ "bg": "#fff5b1",
552
+ "border": "#f9c513"
900
553
  }
901
- }
902
- },
903
- "shadows": {
904
- "shadow": {
905
- "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
906
- "inset": "inset 0 1px 0 rgba(208,215,222,0.2)",
907
- "small": "0 1px 0 rgba(27,31,36,0.04)",
908
- "medium": "0 3px 6px rgba(140,149,159,0.15)",
909
- "large": "0 8px 24px rgba(140,149,159,0.2)",
910
- "extraLarge": "0 12px 28px rgba(140,149,159,0.3)"
911
554
  },
912
- "state": {
913
- "focus": {
914
- "shadow": "0 0 0 3px rgba(9,105,218,0.3)"
555
+ "diffBlob": {
556
+ "numText": "rgba(27,31,35,0.3)",
557
+ "numHoverText": "rgba(27,31,35,0.6)",
558
+ "addition": {
559
+ "numText": "rgba(27,31,35,0.3)",
560
+ "numHoverText": "rgba(27,31,35,0.6)",
561
+ "numBg": "hsla(134,100%,90%,1)",
562
+ "lineBg": "hsla(136,100%,95%,1)",
563
+ "wordBg": "hsla(134,73%,81%,1)"
564
+ },
565
+ "deletion": {
566
+ "numText": "rgba(27,31,35,0.3)",
567
+ "numHoverText": "rgba(27,31,35,0.6)",
568
+ "numBg": "#ffdce0",
569
+ "lineBg": "#ffeef0",
570
+ "wordBg": "hsla(353,95%,86%,1)"
571
+ },
572
+ "hunk": {
573
+ "text": "rgba(27,31,35,0.7)",
574
+ "numBg": "#dbedff",
575
+ "lineBg": "#f1f8ff"
576
+ },
577
+ "emptyBlockBg": "#fafbfc",
578
+ "selectedLineHighlightBg": "rgba(255,223,93,0.2)",
579
+ "selectedLineHighlightBorder": "#ffd33d",
580
+ "expander": {
581
+ "icon": "#586069",
582
+ "hoverIcon": "#ffffff",
583
+ "hoverBg": "#0366d6"
584
+ },
585
+ "commentButton": {
586
+ "icon": "#ffffff",
587
+ "bg": "#0366d6",
588
+ "gradientBg": "hsla(212,97%,48%,1)"
915
589
  }
916
590
  },
917
- "autocomplete": {
918
- "shadow": "0 3px 6px rgba(140,149,159,0.15)"
919
- },
920
- "dropdown": {
921
- "shadow": "0 8px 24px rgba(140,149,159,0.2)"
591
+ "globalNav": {
592
+ "logo": "#ffffff",
593
+ "bg": "#24292e",
594
+ "text": "#ffffff",
595
+ "icon": "#ffffff",
596
+ "inputBg": "#fafbfc",
597
+ "inputBorder": "#fafbfc",
598
+ "inputIcon": "#d1d5da",
599
+ "inputPlaceholder": "#959da5"
922
600
  },
923
- "input": {
924
- "shadow": "inset 0 1px 0 rgba(208,215,222,0.2)"
601
+ "footerInvertocat": {
602
+ "octicon": "#d1d5da",
603
+ "octiconHover": "#6a737d"
925
604
  },
926
- "toast": {
927
- "shadow": "0 8px 24px rgba(140,149,159,0.2)"
605
+ "prState": {
606
+ "draft": {
607
+ "text": "#ffffff",
608
+ "bg": "#6a737d",
609
+ "border": "rgba(0,0,0,0)"
610
+ },
611
+ "open": {
612
+ "text": "#ffffff",
613
+ "bg": "#28a745",
614
+ "border": "rgba(0,0,0,0)"
615
+ },
616
+ "merged": {
617
+ "text": "#ffffff",
618
+ "bg": "#6f42c1",
619
+ "border": "rgba(0,0,0,0)"
620
+ },
621
+ "closed": {
622
+ "text": "#ffffff",
623
+ "bg": "#d73a49",
624
+ "border": "rgba(0,0,0,0)"
625
+ }
928
626
  },
929
- "selectMenu": {
930
- "shadow": "0 8px 24px rgba(140,149,159,0.2)"
627
+ "topicTag": {
628
+ "text": "#0366d6",
629
+ "bg": "#f1f8ff",
630
+ "hoverBg": "hsla(210,100%,93%,1)",
631
+ "activeBg": "hsla(210,100%,95%,1)"
931
632
  },
932
- "avatar": {
933
- "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
633
+ "mergeBox": {
634
+ "successIconBg": "#28a745",
635
+ "successIconText": "#ffffff",
636
+ "successIconBorder": "rgba(0,0,0,0)",
637
+ "successIndicatorBg": "#28a745",
638
+ "successIndicatorBorder": "rgba(0,0,0,0)",
639
+ "mergedIconBg": "#6f42c1",
640
+ "mergedIconText": "#ffffff",
641
+ "mergedIconBorder": "rgba(0,0,0,0)",
642
+ "mergedBoxBorder": "#6f42c1",
643
+ "neutralIconBg": "#6a737d",
644
+ "neutralIconText": "#ffffff",
645
+ "neutralIconBorder": "rgba(0,0,0,0)",
646
+ "neutralIndicatorBg": "#6a737d",
647
+ "neutralIndicatorBorder": "rgba(0,0,0,0)",
648
+ "warningIconBg": "#dbab09",
649
+ "warningIconText": "#ffffff",
650
+ "warningIconBorder": "rgba(0,0,0,0)",
651
+ "warningBoxBorder": "#ffd33d",
652
+ "warningMergeHighlight": "rgba(0,0,0,0)",
653
+ "errorIconBg": "#d73a49",
654
+ "errorIconText": "#ffffff",
655
+ "errorIconBorder": "rgba(0,0,0,0)",
656
+ "errorIndicatorBg": "#d73a49",
657
+ "errorIndicatorBorder": "rgba(0,0,0,0)"
934
658
  },
935
- "overlay": {
936
- "shadow": "0 1px 3px rgba(27,31,36,0.12), 0 8px 24px rgba(66,74,83,0.12)"
659
+ "project": {
660
+ "cardBg": "#ffffff",
661
+ "headerBg": "#24292e",
662
+ "sidebarBg": "#ffffff",
663
+ "gradientIn": "#ffffff",
664
+ "gradientOut": "rgba(255,255,255,0)"
665
+ },
666
+ "checks": {
667
+ "bg": "#24292e",
668
+ "textPrimary": "#fafbfc",
669
+ "textSecondary": "#959da5",
670
+ "textLink": "#79b8ff",
671
+ "btnIcon": "#d1d5da",
672
+ "btnHoverIcon": "#fafbfc",
673
+ "btnHoverBg": "rgba(255,255,255,0.125)",
674
+ "inputText": "#f6f8fa",
675
+ "inputPlaceholderText": "#959da5",
676
+ "inputFocusText": "#959da5",
677
+ "inputBg": "#2f363d",
678
+ "donutError": "#cb2431",
679
+ "donutPending": "#dbab09",
680
+ "donutSuccess": "#28a745",
681
+ "donutNeutral": "#959da5",
682
+ "dropdownText": "#d1d5da",
683
+ "dropdownBg": "#2f363d",
684
+ "dropdownBorder": "#444d56",
685
+ "dropdownHoverText": "#fafbfc",
686
+ "dropdownHoverBg": "#444d56",
687
+ "dropdownBtnHoverText": "#fafbfc",
688
+ "dropdownBtnHoverBg": "#2f363d",
689
+ "scrollbarThumbBg": "#586069",
690
+ "headerLabelText": "#e1e4e8",
691
+ "headerLabelOpenText": "#fafbfc",
692
+ "headerBorder": "#2f363d",
693
+ "headerIcon": "#959da5",
694
+ "lineText": "#e1e4e8",
695
+ "lineNumText": "rgba(149,157,165,0.75)",
696
+ "lineTimestampText": "#959da5",
697
+ "lineHoverBg": "#2f363d",
698
+ "lineSelectedBg": "rgba(33,136,255,0.15)",
699
+ "lineSelectedNumText": "#79b8ff",
700
+ "lineDtFmText": "#24292e",
701
+ "lineDtFmBg": "#ffd33d",
702
+ "gateBg": "rgba(249,197,19,0.15)",
703
+ "gateText": "#e1e4e8",
704
+ "gateWaitingText": "#d1d5da",
705
+ "stepHeaderOpenBg": "#2f363d",
706
+ "stepErrorText": "#f97583",
707
+ "stepWarningText": "#ffea7f",
708
+ "loglineText": "#959da5",
709
+ "loglineNumText": "rgba(149,157,165,0.75)",
710
+ "loglineDebugText": "#b392f0",
711
+ "loglineErrorText": "#e1e4e8",
712
+ "loglineErrorNumText": "#f97583",
713
+ "loglineErrorBg": "rgba(203,36,49,0.15)",
714
+ "loglineWarningText": "#e1e4e8",
715
+ "loglineWarningNumText": "#ffea7f",
716
+ "loglineWarningBg": "rgba(249,197,19,0.15)",
717
+ "loglineCommandText": "#79b8ff",
718
+ "loglineSectionText": "#85e89d",
719
+ "ansi": {
720
+ "black": "#24292e",
721
+ "blackBright": "#2f363d",
722
+ "white": "#e1e4e8",
723
+ "whiteBright": "#e1e4e8",
724
+ "gray": "#959da5",
725
+ "red": "#f97583",
726
+ "redBright": "#fdaeb7",
727
+ "green": "#85e89d",
728
+ "greenBright": "#bef5cb",
729
+ "yellow": "#ffea7f",
730
+ "yellowBright": "#fff5b1",
731
+ "blue": "#79b8ff",
732
+ "blueBright": "#c8e1ff",
733
+ "magenta": "#b392f0",
734
+ "magentaBright": "#d1bcf9",
735
+ "cyan": "#76e3ea",
736
+ "cyanBright": "#b3f0ff"
737
+ }
738
+ },
739
+ "introShelf": {
740
+ "gradientLeft": "#f1f8ff",
741
+ "gradientRight": "#dcffe4",
742
+ "gradientIn": "#ffffff",
743
+ "gradientOut": "rgba(255,255,255,0)"
744
+ },
745
+ "marketingIcon": {
746
+ "primary": "#2188ff",
747
+ "secondary": "#79b8ff"
748
+ },
749
+ "prettylights": {
750
+ "syntax": {
751
+ "comment": "#6a737d",
752
+ "constant": "#005cc5",
753
+ "entity": "#6f42c1",
754
+ "storageModifierImport": "#24292e",
755
+ "entityTag": "#22863a",
756
+ "keyword": "#d73a49",
757
+ "string": "#032f62",
758
+ "variable": "#e36209",
759
+ "brackethighlighterUnmatched": "#b31d28",
760
+ "invalidIllegalText": "#fafbfc",
761
+ "invalidIllegalBg": "#b31d28",
762
+ "carriageReturnText": "#fafbfc",
763
+ "carriageReturnBg": "#d73a49",
764
+ "stringRegexp": "#22863a",
765
+ "markupList": "#735c0f",
766
+ "markupHeading": "#005cc5",
767
+ "markupItalic": "#24292e",
768
+ "markupBold": "#24292e",
769
+ "markupDeletedText": "#b31d28",
770
+ "markupDeletedBg": "#ffeef0",
771
+ "markupInsertedText": "#22863a",
772
+ "markupInsertedBg": "#f0fff4",
773
+ "markupChangedText": "#e36209",
774
+ "markupChangedBg": "#ffebda",
775
+ "markupIgnoredText": "#f6f8fa",
776
+ "markupIgnoredBg": "#005cc5",
777
+ "metaDiffRange": "#6f42c1",
778
+ "brackethighlighterAngle": "#586069",
779
+ "sublimelinterGutterMark": "#959da5",
780
+ "constantOtherReferenceLink": "#032f62"
781
+ }
782
+ },
783
+ "codemirror": {
784
+ "text": "#24292e",
785
+ "bg": "#ffffff",
786
+ "guttersBg": "#ffffff",
787
+ "guttermarkerText": "#ffffff",
788
+ "guttermarkerSubtleText": "#d1d5da",
789
+ "linenumberText": "#959da5",
790
+ "cursor": "#24292e",
791
+ "selectionBg": "#c8e1ff",
792
+ "activelineBg": "#fafbfc",
793
+ "matchingbracketText": "#24292e",
794
+ "linesBg": "#ffffff",
795
+ "syntax": {
796
+ "comment": "#6a737d",
797
+ "constant": "#005cc5",
798
+ "entity": "#6f42c1",
799
+ "keyword": "#d73a49",
800
+ "storage": "#d73a49",
801
+ "string": "#032f62",
802
+ "support": "#005cc5",
803
+ "variable": "#e36209"
804
+ }
805
+ },
806
+ "ansi": {
807
+ "black": "#24292e",
808
+ "blackBright": "#586069",
809
+ "white": "#6a737d",
810
+ "whiteBright": "#959da5",
811
+ "gray": "#6a737d",
812
+ "red": "#d73a49",
813
+ "redBright": "#cb2431",
814
+ "green": "#22863a",
815
+ "greenBright": "#28a745",
816
+ "yellow": "#b08800",
817
+ "yellowBright": "#dbab09",
818
+ "blue": "#0366d6",
819
+ "blueBright": "#2188ff",
820
+ "magenta": "#6f42c1",
821
+ "magentaBright": "#8a63d2",
822
+ "cyan": "#1b7c83",
823
+ "cyanBright": "#3192aa"
824
+ }
825
+ },
826
+ "shadows": {
827
+ "shadow": {
828
+ "small": "0 1px 0 rgba(27,31,35,0.04)",
829
+ "medium": "0 3px 6px rgba(149,157,165,0.15)",
830
+ "large": "0 8px 24px rgba(149,157,165,0.2)",
831
+ "extraLarge": "0 12px 48px rgba(149,157,165,0.3)",
832
+ "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
833
+ "inset": "inset 0 1px 0 rgba(225,228,232,0.2)"
834
+ },
835
+ "state": {
836
+ "focus": {
837
+ "shadow": "0 0 0 3px rgba(3,102,214,0.3)"
838
+ }
839
+ },
840
+ "autocomplete": {
841
+ "shadow": "0 3px 6px rgba(149,157,165,0.15)"
937
842
  },
938
843
  "btn": {
939
- "shadow": "0 1px 0 rgba(27,31,36,0.04)",
844
+ "shadow": "0 1px 0 rgba(27,31,35,0.04)",
940
845
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
941
- "focusShadow": "0 0 0 3px rgba(9,105,218,0.3)",
942
- "shadowActive": "inset 0 0.15em 0.3em rgba(27,31,36,0.15)",
943
- "shadowInputFocus": "0 0 0 0.2em rgba(9,105,218,0.3)",
846
+ "focusShadow": "0 0 0 3px rgba(3,102,214,0.3)",
847
+ "shadowActive": "inset 0 0.15em 0.3em rgba(27,31,35,0.15)",
848
+ "shadowInputFocus": "0 0 0 0.2em rgba(3,102,214,0.3)",
944
849
  "primary": {
945
- "shadow": "0 1px 0 rgba(27,31,36,0.1)",
850
+ "shadow": "0 1px 0 rgba(27,31,35,0.1)",
946
851
  "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
947
- "selectedShadow": "inset 0 1px 0 rgba(0,45,17,0.2)",
948
- "focusShadow": "0 0 0 3px rgba(45,164,78,0.4)"
852
+ "selectedShadow": "inset 0 1px 0 rgba(20,70,32,0.2)",
853
+ "focusShadow": "0 0 0 3px rgba(46,164,79,0.4)"
949
854
  },
950
855
  "outline": {
951
- "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
856
+ "hoverShadow": "0 1px 0 rgba(27,31,35,0.1)",
952
857
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
953
- "selectedShadow": "inset 0 1px 0 rgba(0,33,85,0.2)",
954
- "focusShadow": "0 0 0 3px rgba(5,80,174,0.4)"
858
+ "selectedShadow": "inset 0 1px 0 rgba(5,38,76,0.2)",
859
+ "focusShadow": "0 0 0 3px rgba(0,92,197,0.4)"
955
860
  },
956
861
  "danger": {
957
- "hoverShadow": "0 1px 0 rgba(27,31,36,0.1)",
862
+ "hoverShadow": "0 1px 0 rgba(27,31,35,0.1)",
958
863
  "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
959
- "selectedShadow": "inset 0 1px 0 rgba(76,0,20,0.2)",
960
- "focusShadow": "0 0 0 3px rgba(164,14,38,0.4)"
864
+ "selectedShadow": "inset 0 1px 0 rgba(134,24,29,0.2)",
865
+ "focusShadow": "0 0 0 3px rgba(203,36,49,0.4)"
961
866
  }
962
867
  },
963
- "primer": {
964
- "shadow": {
965
- "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
966
- "inset": "inset 0 1px 0 rgba(208,215,222,0.2)",
967
- "focus": "0 0 0 3px rgba(9,105,218,0.3)"
968
- }
868
+ "dropdown": {
869
+ "shadow": "0 8px 24px rgba(149,157,165,0.2)"
870
+ },
871
+ "overlay": {
872
+ "shadow": "0 1px 3px rgba(27,31,35,0.12), 0 8px 24px rgba(68,77,86,0.12)"
873
+ },
874
+ "input": {
875
+ "shadow": "inset 0 1px 2px rgba(27,31,35,0.075)"
876
+ },
877
+ "avatar": {
878
+ "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
879
+ },
880
+ "toast": {
881
+ "shadow": "0 8px 24px rgba(149,157,165,0.2)"
882
+ },
883
+ "selectMenu": {
884
+ "shadow": "0 0 18px rgba(27,31,35,0.4)"
969
885
  }
970
886
  }
971
887
  },
@@ -988,73 +904,70 @@ module.exports = {
988
904
  "secondary": "#8b949e",
989
905
  "tertiary": "#8b949e",
990
906
  "placeholder": "#484f58",
991
- "disabled": "#8b949e",
992
- "inverse": "#f0f6fc",
907
+ "disabled": "#484f58",
908
+ "inverse": "#0d1117",
993
909
  "link": "#58a6ff",
994
910
  "danger": "#f85149",
995
- "success": "#3fb950",
996
- "warning": "#d29922",
911
+ "success": "#56d364",
912
+ "warning": "#e3b341",
997
913
  "white": "#f0f6fc"
998
914
  },
999
915
  "icon": {
1000
916
  "primary": "#c9d1d9",
1001
- "secondary": "#8b949e",
1002
- "tertiary": "#8b949e",
917
+ "secondary": "#6e7681",
918
+ "tertiary": "#484f58",
1003
919
  "info": "#58a6ff",
1004
920
  "danger": "#f85149",
1005
- "success": "#3fb950",
1006
- "warning": "#d29922"
921
+ "success": "#56d364",
922
+ "warning": "#e3b341"
1007
923
  },
1008
924
  "border": {
1009
925
  "primary": "#30363d",
1010
926
  "secondary": "#21262d",
1011
- "tertiary": "rgba(110,118,129,0.4)",
927
+ "tertiary": "#6e7681",
1012
928
  "overlay": "#30363d",
1013
929
  "inverse": "#f0f6fc",
1014
- "info": "#1f6feb",
1015
- "danger": "#da3633",
1016
- "success": "#238636",
1017
- "warning": "#9e6a03",
1018
- "default": "#30363d",
1019
- "muted": "#21262d",
1020
- "subtle": "rgba(240,246,252,0.1)"
930
+ "info": "rgba(56,139,253,0.4)",
931
+ "danger": "rgba(248,81,73,0.4)",
932
+ "success": "rgba(63,185,80,0.4)",
933
+ "warning": "rgba(187,128,9,0.4)"
1021
934
  },
1022
935
  "bg": {
1023
936
  "canvas": "#0d1117",
1024
- "canvasMobile": "rgba(0,0,0,0)",
1025
- "canvasInverse": "#6e7681",
1026
- "canvasInset": "#010409",
937
+ "canvasMobile": "#010409",
938
+ "canvasInverse": "#f0f6fc",
939
+ "canvasInset": "hsla(216,28%,5%,1)",
1027
940
  "primary": "#0d1117",
1028
- "secondary": "#161b22",
941
+ "secondary": "#0d1117",
1029
942
  "tertiary": "#161b22",
1030
- "overlay": "#161b22",
943
+ "overlay": "rgba(28,33,40,1)",
1031
944
  "backdrop": "rgba(1,4,9,0.8)",
1032
- "info": "rgba(56,139,253,0.15)",
1033
- "infoInverse": "#1f6feb",
1034
- "danger": "rgba(248,81,73,0.15)",
945
+ "info": "rgba(56,139,253,0.1)",
946
+ "infoInverse": "#388bfd",
947
+ "danger": "rgba(248,81,73,0.1)",
1035
948
  "dangerInverse": "#da3633",
1036
- "success": "rgba(46,160,67,0.15)",
1037
- "successInverse": "#238636",
1038
- "warning": "rgba(187,128,9,0.15)",
1039
- "warningInverse": "#9e6a03"
949
+ "success": "rgba(46,160,67,0.1)",
950
+ "successInverse": "#2ea043",
951
+ "warning": "rgba(187,128,9,0.1)",
952
+ "warningInverse": "#bb8009"
1040
953
  },
1041
954
  "state": {
1042
955
  "hover": {
1043
956
  "primaryBg": "#1f6feb",
1044
- "primaryBorder": "#1f6feb",
957
+ "primaryBorder": "#388bfd",
1045
958
  "primaryText": "#f0f6fc",
1046
959
  "primaryIcon": "#f0f6fc",
1047
- "secondaryBg": "rgba(110,118,129,0.1)",
1048
- "secondaryBorder": "rgba(110,118,129,0.1)"
960
+ "secondaryBg": "#161b22",
961
+ "secondaryBorder": "#161b22"
1049
962
  },
1050
963
  "selected": {
1051
964
  "primaryBg": "#1f6feb",
1052
- "primaryBorder": "#1f6feb",
965
+ "primaryBorder": "#388bfd",
1053
966
  "primaryText": "#f0f6fc",
1054
967
  "primaryIcon": "#f0f6fc"
1055
968
  },
1056
969
  "focus": {
1057
- "border": "#1f6feb"
970
+ "border": "#388bfd"
1058
971
  }
1059
972
  },
1060
973
  "fade": {
@@ -1079,137 +992,112 @@ module.exports = {
1079
992
  },
1080
993
  "alert": {
1081
994
  "info": {
1082
- "text": "#c9d1d9",
1083
- "icon": "#58a6ff",
1084
- "bg": "rgba(56,139,253,0.15)",
995
+ "text": "#79c0ff",
996
+ "icon": "#79c0ff",
997
+ "bg": "rgba(56,139,253,0.1)",
1085
998
  "border": "rgba(56,139,253,0.4)"
1086
999
  },
1087
1000
  "warn": {
1088
- "text": "#c9d1d9",
1089
- "icon": "#d29922",
1090
- "bg": "rgba(187,128,9,0.15)",
1001
+ "text": "#e3b341",
1002
+ "icon": "#e3b341",
1003
+ "bg": "rgba(187,128,9,0.1)",
1091
1004
  "border": "rgba(187,128,9,0.4)"
1092
1005
  },
1093
1006
  "error": {
1094
- "text": "#c9d1d9",
1095
- "icon": "#f85149",
1096
- "bg": "rgba(248,81,73,0.15)",
1007
+ "text": "#ff7b72",
1008
+ "icon": "#ff7b72",
1009
+ "bg": "rgba(248,81,73,0.1)",
1097
1010
  "border": "rgba(248,81,73,0.4)"
1098
1011
  },
1099
1012
  "success": {
1100
- "text": "#c9d1d9",
1101
- "icon": "#3fb950",
1102
- "bg": "rgba(46,160,67,0.15)",
1013
+ "text": "#56d364",
1014
+ "icon": "#56d364",
1015
+ "bg": "rgba(46,160,67,0.1)",
1103
1016
  "border": "rgba(46,160,67,0.4)"
1104
1017
  }
1105
1018
  },
1106
1019
  "autocomplete": {
1107
- "rowBorder": "#21262d"
1020
+ "rowBorder": "#30363d"
1108
1021
  },
1109
1022
  "blankslate": {
1110
- "icon": "#8b949e"
1023
+ "icon": "hsla(214,10%,36%,1)"
1024
+ },
1025
+ "btn": {
1026
+ "text": "#c9d1d9",
1027
+ "bg": "#21262d",
1028
+ "border": "#30363d",
1029
+ "hoverBg": "#30363d",
1030
+ "hoverBorder": "#8b949e",
1031
+ "activeBg": "hsla(212,12%,18%,1)",
1032
+ "activeBorder": "#6e7681",
1033
+ "selectedBg": "#161b22",
1034
+ "focusBg": "#21262d",
1035
+ "focusBorder": "#8b949e",
1036
+ "primary": {
1037
+ "text": "#ffffff",
1038
+ "bg": "#238636",
1039
+ "border": "#2ea043",
1040
+ "hoverBg": "#2ea043",
1041
+ "hoverBorder": "#3fb950",
1042
+ "selectedBg": "#238636",
1043
+ "disabledText": "rgba(240,246,252,0.5)",
1044
+ "disabledBg": "rgba(35,134,54,0.6)",
1045
+ "disabledBorder": "rgba(0,0,0,0)",
1046
+ "focusBg": "#238636",
1047
+ "focusBorder": "#3fb950",
1048
+ "icon": "#f0f6fc",
1049
+ "counterBg": "rgba(240,246,252,0.2)"
1050
+ },
1051
+ "outline": {
1052
+ "text": "#58a6ff",
1053
+ "hoverText": "#58a6ff",
1054
+ "hoverBg": "#30363d",
1055
+ "hoverBorder": "#58a6ff",
1056
+ "hoverCounterBg": "rgba(240,246,252,0.2)",
1057
+ "selectedText": "#f0f6fc",
1058
+ "selectedBg": "#0d419d",
1059
+ "selectedBorder": "rgba(240,246,252,0.1)",
1060
+ "disabledText": "rgba(88,166,255,0.5)",
1061
+ "disabledBg": "#0d1117",
1062
+ "disabledCounterBg": "rgba(31,111,235,0.05)",
1063
+ "focusBorder": "#58a6ff",
1064
+ "counterBg": "rgba(31,111,235,0.1)"
1065
+ },
1066
+ "danger": {
1067
+ "text": "#f85149",
1068
+ "hoverText": "#ffffff",
1069
+ "hoverBg": "#da3633",
1070
+ "hoverBorder": "#f85149",
1071
+ "hoverCounterBg": "rgba(255,255,255,0.2)",
1072
+ "selectedText": "#ffffff",
1073
+ "selectedBg": "#b62324",
1074
+ "selectedBorder": "rgba(240,246,252,0.1)",
1075
+ "disabledText": "rgba(248,81,73,0.5)",
1076
+ "disabledBg": "#0d1117",
1077
+ "disabledCounterBg": "rgba(218,54,51,0.05)",
1078
+ "focusBorder": "#f85149",
1079
+ "counterBg": "rgba(218,54,51,0.1)",
1080
+ "icon": "#f85149",
1081
+ "hoverIcon": "#f0f6fc"
1082
+ },
1083
+ "counterBg": "#30363d"
1111
1084
  },
1112
1085
  "counter": {
1113
1086
  "text": "#c9d1d9",
1114
- "bg": "rgba(110,118,129,0.4)",
1087
+ "bg": "#30363d",
1115
1088
  "primary": {
1116
- "text": "#f0f6fc",
1089
+ "text": "#c9d1d9",
1117
1090
  "bg": "#6e7681"
1118
1091
  },
1119
1092
  "secondary": {
1120
1093
  "text": "#8b949e",
1121
- "bg": "rgba(110,118,129,0.1)"
1122
- }
1123
- },
1124
- "box": {
1125
- "blueBorder": "rgba(56,139,253,0.4)",
1126
- "rowYellowBg": "rgba(187,128,9,0.15)",
1127
- "rowBlueBg": "rgba(56,139,253,0.15)",
1128
- "headerBlueBg": "rgba(56,139,253,0.15)",
1129
- "headerBlueBorder": "rgba(56,139,253,0.4)",
1130
- "borderInfo": "rgba(56,139,253,0.4)",
1131
- "bgInfo": "rgba(56,139,253,0.15)",
1132
- "borderWarning": "rgba(187,128,9,0.4)",
1133
- "bgWarning": "rgba(187,128,9,0.15)"
1134
- },
1135
- "branchName": {
1136
- "text": "#8b949e",
1137
- "icon": "#8b949e",
1138
- "bg": "rgba(56,139,253,0.15)",
1139
- "link": {
1140
- "text": "#58a6ff",
1141
- "icon": "#58a6ff",
1142
- "bg": "rgba(56,139,253,0.15)"
1094
+ "bg": "rgba(139,148,158,0.2)"
1143
1095
  }
1144
1096
  },
1145
- "markdown": {
1146
- "codeBg": "rgba(110,118,129,0.4)",
1147
- "frameBorder": "#30363d",
1148
- "blockquoteBorder": "#30363d",
1149
- "tableBorder": "#30363d",
1150
- "tableTrBorder": "#21262d"
1151
- },
1152
- "filterItem": {
1153
- "barBg": "rgba(110,118,129,0.1)"
1154
- },
1155
- "hiddenTextExpander": {
1156
- "bg": "rgba(110,118,129,0.4)",
1157
- "bgHover": "rgba(56,139,253,0.4)"
1158
- },
1159
- "dragAndDrop": {
1160
- "border": "#30363d"
1161
- },
1162
- "uploadEnabled": {
1163
- "border": "#30363d",
1164
- "borderFocused": "#1f6feb"
1165
- },
1166
- "previewableCommentForm": {
1167
- "border": "#30363d"
1168
- },
1169
- "verifiedBadge": {
1170
- "text": "#3fb950",
1171
- "bg": "#0d1117",
1172
- "border": "#30363d"
1173
- },
1174
- "socialCount": {
1175
- "bg": "#0d1117"
1176
- },
1177
- "tooltip": {
1178
- "text": "#f0f6fc",
1179
- "bg": "#6e7681"
1180
- },
1181
- "filesExplorerIcon": "#58a6ff",
1182
- "hlAuthorBg": "rgba(56,139,253,0.15)",
1183
- "hlAuthorBorder": "rgba(56,139,253,0.4)",
1184
- "logoSubdued": "rgba(110,118,129,0.4)",
1185
- "discussionBorder": "rgba(46,160,67,0.4)",
1186
- "discussionBgSuccess": "#238636",
1187
- "actionsWorkflowTableStickyBg": "rgba(13,17,23,0.95)",
1188
- "repoLanguageColorBorder": "rgba(240,246,252,0.2)",
1189
- "codeSelectionBg": "rgba(56,139,253,0.4)",
1190
- "highlight": {
1191
- "text": "#c9d1d9",
1192
- "bg": "rgba(187,128,9,0.15)"
1193
- },
1194
- "blob": {
1195
- "lineHighlightBg": "rgba(187,128,9,0.15)",
1196
- "lineHighlightBorder": "rgba(187,128,9,0.4)"
1197
- },
1198
- "topicTag": {
1199
- "text": "#58a6ff",
1200
- "bg": "rgba(56,139,253,0.15)",
1201
- "hoverBg": "#1f6feb",
1202
- "activeBg": "rgba(56,139,253,0.15)",
1203
- "border": "rgba(0,0,0,0)"
1204
- },
1205
- "footerInvertocat": {
1206
- "octicon": "#484f58",
1207
- "octiconHover": "#8b949e"
1208
- },
1209
1097
  "label": {
1210
1098
  "border": "#30363d",
1211
1099
  "primary": {
1212
- "text": "#c9d1d9",
1100
+ "text": "#b1bac4",
1213
1101
  "border": "#6e7681"
1214
1102
  },
1215
1103
  "secondary": {
@@ -1217,240 +1105,340 @@ module.exports = {
1217
1105
  "border": "#30363d"
1218
1106
  },
1219
1107
  "info": {
1220
- "text": "#58a6ff",
1221
- "border": "#1f6feb"
1108
+ "text": "#388bfd",
1109
+ "border": "rgba(56,139,253,0.4)"
1222
1110
  },
1223
1111
  "success": {
1224
1112
  "text": "#3fb950",
1225
- "border": "#238636"
1113
+ "border": "rgba(46,160,67,0.4)"
1226
1114
  },
1227
1115
  "warning": {
1228
- "text": "#d29922",
1229
- "border": "#9e6a03"
1116
+ "text": "#e3b341",
1117
+ "border": "rgba(242,211,91,0.4)"
1230
1118
  },
1231
1119
  "danger": {
1232
1120
  "text": "#f85149",
1233
- "border": "#da3633"
1121
+ "border": "rgba(248,81,73,0.4)"
1234
1122
  },
1235
1123
  "orange": {
1236
1124
  "text": "#db6d28",
1237
- "border": "#bd561d"
1125
+ "border": "rgba(219,109,40,0.4)"
1238
1126
  }
1239
1127
  },
1240
1128
  "input": {
1241
1129
  "bg": "#0d1117",
1242
- "contrastBg": "#010409",
1243
- "border": "#30363d",
1130
+ "contrastBg": "rgba(1,4,9,0.5)",
1131
+ "border": "#21262d",
1132
+ "disabledBg": "#161b22",
1244
1133
  "disabledBorder": "#30363d",
1245
- "warningBorder": "#9e6a03",
1246
- "errorBorder": "#da3633",
1134
+ "warningBorder": "#d29922",
1135
+ "errorBorder": "#f85149",
1247
1136
  "tooltip": {
1248
1137
  "success": {
1249
- "text": "#c9d1d9",
1250
- "bg": "rgba(46,160,67,0.15)",
1251
- "border": "rgba(46,160,67,0.4)"
1138
+ "text": "#56d364",
1139
+ "bg": "rgba(16,31,27,1)",
1140
+ "border": "rgba(28,83,43,1)"
1252
1141
  },
1253
1142
  "warning": {
1254
- "text": "#c9d1d9",
1255
- "bg": "rgba(187,128,9,0.15)",
1256
- "border": "rgba(187,128,9,0.4)"
1143
+ "text": "#e3b341",
1144
+ "bg": "rgba(30,28,22,1)",
1145
+ "border": "rgba(93,68,17,1)"
1257
1146
  },
1258
1147
  "error": {
1259
- "text": "#c9d1d9",
1260
- "bg": "rgba(248,81,73,0.15)",
1261
- "border": "rgba(248,81,73,0.4)"
1148
+ "text": "#ff7b72",
1149
+ "bg": "rgba(37,23,28,1)",
1150
+ "border": "rgba(121,46,46,1)"
1262
1151
  }
1263
- },
1264
- "disabledBg": "rgba(110,118,129,0)"
1152
+ }
1153
+ },
1154
+ "avatar": {
1155
+ "bg": "rgba(240,246,252,0.1)",
1156
+ "border": "rgba(240,246,252,0.1)",
1157
+ "stackFade": "#30363d",
1158
+ "stackFadeMore": "#21262d"
1265
1159
  },
1266
1160
  "toast": {
1267
1161
  "text": "#c9d1d9",
1268
- "bg": "#0d1117",
1269
- "border": "#30363d",
1162
+ "bg": "#30363d",
1163
+ "border": "#6e7681",
1270
1164
  "icon": "#f0f6fc",
1271
1165
  "iconBg": "#1f6feb",
1272
- "iconBorder": "rgba(0,0,0,0)",
1166
+ "iconBorder": "#388bfd",
1273
1167
  "success": {
1274
1168
  "text": "#c9d1d9",
1275
- "border": "#30363d",
1169
+ "border": "#6e7681",
1276
1170
  "icon": "#f0f6fc",
1277
- "iconBg": "#238636",
1278
- "iconBorder": "rgba(0,0,0,0)"
1171
+ "iconBg": "#2ea043",
1172
+ "iconBorder": "#3fb950"
1279
1173
  },
1280
1174
  "warning": {
1281
1175
  "text": "#c9d1d9",
1282
- "border": "#30363d",
1283
- "icon": "#c9d1d9",
1284
- "iconBg": "#9e6a03",
1285
- "iconBorder": "rgba(0,0,0,0)"
1176
+ "border": "#6e7681",
1177
+ "icon": "#f0f6fc",
1178
+ "iconBg": "#bb8009",
1179
+ "iconBorder": "#d29922"
1286
1180
  },
1287
1181
  "danger": {
1288
1182
  "text": "#c9d1d9",
1289
- "border": "#30363d",
1183
+ "border": "#6e7681",
1290
1184
  "icon": "#f0f6fc",
1291
1185
  "iconBg": "#da3633",
1292
- "iconBorder": "rgba(0,0,0,0)"
1186
+ "iconBorder": "#f85149"
1293
1187
  },
1294
1188
  "loading": {
1295
1189
  "text": "#c9d1d9",
1296
- "border": "#30363d",
1190
+ "border": "#6e7681",
1297
1191
  "icon": "#f0f6fc",
1298
1192
  "iconBg": "#6e7681",
1299
- "iconBorder": "rgba(0,0,0,0)"
1193
+ "iconBorder": "#8b949e"
1300
1194
  }
1301
1195
  },
1302
1196
  "timeline": {
1303
- "text": "#8b949e",
1304
- "badgeSuccessBorder": "rgba(0,0,0,0)",
1197
+ "text": "#b1bac4",
1198
+ "badgeBg": "#0d1117",
1199
+ "badgeSuccessBorder": "#2ea043",
1305
1200
  "targetBadgeBorder": "#1f6feb",
1306
- "targetBadgeShadow": "rgba(56,139,253,0.4)",
1307
- "badgeBg": "#21262d"
1201
+ "targetBadgeShadow": "#0d419d"
1308
1202
  },
1309
- "diffstat": {
1310
- "neutralBg": "rgba(110,118,129,0.4)",
1311
- "neutralBorder": "rgba(240,246,252,0.1)",
1312
- "deletionBorder": "rgba(240,246,252,0.1)",
1313
- "additionBorder": "rgba(240,246,252,0.1)",
1314
- "deletionBg": "#da3633",
1315
- "additionBg": "#3fb950"
1203
+ "selectMenu": {
1204
+ "borderSecondary": "#30363d",
1205
+ "backdropBg": "rgba(1,4,9,0.5)",
1206
+ "backdropBorder": "#484f58",
1207
+ "tapHighlight": "rgba(48,54,61,0.5)",
1208
+ "tapFocusBg": "#0c2d6b"
1316
1209
  },
1317
- "diff": {
1318
- "addition": {
1319
- "text": "#c9d1d9",
1320
- "bg": "rgba(46,160,67,0.15)",
1321
- "border": "rgba(46,160,67,0.4)"
1322
- },
1323
- "deletion": {
1324
- "text": "#c9d1d9",
1325
- "bg": "rgba(248,81,73,0.15)",
1326
- "border": "rgba(248,81,73,0.4)"
1327
- },
1328
- "change": {
1329
- "text": "#d29922",
1330
- "bg": "rgba(187,128,9,0.15)",
1331
- "border": "rgba(187,128,9,0.4)"
1332
- }
1210
+ "box": {
1211
+ "blueBorder": "#0d419d",
1212
+ "rowYellowBg": "rgba(235,196,64,0.1)",
1213
+ "rowBlueBg": "rgba(121,192,255,0.1)",
1214
+ "headerBlueBg": "#0d1117",
1215
+ "headerBlueBorder": "#30363d",
1216
+ "borderInfo": "rgba(56,139,253,0.4)",
1217
+ "bgInfo": "rgba(56,139,253,0.1)",
1218
+ "borderWarning": "rgba(187,128,9,0.4)",
1219
+ "bgWarning": "rgba(187,128,9,0.1)"
1333
1220
  },
1334
- "mergeBox": {
1335
- "successIconBg": "#238636",
1336
- "successIconText": "#f0f6fc",
1337
- "successIconBorder": "rgba(0,0,0,0)",
1338
- "successIndicatorBg": "#238636",
1339
- "successIndicatorBorder": "rgba(0,0,0,0)",
1340
- "mergedIconBg": "#8957e5",
1341
- "mergedIconText": "#f0f6fc",
1342
- "mergedIconBorder": "rgba(0,0,0,0)",
1343
- "mergedBoxBorder": "#8957e5",
1344
- "neutralIconBg": "#6e7681",
1345
- "neutralIconText": "#f0f6fc",
1346
- "neutralIconBorder": "rgba(0,0,0,0)",
1347
- "neutralIndicatorBg": "#6e7681",
1348
- "neutralIndicatorBorder": "rgba(0,0,0,0)",
1349
- "warningIconBg": "#9e6a03",
1350
- "warningIconText": "#f0f6fc",
1351
- "warningIconBorder": "rgba(0,0,0,0)",
1352
- "warningBoxBorder": "#9e6a03",
1353
- "warningMergeHighlight": "rgba(0,0,0,0)",
1354
- "errorIconBg": "#da3633",
1355
- "errorIconText": "#f0f6fc",
1356
- "errorIconBorder": "rgba(0,0,0,0)",
1357
- "errorIndicatorBg": "#da3633",
1358
- "errorIndicatorBorder": "rgba(0,0,0,0)"
1221
+ "branchName": {
1222
+ "text": "#c9d1d9",
1223
+ "icon": "#b1bac4",
1224
+ "bg": "rgba(88,166,255,0.1)",
1225
+ "link": {
1226
+ "text": "#58a6ff",
1227
+ "icon": "#58a6ff",
1228
+ "bg": "rgba(88,166,255,0.1)"
1229
+ }
1230
+ },
1231
+ "markdown": {
1232
+ "codeBg": "rgba(240,246,252,0.15)",
1233
+ "frameBorder": "hsla(212,12%,26%,1)",
1234
+ "blockquoteBorder": "hsla(212,12%,26%,1)",
1235
+ "tableBorder": "hsla(212,12%,26%,1)",
1236
+ "tableTrBorder": "hsla(212,12%,17%,1)"
1237
+ },
1238
+ "menu": {
1239
+ "headingText": "#8b949e",
1240
+ "borderActive": "#f78166",
1241
+ "bgActive": "#161b22"
1242
+ },
1243
+ "sidenav": {
1244
+ "selectedBg": "#21262d",
1245
+ "borderActive": "#f78166"
1246
+ },
1247
+ "header": {
1248
+ "text": "rgba(240,246,252,0.7)",
1249
+ "bg": "#161b22",
1250
+ "logo": "#f0f6fc"
1251
+ },
1252
+ "filterItem": {
1253
+ "barBg": "hsla(215,21%,9%,1)"
1254
+ },
1255
+ "hiddenTextExpander": {
1256
+ "bg": "#21262d",
1257
+ "bgHover": "#30363d"
1258
+ },
1259
+ "dragAndDrop": {
1260
+ "border": "hsla(212,12%,16%,1)"
1261
+ },
1262
+ "uploadEnabled": {
1263
+ "border": "hsla(212,12%,26%,1)",
1264
+ "borderFocused": "hsla(216,84%,60%,1)"
1265
+ },
1266
+ "previewableCommentForm": {
1267
+ "border": "hsla(212,12%,16%,1)"
1359
1268
  },
1360
1269
  "underlinenav": {
1361
- "border": "rgba(0,0,0,0)",
1362
- "borderHover": "rgba(110,118,129,0.4)",
1363
- "borderActive": "#F78166",
1364
- "text": "#c9d1d9",
1270
+ "border": "rgba(48,54,61,0)",
1271
+ "borderHover": "#30363d",
1272
+ "borderActive": "#f78166",
1273
+ "text": "#8b949e",
1365
1274
  "textHover": "#c9d1d9",
1366
1275
  "textActive": "#c9d1d9",
1367
- "icon": "#484f58",
1368
- "iconHover": "#484f58",
1276
+ "icon": "#6e7681",
1277
+ "iconHover": "#c9d1d9",
1369
1278
  "iconActive": "#c9d1d9",
1370
- "counterText": "#c9d1d9",
1371
- "counterBg": "rgba(110,118,129,0.4)"
1279
+ "counterText": "#8b949e",
1280
+ "counterBg": "rgba(139,148,158,0.2)"
1372
1281
  },
1373
- "selectMenu": {
1374
- "borderSecondary": "#21262d",
1375
- "backdropBg": "rgba(1,4,9,0.8)",
1376
- "backdropBorder": "#484f58",
1377
- "tapHighlight": "rgba(48,54,61,0.5)",
1378
- "tapFocusBg": "#0c2d6b"
1282
+ "verifiedBadge": {
1283
+ "text": "#3fb950",
1284
+ "bg": "rgba(63,185,80,0.1)",
1285
+ "border": "rgba(63,185,80,0.4)"
1379
1286
  },
1380
- "sidenav": {
1381
- "borderActive": "#F78166",
1382
- "selectedBg": "#21262d"
1287
+ "socialCount": {
1288
+ "bg": "#21262d"
1383
1289
  },
1384
- "menu": {
1385
- "headingText": "#c9d1d9",
1386
- "borderActive": "#F78166",
1387
- "bgActive": "#161b22"
1290
+ "tooltip": {
1291
+ "text": "#f0f6fc",
1292
+ "bg": "#6e7681"
1388
1293
  },
1389
- "project": {
1390
- "cardBg": "#161b22",
1391
- "headerBg": "#0d1117",
1392
- "sidebarBg": "#161b22",
1393
- "gradientIn": "#161b22",
1394
- "gradientOut": "rgba(22,27,34,0)"
1294
+ "headerSearch": {
1295
+ "bg": "#0d1117",
1296
+ "border": "#21262d"
1395
1297
  },
1396
- "prState": {
1397
- "draft": {
1398
- "text": "#f0f6fc",
1399
- "bg": "#6e7681",
1400
- "border": "rgba(0,0,0,0)"
1298
+ "searchKeyword": {
1299
+ "hl": "rgba(187,128,9,0.4)"
1300
+ },
1301
+ "diffstat": {
1302
+ "neutralBg": "#30363d",
1303
+ "neutralBorder": "rgba(240,246,252,0.1)",
1304
+ "deletionBg": "#da3633",
1305
+ "deletionBorder": "#f85149",
1306
+ "additionBg": "#238636",
1307
+ "additionBorder": "#2ea043"
1308
+ },
1309
+ "mktg": {
1310
+ "success": "rgba(41,147,61,1)",
1311
+ "info": "rgba(42,123,243,1)",
1312
+ "bgShadeGradient": {
1313
+ "top": "rgba(1,4,9,0.065)",
1314
+ "bottom": "rgba(1,4,9,0)"
1401
1315
  },
1402
- "open": {
1316
+ "btn": {
1317
+ "bg": {
1318
+ "top": "hsla(228,82%,66%,1)",
1319
+ "bottom": "#4969ed"
1320
+ },
1321
+ "bgOverlay": {
1322
+ "top": "hsla(228,74%,59%,1)",
1323
+ "bottom": "#3355e0"
1324
+ },
1403
1325
  "text": "#f0f6fc",
1404
- "bg": "#238636",
1405
- "border": "rgba(0,0,0,0)"
1326
+ "primary": {
1327
+ "bg": {
1328
+ "top": "hsla(137,56%,46%,1)",
1329
+ "bottom": "#2ea44f"
1330
+ },
1331
+ "bgOverlay": {
1332
+ "top": "hsla(134,60%,38%,1)",
1333
+ "bottom": "#22863a"
1334
+ },
1335
+ "text": "#f0f6fc"
1336
+ },
1337
+ "enterprise": {
1338
+ "bg": {
1339
+ "top": "hsla(249,100%,72%,1)",
1340
+ "bottom": "#6f57ff"
1341
+ },
1342
+ "bgOverlay": {
1343
+ "top": "hsla(248,65%,63%,1)",
1344
+ "bottom": "#614eda"
1345
+ },
1346
+ "text": "#f0f6fc"
1347
+ },
1348
+ "outline": {
1349
+ "text": "#f0f6fc",
1350
+ "border": "rgba(240,246,252,0.3)",
1351
+ "hover": {
1352
+ "text": "#f0f6fc",
1353
+ "border": "rgba(240,246,252,0.5)"
1354
+ },
1355
+ "focus": {
1356
+ "border": "#f0f6fc",
1357
+ "borderInset": "rgba(240,246,252,0.5)"
1358
+ }
1359
+ },
1360
+ "dark": {
1361
+ "text": "#f0f6fc",
1362
+ "border": "rgba(240,246,252,0.3)",
1363
+ "hover": {
1364
+ "text": "#f0f6fc",
1365
+ "border": "rgba(240,246,252,0.5)"
1366
+ },
1367
+ "focus": {
1368
+ "border": "#f0f6fc",
1369
+ "borderInset": "rgba(240,246,252,0.5)"
1370
+ }
1371
+ }
1372
+ }
1373
+ },
1374
+ "filesExplorerIcon": "#6e7681",
1375
+ "hlAuthorBg": "#051d4d",
1376
+ "hlAuthorBorder": "#0d419d",
1377
+ "logoSubdued": "#30363d",
1378
+ "discussionBorder": "hsla(135,22%,26%,1)",
1379
+ "discussionBgSuccess": "rgba(46,160,67,0.1)",
1380
+ "actionsWorkflowTableStickyBg": "rgba(13,17,23,0.95)",
1381
+ "repoLanguageColorBorder": "rgba(240,246,252,0.2)",
1382
+ "codeSelectionBg": "rgba(121,192,255,0.3)",
1383
+ "highlight": {
1384
+ "text": "#ffd467",
1385
+ "bg": "rgba(204,143,44,0.38)"
1386
+ },
1387
+ "blob": {
1388
+ "lineHighlightBg": "rgba(210,153,34,0.15)",
1389
+ "lineHighlightBorder": "#e3b341"
1390
+ },
1391
+ "diff": {
1392
+ "addition": {
1393
+ "text": "#56d364",
1394
+ "bg": "rgba(46,160,67,0.2)",
1395
+ "border": "#196c2e"
1406
1396
  },
1407
- "merged": {
1408
- "text": "#f0f6fc",
1409
- "bg": "#8957e5",
1410
- "border": "rgba(0,0,0,0)"
1397
+ "deletion": {
1398
+ "text": "#f85149",
1399
+ "bg": "rgba(218,54,51,0.2)",
1400
+ "border": "#b62324"
1411
1401
  },
1412
- "closed": {
1413
- "text": "#f0f6fc",
1414
- "bg": "#da3633",
1415
- "border": "rgba(0,0,0,0)"
1402
+ "change": {
1403
+ "text": "#e3b341",
1404
+ "bg": "#341a00",
1405
+ "border": "#9e6a03"
1416
1406
  }
1417
1407
  },
1418
1408
  "diffBlob": {
1419
- "numText": "#484f58",
1420
- "numHoverText": "#c9d1d9",
1409
+ "numText": "rgba(240,246,252,0.3)",
1410
+ "numHoverText": "rgba(240,246,252,0.6)",
1421
1411
  "addition": {
1422
- "numHoverText": "#c9d1d9",
1423
- "numText": "#c9d1d9",
1424
- "fg": "#c9d1d9",
1425
- "numBg": "rgba(63,185,80,0.3)",
1426
- "lineBg": "rgba(46,160,67,0.15)",
1427
- "wordBg": "rgba(46,160,67,0.4)"
1412
+ "numText": "#3fb950",
1413
+ "numHoverText": "#7ee787",
1414
+ "numBg": "rgba(46,160,67,0.1)",
1415
+ "lineBg": "rgba(46,160,67,0.2)",
1416
+ "wordBg": "rgba(46,160,67,0.55)"
1428
1417
  },
1429
1418
  "deletion": {
1430
- "numHoverText": "#c9d1d9",
1431
- "lineBg": "rgba(248,81,73,0.15)",
1432
- "wordBg": "rgba(248,81,73,0.4)",
1433
- "numText": "#c9d1d9",
1434
- "fg": "#c9d1d9",
1435
- "numBg": "rgba(248,81,73,0.3)"
1419
+ "numText": "#f85149",
1420
+ "numHoverText": "#ffa198",
1421
+ "numBg": "rgba(218,54,51,0.1)",
1422
+ "lineBg": "rgba(218,54,51,0.2)",
1423
+ "wordBg": "rgba(218,54,51,0.5)"
1436
1424
  },
1437
1425
  "hunk": {
1438
1426
  "text": "#8b949e",
1439
- "numBg": "rgba(56,139,253,0.4)",
1440
- "lineBg": "rgba(56,139,253,0.15)"
1427
+ "numBg": "rgba(88,166,255,0.15)",
1428
+ "lineBg": "rgba(88,166,255,0.1)"
1441
1429
  },
1442
- "emptyBlockBg": "rgba(110,118,129,0.1)",
1443
- "selectedLineHighlightBg": "rgba(187,128,9,0.15)",
1444
- "selectedLineHighlightBorder": "rgba(187,128,9,0.4)",
1430
+ "emptyBlockBg": "#161b22",
1431
+ "selectedLineHighlightBg": "rgba(187,128,9,0.1)",
1432
+ "selectedLineHighlightBorder": "#bb8009",
1445
1433
  "expander": {
1434
+ "icon": "#8b949e",
1446
1435
  "hoverIcon": "#f0f6fc",
1447
- "hoverBg": "#1f6feb",
1448
- "icon": "#8b949e"
1436
+ "hoverBg": "#1f6feb"
1449
1437
  },
1450
1438
  "commentButton": {
1451
1439
  "icon": "#f0f6fc",
1452
1440
  "bg": "#1f6feb",
1453
- "gradientBg": "rgba(0,0,0,0)"
1441
+ "gradientBg": "hsla(216,84%,57%,1)"
1454
1442
  }
1455
1443
  },
1456
1444
  "globalNav": {
@@ -1463,19 +1451,154 @@ module.exports = {
1463
1451
  "inputIcon": "#21262d",
1464
1452
  "inputPlaceholder": "#484f58"
1465
1453
  },
1454
+ "footerInvertocat": {
1455
+ "octicon": "#30363d",
1456
+ "octiconHover": "#6e7681"
1457
+ },
1458
+ "prState": {
1459
+ "draft": {
1460
+ "text": "#8b949e",
1461
+ "bg": "rgba(139,148,158,0.1)",
1462
+ "border": "rgba(139,148,158,0.4)"
1463
+ },
1464
+ "open": {
1465
+ "text": "#3fb950",
1466
+ "bg": "rgba(63,185,80,0.1)",
1467
+ "border": "rgba(63,185,80,0.4)"
1468
+ },
1469
+ "merged": {
1470
+ "text": "#a371f7",
1471
+ "bg": "rgba(188,140,255,0.1)",
1472
+ "border": "rgba(188,140,255,0.4)"
1473
+ },
1474
+ "closed": {
1475
+ "text": "#f85149",
1476
+ "bg": "rgba(218,54,51,0.1)",
1477
+ "border": "rgba(218,54,51,0.4)"
1478
+ }
1479
+ },
1480
+ "topicTag": {
1481
+ "text": "#58a6ff",
1482
+ "bg": "rgba(56,139,253,0.1)",
1483
+ "hoverBg": "rgba(56,139,253,0.2)",
1484
+ "activeBg": "rgba(56,139,253,0.15)"
1485
+ },
1486
+ "mergeBox": {
1487
+ "successIconBg": "rgba(46,160,67,0.1)",
1488
+ "successIconText": "#3fb950",
1489
+ "successIconBorder": "rgba(46,160,67,0.4)",
1490
+ "successIndicatorBg": "#238636",
1491
+ "successIndicatorBorder": "#2ea043",
1492
+ "mergedIconBg": "rgba(188,140,255,0.1)",
1493
+ "mergedIconText": "#a371f7",
1494
+ "mergedIconBorder": "rgba(188,140,255,0.4)",
1495
+ "mergedBoxBorder": "rgba(188,140,255,0.4)",
1496
+ "neutralIconBg": "rgba(201,209,217,0.1)",
1497
+ "neutralIconText": "#8b949e",
1498
+ "neutralIconBorder": "rgba(201,209,217,0.4)",
1499
+ "neutralIndicatorBg": "#484f58",
1500
+ "neutralIndicatorBorder": "#6e7681",
1501
+ "warningIconBg": "rgba(187,128,9,0.1)",
1502
+ "warningIconText": "#e3b341",
1503
+ "warningIconBorder": "rgba(187,128,9,0.4)",
1504
+ "warningBoxBorder": "rgba(187,128,9,0.4)",
1505
+ "warningMergeHighlight": "rgba(187,128,9,0.1)",
1506
+ "errorIconBg": "rgba(248,81,73,0.1)",
1507
+ "errorIconText": "#f85149",
1508
+ "errorIconBorder": "rgba(248,81,73,0.4)",
1509
+ "errorIndicatorBg": "#da3633",
1510
+ "errorIndicatorBorder": "#f85149"
1511
+ },
1512
+ "project": {
1513
+ "cardBg": "#161b22",
1514
+ "headerBg": "#0d1117",
1515
+ "sidebarBg": "#161b22",
1516
+ "gradientIn": "#161b22",
1517
+ "gradientOut": "rgba(22,27,34,0)"
1518
+ },
1519
+ "checks": {
1520
+ "bg": "hsla(216,28%,5%,1)",
1521
+ "textPrimary": "#c9d1d9",
1522
+ "textSecondary": "#8b949e",
1523
+ "textLink": "#58a6ff",
1524
+ "btnIcon": "#6e7681",
1525
+ "btnHoverIcon": "#c9d1d9",
1526
+ "btnHoverBg": "#30363d",
1527
+ "inputText": "#8b949e",
1528
+ "inputPlaceholderText": "#484f58",
1529
+ "inputFocusText": "#c9d1d9",
1530
+ "inputBg": "#0d1117",
1531
+ "donutError": "#f85149",
1532
+ "donutPending": "#d29922",
1533
+ "donutSuccess": "#2ea043",
1534
+ "donutNeutral": "#8b949e",
1535
+ "dropdownText": "#c9d1d9",
1536
+ "dropdownBg": "rgba(28,33,40,1)",
1537
+ "dropdownBorder": "#30363d",
1538
+ "dropdownHoverText": "#f0f6fc",
1539
+ "dropdownHoverBg": "#1f6feb",
1540
+ "dropdownBtnHoverText": "#f0f6fc",
1541
+ "dropdownBtnHoverBg": "#161b22",
1542
+ "scrollbarThumbBg": "#30363d",
1543
+ "headerLabelText": "#8b949e",
1544
+ "headerLabelOpenText": "#c9d1d9",
1545
+ "headerBorder": "#21262d",
1546
+ "headerIcon": "#6e7681",
1547
+ "lineText": "#8b949e",
1548
+ "lineNumText": "#8b949e",
1549
+ "lineTimestampText": "#8b949e",
1550
+ "lineHoverBg": "#161b22",
1551
+ "lineSelectedBg": "rgba(56,139,253,0.1)",
1552
+ "lineSelectedNumText": "#58a6ff",
1553
+ "lineDtFmText": "#0d1117",
1554
+ "lineDtFmBg": "#d29922",
1555
+ "gateBg": "rgba(132,83,6,0.15)",
1556
+ "gateText": "#8b949e",
1557
+ "gateWaitingText": "#e3b341",
1558
+ "stepHeaderOpenBg": "#161b22",
1559
+ "stepErrorText": "#f85149",
1560
+ "stepWarningText": "#e3b341",
1561
+ "loglineText": "#6e7681",
1562
+ "loglineNumText": "#8b949e",
1563
+ "loglineDebugText": "#bc8cff",
1564
+ "loglineErrorText": "#8b949e",
1565
+ "loglineErrorNumText": "#8b949e",
1566
+ "loglineErrorBg": "rgba(248,81,73,0.1)",
1567
+ "loglineWarningText": "#8b949e",
1568
+ "loglineWarningNumText": "#e3b341",
1569
+ "loglineWarningBg": "rgba(187,128,9,0.1)",
1570
+ "loglineCommandText": "#58a6ff",
1571
+ "loglineSectionText": "#56d364",
1572
+ "ansi": {
1573
+ "black": "#0d1117",
1574
+ "blackBright": "#161b22",
1575
+ "white": "#b1bac4",
1576
+ "whiteBright": "#b1bac4",
1577
+ "gray": "#6e7681",
1578
+ "red": "#ff7b72",
1579
+ "redBright": "#ffa198",
1580
+ "green": "#3fb950",
1581
+ "greenBright": "#56d364",
1582
+ "yellow": "#d29922",
1583
+ "yellowBright": "#e3b341",
1584
+ "blue": "#58a6ff",
1585
+ "blueBright": "#79c0ff",
1586
+ "magenta": "#bc8cff",
1587
+ "magentaBright": "#d2a8ff",
1588
+ "cyan": "#76e3ea",
1589
+ "cyanBright": "#b3f0ff"
1590
+ }
1591
+ },
1466
1592
  "introShelf": {
1467
- "gradientLeft": "rgba(56,139,253,0.15)",
1468
- "gradientRight": "rgba(46,160,67,0.15)",
1593
+ "gradientLeft": "rgba(56,139,253,0.1)",
1594
+ "gradientRight": "rgba(46,160,67,0.1)",
1469
1595
  "gradientIn": "#0d1117",
1470
- "gradientOut": "rgba(240,246,252,0)"
1596
+ "gradientOut": "rgba(13,17,23,0)"
1471
1597
  },
1472
1598
  "marketingIcon": {
1473
1599
  "primary": "#79c0ff",
1474
1600
  "secondary": "#1f6feb"
1475
1601
  },
1476
- "searchKeyword": {
1477
- "hl": "rgba(210,153,34,0.4)"
1478
- },
1479
1602
  "prettylights": {
1480
1603
  "syntax": {
1481
1604
  "comment": "#8b949e",
@@ -1515,11 +1638,11 @@ module.exports = {
1515
1638
  "bg": "#0d1117",
1516
1639
  "guttersBg": "#0d1117",
1517
1640
  "guttermarkerText": "#0d1117",
1518
- "guttermarkerSubtleText": "#484f58",
1641
+ "guttermarkerSubtleText": "#6e7681",
1519
1642
  "linenumberText": "#8b949e",
1520
- "cursor": "#c9d1d9",
1521
- "selectionBg": "rgba(56,139,253,0.4)",
1522
- "activelineBg": "rgba(110,118,129,0.1)",
1643
+ "cursor": "#f0f6fc",
1644
+ "selectionBg": "rgba(121,192,255,0.3)",
1645
+ "activelineBg": "#161b22",
1523
1646
  "matchingbracketText": "#c9d1d9",
1524
1647
  "linesBg": "#0d1117",
1525
1648
  "syntax": {
@@ -1533,160 +1656,6 @@ module.exports = {
1533
1656
  "variable": "#ffa657"
1534
1657
  }
1535
1658
  },
1536
- "checks": {
1537
- "bg": "#010409",
1538
- "textPrimary": "#c9d1d9",
1539
- "textSecondary": "#8b949e",
1540
- "textLink": "#58a6ff",
1541
- "btnIcon": "#8b949e",
1542
- "btnHoverIcon": "#c9d1d9",
1543
- "btnHoverBg": "rgba(110,118,129,0.1)",
1544
- "inputText": "#8b949e",
1545
- "inputPlaceholderText": "#484f58",
1546
- "inputFocusText": "#c9d1d9",
1547
- "inputBg": "#161b22",
1548
- "donutError": "#f85149",
1549
- "donutPending": "#d29922",
1550
- "donutSuccess": "#2ea043",
1551
- "donutNeutral": "#8b949e",
1552
- "dropdownText": "#c9d1d9",
1553
- "dropdownBg": "#161b22",
1554
- "dropdownBorder": "#30363d",
1555
- "dropdownShadow": "rgba(1,4,9,0.3)",
1556
- "dropdownHoverText": "#c9d1d9",
1557
- "dropdownHoverBg": "rgba(110,118,129,0.1)",
1558
- "dropdownBtnHoverText": "#c9d1d9",
1559
- "dropdownBtnHoverBg": "rgba(110,118,129,0.1)",
1560
- "scrollbarThumbBg": "rgba(110,118,129,0.4)",
1561
- "headerLabelText": "#8b949e",
1562
- "headerLabelOpenText": "#c9d1d9",
1563
- "headerBorder": "#21262d",
1564
- "headerIcon": "#8b949e",
1565
- "lineText": "#8b949e",
1566
- "lineNumText": "#484f58",
1567
- "lineTimestampText": "#484f58",
1568
- "lineHoverBg": "rgba(110,118,129,0.1)",
1569
- "lineSelectedBg": "rgba(56,139,253,0.15)",
1570
- "lineSelectedNumText": "#58a6ff",
1571
- "lineDtFmText": "#f0f6fc",
1572
- "lineDtFmBg": "#9e6a03",
1573
- "gateBg": "rgba(187,128,9,0.15)",
1574
- "gateText": "#8b949e",
1575
- "gateWaitingText": "#d29922",
1576
- "stepHeaderOpenBg": "#161b22",
1577
- "stepErrorText": "#f85149",
1578
- "stepWarningText": "#d29922",
1579
- "loglineText": "#8b949e",
1580
- "loglineNumText": "#484f58",
1581
- "loglineDebugText": "#a371f7",
1582
- "loglineErrorText": "#8b949e",
1583
- "loglineErrorNumText": "#484f58",
1584
- "loglineErrorBg": "rgba(248,81,73,0.15)",
1585
- "loglineWarningText": "#8b949e",
1586
- "loglineWarningNumText": "#d29922",
1587
- "loglineWarningBg": "rgba(187,128,9,0.15)",
1588
- "loglineCommandText": "#58a6ff",
1589
- "loglineSectionText": "#3fb950",
1590
- "ansi": {
1591
- "black": "#0d1117",
1592
- "blackBright": "#161b22",
1593
- "white": "#b1bac4",
1594
- "whiteBright": "#b1bac4",
1595
- "gray": "#6e7681",
1596
- "red": "#ff7b72",
1597
- "redBright": "#ffa198",
1598
- "green": "#3fb950",
1599
- "greenBright": "#56d364",
1600
- "yellow": "#d29922",
1601
- "yellowBright": "#e3b341",
1602
- "blue": "#58a6ff",
1603
- "blueBright": "#79c0ff",
1604
- "magenta": "#bc8cff",
1605
- "magentaBright": "#d2a8ff",
1606
- "cyan": "#76e3ea",
1607
- "cyanBright": "#b3f0ff"
1608
- }
1609
- },
1610
- "mktg": {
1611
- "success": "rgba(41,147,61,1)",
1612
- "info": "rgba(42,123,243,1)",
1613
- "bgShadeGradient": {
1614
- "top": "rgba(1,4,9,0.065)",
1615
- "bottom": "rgba(1,4,9,0)"
1616
- },
1617
- "btn": {
1618
- "bg": {
1619
- "top": "hsla(228,82%,66%,1)",
1620
- "bottom": "#4969ed"
1621
- },
1622
- "bgOverlay": {
1623
- "top": "hsla(228,74%,59%,1)",
1624
- "bottom": "#3355e0"
1625
- },
1626
- "text": "#f0f6fc",
1627
- "primary": {
1628
- "bg": {
1629
- "top": "hsla(137,56%,46%,1)",
1630
- "bottom": "#2ea44f"
1631
- },
1632
- "bgOverlay": {
1633
- "top": "hsla(134,60%,38%,1)",
1634
- "bottom": "#22863a"
1635
- },
1636
- "text": "#f0f6fc"
1637
- },
1638
- "enterprise": {
1639
- "bg": {
1640
- "top": "hsla(249,100%,72%,1)",
1641
- "bottom": "#6f57ff"
1642
- },
1643
- "bgOverlay": {
1644
- "top": "hsla(248,65%,63%,1)",
1645
- "bottom": "#614eda"
1646
- },
1647
- "text": "#f0f6fc"
1648
- },
1649
- "outline": {
1650
- "text": "#f0f6fc",
1651
- "border": "rgba(240,246,252,0.3)",
1652
- "hover": {
1653
- "text": "#f0f6fc",
1654
- "border": "rgba(240,246,252,0.5)"
1655
- },
1656
- "focus": {
1657
- "border": "#f0f6fc",
1658
- "borderInset": "rgba(240,246,252,0.5)"
1659
- }
1660
- },
1661
- "dark": {
1662
- "text": "#f0f6fc",
1663
- "border": "rgba(240,246,252,0.3)",
1664
- "hover": {
1665
- "text": "#f0f6fc",
1666
- "border": "rgba(240,246,252,0.5)"
1667
- },
1668
- "focus": {
1669
- "border": "#f0f6fc",
1670
- "borderInset": "rgba(240,246,252,0.5)"
1671
- }
1672
- }
1673
- }
1674
- },
1675
- "avatar": {
1676
- "bg": "rgba(240,246,252,0.1)",
1677
- "border": "rgba(240,246,252,0.1)",
1678
- "stackFade": "#30363d",
1679
- "stackFadeMore": "#21262d"
1680
- },
1681
- "header": {
1682
- "text": "rgba(240,246,252,0.7)",
1683
- "bg": "#161b22",
1684
- "logo": "#f0f6fc"
1685
- },
1686
- "headerSearch": {
1687
- "bg": "#0d1117",
1688
- "border": "#30363d"
1689
- },
1690
1659
  "ansi": {
1691
1660
  "black": "#484f58",
1692
1661
  "blackBright": "#6e7681",
@@ -1705,146 +1674,16 @@ module.exports = {
1705
1674
  "magentaBright": "#d2a8ff",
1706
1675
  "cyan": "#39c5cf",
1707
1676
  "cyanBright": "#56d4dd"
1708
- },
1709
- "btn": {
1710
- "text": "#c9d1d9",
1711
- "bg": "#21262d",
1712
- "border": "rgba(240,246,252,0.1)",
1713
- "hoverBg": "#30363d",
1714
- "hoverBorder": "#8b949e",
1715
- "activeBg": "hsla(212,12%,18%,1)",
1716
- "activeBorder": "#6e7681",
1717
- "selectedBg": "#161b22",
1718
- "focusBg": "#21262d",
1719
- "focusBorder": "#8b949e",
1720
- "counterBg": "#30363d",
1721
- "primary": {
1722
- "text": "#ffffff",
1723
- "bg": "#238636",
1724
- "border": "rgba(240,246,252,0.1)",
1725
- "hoverBg": "#2ea043",
1726
- "hoverBorder": "rgba(240,246,252,0.1)",
1727
- "selectedBg": "#238636",
1728
- "disabledText": "rgba(240,246,252,0.5)",
1729
- "disabledBg": "rgba(35,134,54,0.6)",
1730
- "disabledBorder": "rgba(240,246,252,0.1)",
1731
- "focusBg": "#238636",
1732
- "focusBorder": "rgba(240,246,252,0.1)",
1733
- "icon": "#f0f6fc",
1734
- "counterBg": "rgba(240,246,252,0.2)"
1735
- },
1736
- "outline": {
1737
- "text": "#58a6ff",
1738
- "hoverText": "#58a6ff",
1739
- "hoverBg": "#30363d",
1740
- "hoverBorder": "rgba(240,246,252,0.1)",
1741
- "hoverCounterBg": "rgba(240,246,252,0.2)",
1742
- "selectedText": "#f0f6fc",
1743
- "selectedBg": "#0d419d",
1744
- "selectedBorder": "rgba(240,246,252,0.1)",
1745
- "disabledText": "rgba(88,166,255,0.5)",
1746
- "disabledBg": "#0d1117",
1747
- "disabledCounterBg": "rgba(31,111,235,0.05)",
1748
- "focusBorder": "rgba(240,246,252,0.1)",
1749
- "counterBg": "rgba(31,111,235,0.1)"
1750
- },
1751
- "danger": {
1752
- "text": "#f85149",
1753
- "hoverText": "#f0f6fc",
1754
- "hoverBg": "#da3633",
1755
- "hoverBorder": "#f85149",
1756
- "hoverIcon": "#f0f6fc",
1757
- "hoverCounterBg": "rgba(255,255,255,0.2)",
1758
- "selectedText": "#ffffff",
1759
- "selectedBg": "#b62324",
1760
- "selectedBorder": "#ff7b72",
1761
- "disabledText": "rgba(248,81,73,0.5)",
1762
- "disabledBg": "#0d1117",
1763
- "disabledCounterBg": "rgba(218,54,51,0.05)",
1764
- "focusBorder": "#f85149",
1765
- "counterBg": "rgba(218,54,51,0.1)",
1766
- "icon": "#f85149"
1767
- }
1768
- },
1769
- "fg": {
1770
- "default": "#c9d1d9",
1771
- "muted": "#8b949e",
1772
- "subtle": "#484f58",
1773
- "onEmphasis": "#f0f6fc"
1774
- },
1775
- "canvas": {
1776
- "default": "#0d1117",
1777
- "overlay": "#161b22",
1778
- "inset": "#010409",
1779
- "subtle": "#161b22"
1780
- },
1781
- "neutral": {
1782
- "emphasisPlus": "#6e7681",
1783
- "emphasis": "#6e7681",
1784
- "muted": "rgba(110,118,129,0.4)",
1785
- "subtle": "rgba(110,118,129,0.1)"
1786
- },
1787
- "accent": {
1788
- "fg": "#58a6ff",
1789
- "emphasis": "#1f6feb",
1790
- "muted": "rgba(56,139,253,0.4)",
1791
- "subtle": "rgba(56,139,253,0.15)"
1792
- },
1793
- "success": {
1794
- "fg": "#3fb950",
1795
- "emphasis": "#238636",
1796
- "muted": "rgba(46,160,67,0.4)",
1797
- "subtle": "rgba(46,160,67,0.15)"
1798
- },
1799
- "attention": {
1800
- "fg": "#d29922",
1801
- "emphasis": "#9e6a03",
1802
- "muted": "rgba(187,128,9,0.4)",
1803
- "subtle": "rgba(187,128,9,0.15)"
1804
- },
1805
- "severe": {
1806
- "fg": "#db6d28",
1807
- "emphasis": "#bd561d",
1808
- "muted": "rgba(219,109,40,0.4)",
1809
- "subtle": "rgba(219,109,40,0.15)"
1810
- },
1811
- "danger": {
1812
- "fg": "#f85149",
1813
- "emphasis": "#da3633",
1814
- "muted": "rgba(248,81,73,0.4)",
1815
- "subtle": "rgba(248,81,73,0.15)"
1816
- },
1817
- "done": {
1818
- "fg": "#a371f7",
1819
- "emphasis": "#8957e5",
1820
- "muted": "rgba(163,113,247,0.4)",
1821
- "subtle": "rgba(163,113,247,0.15)"
1822
- },
1823
- "sponsors": {
1824
- "fg": "#db61a2",
1825
- "emphasis": "#bf4b8a",
1826
- "muted": "rgba(219,97,162,0.4)",
1827
- "subtle": "rgba(219,97,162,0.15)"
1828
- },
1829
- "primer": {
1830
- "canvas": {
1831
- "backdrop": "rgba(1,4,9,0.8)",
1832
- "sticky": "rgba(13,17,23,0.95)"
1833
- },
1834
- "border": {
1835
- "active": "#F78166",
1836
- "contrast": "rgba(240,246,252,0.2)"
1837
- }
1838
1677
  }
1839
1678
  },
1840
1679
  "shadows": {
1841
1680
  "shadow": {
1842
- "highlight": "0 0 transparent",
1843
- "inset": "0 0 transparent",
1844
1681
  "small": "0 0 transparent",
1845
1682
  "medium": "0 3px 6px #010409",
1846
1683
  "large": "0 8px 24px #010409",
1847
- "extraLarge": "0 12px 48px #010409"
1684
+ "extraLarge": "0 12px 48px #010409",
1685
+ "highlight": "0 0 transparent",
1686
+ "inset": "0 0 transparent"
1848
1687
  },
1849
1688
  "state": {
1850
1689
  "focus": {
@@ -1852,28 +1691,7 @@ module.exports = {
1852
1691
  }
1853
1692
  },
1854
1693
  "autocomplete": {
1855
- "shadow": "0 3px 6px #010409"
1856
- },
1857
- "dropdown": {
1858
- "shadow": "0 8px 24px #010409"
1859
- },
1860
- "input": {
1861
- "shadow": "0 0 transparent"
1862
- },
1863
- "toast": {
1864
- "shadow": "0 8px 24px #010409"
1865
- },
1866
- "selectMenu": {
1867
- "shadow": "0 8px 24px #010409"
1868
- },
1869
- "checks": {
1870
- "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
1871
- },
1872
- "avatar": {
1873
- "childShadow": "-2px -2px 0 #0d1117"
1874
- },
1875
- "overlay": {
1876
- "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)"
1694
+ "shadow": "0 16px 32px rgba(1,4,9,0.85)"
1877
1695
  },
1878
1696
  "btn": {
1879
1697
  "shadow": "0 0 transparent",
@@ -1897,15 +1715,29 @@ module.exports = {
1897
1715
  "hoverShadow": "0 0 transparent",
1898
1716
  "hoverInsetShadow": "0 0 transparent",
1899
1717
  "selectedShadow": "0 0 transparent",
1900
- "focusShadow": "0 0 0 3px rgba(248,81,73,0.4)"
1718
+ "focusShadow": "0 0 0 3px rgba(182,35,36,0.4)"
1901
1719
  }
1902
1720
  },
1903
- "primer": {
1904
- "shadow": {
1905
- "highlight": "0 0 transparent",
1906
- "inset": "0 0 transparent",
1907
- "focus": "0 0 0 3px #0c2d6b"
1908
- }
1721
+ "dropdown": {
1722
+ "shadow": "0 16px 32px rgba(1,4,9,0.85)"
1723
+ },
1724
+ "overlay": {
1725
+ "shadow": "0 0 0 1px #30363d, 0 16px 32px rgba(1,4,9,0.85)"
1726
+ },
1727
+ "input": {
1728
+ "shadow": "0 0 transparent"
1729
+ },
1730
+ "avatar": {
1731
+ "childShadow": "-2px -2px 0 #0d1117"
1732
+ },
1733
+ "toast": {
1734
+ "shadow": "0 8px 24px #010409"
1735
+ },
1736
+ "selectMenu": {
1737
+ "shadow": "0 0 18px rgba(1,4,9,0.4)"
1738
+ },
1739
+ "checks": {
1740
+ "inputShadow": "0 0 0 1px #21262d"
1909
1741
  }
1910
1742
  }
1911
1743
  },
@@ -1928,73 +1760,70 @@ module.exports = {
1928
1760
  "secondary": "#768390",
1929
1761
  "tertiary": "#768390",
1930
1762
  "placeholder": "#545d68",
1931
- "disabled": "#768390",
1932
- "inverse": "#cdd9e5",
1763
+ "disabled": "#545d68",
1764
+ "inverse": "#22272e",
1933
1765
  "link": "#539bf5",
1934
1766
  "danger": "#e5534b",
1935
- "success": "#57ab5a",
1936
- "warning": "#c69026",
1767
+ "success": "#6bc46d",
1768
+ "warning": "#daaa3f",
1937
1769
  "white": "#cdd9e5"
1938
1770
  },
1939
1771
  "icon": {
1940
1772
  "primary": "#adbac7",
1941
- "secondary": "#768390",
1942
- "tertiary": "#768390",
1773
+ "secondary": "#636e7b",
1774
+ "tertiary": "#545d68",
1943
1775
  "info": "#539bf5",
1944
1776
  "danger": "#e5534b",
1945
- "success": "#57ab5a",
1946
- "warning": "#c69026"
1777
+ "success": "#6bc46d",
1778
+ "warning": "#daaa3f"
1947
1779
  },
1948
1780
  "border": {
1949
1781
  "primary": "#444c56",
1950
1782
  "secondary": "#373e47",
1951
- "tertiary": "rgba(99,110,123,0.4)",
1783
+ "tertiary": "#636e7b",
1952
1784
  "overlay": "#444c56",
1953
1785
  "inverse": "#cdd9e5",
1954
- "info": "#316dca",
1955
- "danger": "#c93c37",
1956
- "success": "#347d39",
1957
- "warning": "#966600",
1958
- "default": "#444c56",
1959
- "muted": "#373e47",
1960
- "subtle": "rgba(205,217,229,0.1)"
1786
+ "info": "rgba(65,132,228,0.4)",
1787
+ "danger": "rgba(229,83,75,0.4)",
1788
+ "success": "rgba(87,171,90,0.4)",
1789
+ "warning": "rgba(174,124,20,0.4)"
1961
1790
  },
1962
1791
  "bg": {
1963
1792
  "canvas": "#22272e",
1964
- "canvasMobile": "rgba(0,0,0,0)",
1965
- "canvasInverse": "#636e7b",
1966
- "canvasInset": "#1c2128",
1793
+ "canvasMobile": "#1c2128",
1794
+ "canvasInverse": "#cdd9e5",
1795
+ "canvasInset": "hsla(215,15%,14%,1)",
1967
1796
  "primary": "#22272e",
1968
- "secondary": "#2d333b",
1797
+ "secondary": "#22272e",
1969
1798
  "tertiary": "#2d333b",
1970
- "overlay": "#2d333b",
1799
+ "overlay": "rgba(50,57,65,1)",
1971
1800
  "backdrop": "rgba(28,33,40,0.8)",
1972
- "info": "rgba(65,132,228,0.15)",
1973
- "infoInverse": "#316dca",
1974
- "danger": "rgba(229,83,75,0.15)",
1801
+ "info": "rgba(65,132,228,0.1)",
1802
+ "infoInverse": "#4184e4",
1803
+ "danger": "rgba(229,83,75,0.1)",
1975
1804
  "dangerInverse": "#c93c37",
1976
- "success": "rgba(70,149,74,0.15)",
1977
- "successInverse": "#347d39",
1978
- "warning": "rgba(174,124,20,0.15)",
1979
- "warningInverse": "#966600"
1805
+ "success": "rgba(70,149,74,0.1)",
1806
+ "successInverse": "#46954a",
1807
+ "warning": "rgba(174,124,20,0.1)",
1808
+ "warningInverse": "#ae7c14"
1980
1809
  },
1981
1810
  "state": {
1982
1811
  "hover": {
1983
1812
  "primaryBg": "#316dca",
1984
- "primaryBorder": "#316dca",
1813
+ "primaryBorder": "#4184e4",
1985
1814
  "primaryText": "#cdd9e5",
1986
1815
  "primaryIcon": "#cdd9e5",
1987
- "secondaryBg": "rgba(99,110,123,0.1)",
1988
- "secondaryBorder": "rgba(99,110,123,0.1)"
1816
+ "secondaryBg": "#2d333b",
1817
+ "secondaryBorder": "#2d333b"
1989
1818
  },
1990
1819
  "selected": {
1991
1820
  "primaryBg": "#316dca",
1992
- "primaryBorder": "#316dca",
1821
+ "primaryBorder": "#4184e4",
1993
1822
  "primaryText": "#cdd9e5",
1994
1823
  "primaryIcon": "#cdd9e5"
1995
1824
  },
1996
1825
  "focus": {
1997
- "border": "#316dca"
1826
+ "border": "#4184e4"
1998
1827
  }
1999
1828
  },
2000
1829
  "fade": {
@@ -2019,137 +1848,112 @@ module.exports = {
2019
1848
  },
2020
1849
  "alert": {
2021
1850
  "info": {
2022
- "text": "#adbac7",
2023
- "icon": "#539bf5",
2024
- "bg": "rgba(65,132,228,0.15)",
1851
+ "text": "#6cb6ff",
1852
+ "icon": "#6cb6ff",
1853
+ "bg": "rgba(65,132,228,0.1)",
2025
1854
  "border": "rgba(65,132,228,0.4)"
2026
1855
  },
2027
1856
  "warn": {
2028
- "text": "#adbac7",
2029
- "icon": "#c69026",
2030
- "bg": "rgba(174,124,20,0.15)",
1857
+ "text": "#daaa3f",
1858
+ "icon": "#daaa3f",
1859
+ "bg": "rgba(174,124,20,0.1)",
2031
1860
  "border": "rgba(174,124,20,0.4)"
2032
1861
  },
2033
1862
  "error": {
2034
- "text": "#adbac7",
2035
- "icon": "#e5534b",
2036
- "bg": "rgba(229,83,75,0.15)",
1863
+ "text": "#f47067",
1864
+ "icon": "#f47067",
1865
+ "bg": "rgba(229,83,75,0.1)",
2037
1866
  "border": "rgba(229,83,75,0.4)"
2038
1867
  },
2039
1868
  "success": {
2040
- "text": "#adbac7",
2041
- "icon": "#57ab5a",
2042
- "bg": "rgba(70,149,74,0.15)",
1869
+ "text": "#6bc46d",
1870
+ "icon": "#6bc46d",
1871
+ "bg": "rgba(70,149,74,0.1)",
2043
1872
  "border": "rgba(70,149,74,0.4)"
2044
1873
  }
2045
1874
  },
2046
1875
  "autocomplete": {
2047
- "rowBorder": "#373e47"
1876
+ "rowBorder": "#444c56"
2048
1877
  },
2049
1878
  "blankslate": {
2050
- "icon": "#768390"
1879
+ "icon": "hsla(213,11%,42%,1)"
1880
+ },
1881
+ "btn": {
1882
+ "text": "#adbac7",
1883
+ "bg": "#373e47",
1884
+ "border": "#444c56",
1885
+ "hoverBg": "#444c56",
1886
+ "hoverBorder": "#768390",
1887
+ "activeBg": "hsla(213,12%,27%,1)",
1888
+ "activeBorder": "#636e7b",
1889
+ "selectedBg": "#2d333b",
1890
+ "focusBg": "#373e47",
1891
+ "focusBorder": "#768390",
1892
+ "primary": {
1893
+ "text": "#ffffff",
1894
+ "bg": "#347d39",
1895
+ "border": "#46954a",
1896
+ "hoverBg": "#46954a",
1897
+ "hoverBorder": "#57ab5a",
1898
+ "selectedBg": "#347d39",
1899
+ "disabledText": "rgba(205,217,229,0.5)",
1900
+ "disabledBg": "rgba(52,125,57,0.6)",
1901
+ "disabledBorder": "rgba(0,0,0,0)",
1902
+ "focusBg": "#347d39",
1903
+ "focusBorder": "#57ab5a",
1904
+ "icon": "#cdd9e5",
1905
+ "counterBg": "rgba(205,217,229,0.2)"
1906
+ },
1907
+ "outline": {
1908
+ "text": "#539bf5",
1909
+ "hoverText": "#539bf5",
1910
+ "hoverBg": "#444c56",
1911
+ "hoverBorder": "#539bf5",
1912
+ "hoverCounterBg": "rgba(205,217,229,0.2)",
1913
+ "selectedText": "#cdd9e5",
1914
+ "selectedBg": "#1b4b91",
1915
+ "selectedBorder": "rgba(205,217,229,0.1)",
1916
+ "disabledText": "rgba(83,155,245,0.5)",
1917
+ "disabledBg": "#22272e",
1918
+ "disabledCounterBg": "rgba(49,109,202,0.05)",
1919
+ "focusBorder": "#539bf5",
1920
+ "counterBg": "rgba(49,109,202,0.1)"
1921
+ },
1922
+ "danger": {
1923
+ "text": "#e5534b",
1924
+ "hoverText": "#ffffff",
1925
+ "hoverBg": "#c93c37",
1926
+ "hoverBorder": "#e5534b",
1927
+ "hoverCounterBg": "rgba(255,255,255,0.2)",
1928
+ "selectedText": "#ffffff",
1929
+ "selectedBg": "#ad2e2c",
1930
+ "selectedBorder": "rgba(205,217,229,0.1)",
1931
+ "disabledText": "rgba(229,83,75,0.5)",
1932
+ "disabledBg": "#22272e",
1933
+ "disabledCounterBg": "rgba(201,60,55,0.05)",
1934
+ "focusBorder": "#e5534b",
1935
+ "counterBg": "rgba(201,60,55,0.1)",
1936
+ "icon": "#e5534b",
1937
+ "hoverIcon": "#cdd9e5"
1938
+ },
1939
+ "counterBg": "#444c56"
2051
1940
  },
2052
1941
  "counter": {
2053
1942
  "text": "#adbac7",
2054
- "bg": "rgba(99,110,123,0.4)",
1943
+ "bg": "#444c56",
2055
1944
  "primary": {
2056
- "text": "#cdd9e5",
1945
+ "text": "#adbac7",
2057
1946
  "bg": "#636e7b"
2058
1947
  },
2059
1948
  "secondary": {
2060
1949
  "text": "#768390",
2061
- "bg": "rgba(99,110,123,0.1)"
1950
+ "bg": "rgba(118,131,144,0.2)"
2062
1951
  }
2063
1952
  },
2064
- "box": {
2065
- "blueBorder": "rgba(65,132,228,0.4)",
2066
- "rowYellowBg": "rgba(174,124,20,0.15)",
2067
- "rowBlueBg": "rgba(65,132,228,0.15)",
2068
- "headerBlueBg": "rgba(65,132,228,0.15)",
2069
- "headerBlueBorder": "rgba(65,132,228,0.4)",
2070
- "borderInfo": "rgba(65,132,228,0.4)",
2071
- "bgInfo": "rgba(65,132,228,0.15)",
2072
- "borderWarning": "rgba(174,124,20,0.4)",
2073
- "bgWarning": "rgba(174,124,20,0.15)"
2074
- },
2075
- "branchName": {
2076
- "text": "#768390",
2077
- "icon": "#768390",
2078
- "bg": "rgba(65,132,228,0.15)",
2079
- "link": {
2080
- "text": "#539bf5",
2081
- "icon": "#539bf5",
2082
- "bg": "rgba(65,132,228,0.15)"
2083
- }
2084
- },
2085
- "markdown": {
2086
- "codeBg": "rgba(99,110,123,0.4)",
2087
- "frameBorder": "#444c56",
2088
- "blockquoteBorder": "#444c56",
2089
- "tableBorder": "#444c56",
2090
- "tableTrBorder": "#373e47"
2091
- },
2092
- "filterItem": {
2093
- "barBg": "rgba(99,110,123,0.1)"
2094
- },
2095
- "hiddenTextExpander": {
2096
- "bg": "rgba(99,110,123,0.4)",
2097
- "bgHover": "rgba(65,132,228,0.4)"
2098
- },
2099
- "dragAndDrop": {
2100
- "border": "#444c56"
2101
- },
2102
- "uploadEnabled": {
2103
- "border": "#444c56",
2104
- "borderFocused": "#316dca"
2105
- },
2106
- "previewableCommentForm": {
2107
- "border": "#444c56"
2108
- },
2109
- "verifiedBadge": {
2110
- "text": "#57ab5a",
2111
- "bg": "#22272e",
2112
- "border": "#444c56"
2113
- },
2114
- "socialCount": {
2115
- "bg": "#22272e"
2116
- },
2117
- "tooltip": {
2118
- "text": "#cdd9e5",
2119
- "bg": "#636e7b"
2120
- },
2121
- "filesExplorerIcon": "#539bf5",
2122
- "hlAuthorBg": "rgba(65,132,228,0.15)",
2123
- "hlAuthorBorder": "rgba(65,132,228,0.4)",
2124
- "logoSubdued": "rgba(99,110,123,0.4)",
2125
- "discussionBorder": "rgba(70,149,74,0.4)",
2126
- "discussionBgSuccess": "#347d39",
2127
- "actionsWorkflowTableStickyBg": "rgba(34,39,46,0.95)",
2128
- "repoLanguageColorBorder": "rgba(205,217,229,0.2)",
2129
- "codeSelectionBg": "rgba(65,132,228,0.4)",
2130
- "highlight": {
2131
- "text": "#adbac7",
2132
- "bg": "rgba(174,124,20,0.15)"
2133
- },
2134
- "blob": {
2135
- "lineHighlightBg": "rgba(174,124,20,0.15)",
2136
- "lineHighlightBorder": "rgba(174,124,20,0.4)"
2137
- },
2138
- "topicTag": {
2139
- "text": "#539bf5",
2140
- "bg": "rgba(65,132,228,0.15)",
2141
- "hoverBg": "#316dca",
2142
- "activeBg": "rgba(65,132,228,0.15)",
2143
- "border": "rgba(0,0,0,0)"
2144
- },
2145
- "footerInvertocat": {
2146
- "octicon": "#545d68",
2147
- "octiconHover": "#768390"
2148
- },
2149
1953
  "label": {
2150
1954
  "border": "#444c56",
2151
1955
  "primary": {
2152
- "text": "#adbac7",
1956
+ "text": "#909dab",
2153
1957
  "border": "#636e7b"
2154
1958
  },
2155
1959
  "secondary": {
@@ -2157,265 +1961,500 @@ module.exports = {
2157
1961
  "border": "#444c56"
2158
1962
  },
2159
1963
  "info": {
2160
- "text": "#539bf5",
2161
- "border": "#316dca"
1964
+ "text": "#4184e4",
1965
+ "border": "rgba(65,132,228,0.4)"
2162
1966
  },
2163
1967
  "success": {
2164
1968
  "text": "#57ab5a",
2165
- "border": "#347d39"
1969
+ "border": "rgba(70,149,74,0.4)"
2166
1970
  },
2167
1971
  "warning": {
2168
- "text": "#c69026",
2169
- "border": "#966600"
1972
+ "text": "#daaa3f",
1973
+ "border": "rgba(242,211,91,0.4)"
2170
1974
  },
2171
1975
  "danger": {
2172
1976
  "text": "#e5534b",
2173
- "border": "#c93c37"
1977
+ "border": "rgba(229,83,75,0.4)"
2174
1978
  },
2175
1979
  "orange": {
2176
1980
  "text": "#cc6b2c",
2177
- "border": "#ae5622"
1981
+ "border": "rgba(204,107,44,0.4)"
2178
1982
  }
2179
1983
  },
2180
1984
  "input": {
2181
1985
  "bg": "#22272e",
2182
- "contrastBg": "#1c2128",
2183
- "border": "#444c56",
1986
+ "contrastBg": "rgba(28,33,40,0.5)",
1987
+ "border": "#373e47",
1988
+ "disabledBg": "#2d333b",
2184
1989
  "disabledBorder": "#444c56",
2185
- "warningBorder": "#966600",
2186
- "errorBorder": "#c93c37",
1990
+ "warningBorder": "#c69026",
1991
+ "errorBorder": "#e5534b",
2187
1992
  "tooltip": {
2188
1993
  "success": {
2189
- "text": "#adbac7",
2190
- "bg": "rgba(70,149,74,0.15)",
2191
- "border": "rgba(70,149,74,0.4)"
1994
+ "text": "#6bc46d",
1995
+ "bg": "rgba(38,50,49,1)",
1996
+ "border": "rgba(51,90,59,1)"
2192
1997
  },
2193
1998
  "warning": {
2194
- "text": "#adbac7",
2195
- "bg": "rgba(174,124,20,0.15)",
2196
- "border": "rgba(174,124,20,0.4)"
1999
+ "text": "#daaa3f",
2000
+ "bg": "rgba(48,48,43,1)",
2001
+ "border": "rgba(98,78,34,1)"
2197
2002
  },
2198
2003
  "error": {
2199
- "text": "#adbac7",
2200
- "bg": "rgba(229,83,75,0.15)",
2201
- "border": "rgba(229,83,75,0.4)"
2004
+ "text": "#f47067",
2005
+ "bg": "rgba(53,43,49,1)",
2006
+ "border": "rgba(124,59,59,1)"
2202
2007
  }
2203
- },
2204
- "disabledBg": "rgba(99,110,123,0)"
2008
+ }
2009
+ },
2010
+ "avatar": {
2011
+ "bg": "rgba(205,217,229,0.1)",
2012
+ "border": "rgba(205,217,229,0.1)",
2013
+ "stackFade": "#444c56",
2014
+ "stackFadeMore": "#373e47"
2205
2015
  },
2206
2016
  "toast": {
2207
2017
  "text": "#adbac7",
2208
- "bg": "#22272e",
2209
- "border": "#444c56",
2018
+ "bg": "#444c56",
2019
+ "border": "#636e7b",
2210
2020
  "icon": "#cdd9e5",
2211
2021
  "iconBg": "#316dca",
2212
- "iconBorder": "rgba(0,0,0,0)",
2022
+ "iconBorder": "#4184e4",
2213
2023
  "success": {
2214
2024
  "text": "#adbac7",
2215
- "border": "#444c56",
2025
+ "border": "#636e7b",
2216
2026
  "icon": "#cdd9e5",
2217
- "iconBg": "#347d39",
2218
- "iconBorder": "rgba(0,0,0,0)"
2027
+ "iconBg": "#46954a",
2028
+ "iconBorder": "#57ab5a"
2219
2029
  },
2220
2030
  "warning": {
2221
2031
  "text": "#adbac7",
2222
- "border": "#444c56",
2223
- "icon": "#adbac7",
2224
- "iconBg": "#966600",
2225
- "iconBorder": "rgba(0,0,0,0)"
2032
+ "border": "#636e7b",
2033
+ "icon": "#cdd9e5",
2034
+ "iconBg": "#ae7c14",
2035
+ "iconBorder": "#c69026"
2226
2036
  },
2227
2037
  "danger": {
2228
2038
  "text": "#adbac7",
2229
- "border": "#444c56",
2039
+ "border": "#636e7b",
2230
2040
  "icon": "#cdd9e5",
2231
2041
  "iconBg": "#c93c37",
2232
- "iconBorder": "rgba(0,0,0,0)"
2042
+ "iconBorder": "#e5534b"
2233
2043
  },
2234
2044
  "loading": {
2235
2045
  "text": "#adbac7",
2236
- "border": "#444c56",
2046
+ "border": "#636e7b",
2237
2047
  "icon": "#cdd9e5",
2238
2048
  "iconBg": "#636e7b",
2239
- "iconBorder": "rgba(0,0,0,0)"
2049
+ "iconBorder": "#768390"
2240
2050
  }
2241
2051
  },
2242
2052
  "timeline": {
2243
- "text": "#768390",
2244
- "badgeSuccessBorder": "rgba(0,0,0,0)",
2053
+ "text": "#909dab",
2054
+ "badgeBg": "#22272e",
2055
+ "badgeSuccessBorder": "#46954a",
2245
2056
  "targetBadgeBorder": "#316dca",
2246
- "targetBadgeShadow": "rgba(65,132,228,0.4)",
2247
- "badgeBg": "#373e47"
2057
+ "targetBadgeShadow": "#1b4b91"
2248
2058
  },
2249
- "diffstat": {
2250
- "neutralBg": "rgba(99,110,123,0.4)",
2251
- "neutralBorder": "rgba(205,217,229,0.1)",
2252
- "deletionBorder": "rgba(205,217,229,0.1)",
2253
- "additionBorder": "rgba(205,217,229,0.1)",
2254
- "deletionBg": "#c93c37",
2255
- "additionBg": "#57ab5a"
2059
+ "selectMenu": {
2060
+ "borderSecondary": "#444c56",
2061
+ "backdropBg": "rgba(28,33,40,0.5)",
2062
+ "backdropBorder": "#545d68",
2063
+ "tapHighlight": "rgba(68,76,86,0.5)",
2064
+ "tapFocusBg": "#143d79"
2256
2065
  },
2257
- "diff": {
2258
- "addition": {
2259
- "text": "#adbac7",
2260
- "bg": "rgba(70,149,74,0.15)",
2261
- "border": "rgba(70,149,74,0.4)"
2262
- },
2263
- "deletion": {
2264
- "text": "#adbac7",
2265
- "bg": "rgba(229,83,75,0.15)",
2266
- "border": "rgba(229,83,75,0.4)"
2267
- },
2268
- "change": {
2269
- "text": "#c69026",
2270
- "bg": "rgba(174,124,20,0.15)",
2271
- "border": "rgba(174,124,20,0.4)"
2066
+ "box": {
2067
+ "blueBorder": "#1b4b91",
2068
+ "rowYellowBg": "rgba(235,196,64,0.1)",
2069
+ "rowBlueBg": "rgba(108,182,255,0.1)",
2070
+ "headerBlueBg": "#22272e",
2071
+ "headerBlueBorder": "#444c56",
2072
+ "borderInfo": "rgba(65,132,228,0.4)",
2073
+ "bgInfo": "rgba(65,132,228,0.1)",
2074
+ "borderWarning": "rgba(174,124,20,0.4)",
2075
+ "bgWarning": "rgba(174,124,20,0.1)"
2076
+ },
2077
+ "branchName": {
2078
+ "text": "#adbac7",
2079
+ "icon": "#909dab",
2080
+ "bg": "rgba(83,155,245,0.1)",
2081
+ "link": {
2082
+ "text": "#539bf5",
2083
+ "icon": "#539bf5",
2084
+ "bg": "rgba(83,155,245,0.1)"
2272
2085
  }
2273
2086
  },
2274
- "mergeBox": {
2275
- "successIconBg": "#347d39",
2276
- "successIconText": "#cdd9e5",
2277
- "successIconBorder": "rgba(0,0,0,0)",
2278
- "successIndicatorBg": "#347d39",
2279
- "successIndicatorBorder": "rgba(0,0,0,0)",
2280
- "mergedIconBg": "#8256d0",
2281
- "mergedIconText": "#cdd9e5",
2282
- "mergedIconBorder": "rgba(0,0,0,0)",
2283
- "mergedBoxBorder": "#8256d0",
2284
- "neutralIconBg": "#636e7b",
2285
- "neutralIconText": "#cdd9e5",
2286
- "neutralIconBorder": "rgba(0,0,0,0)",
2287
- "neutralIndicatorBg": "#636e7b",
2288
- "neutralIndicatorBorder": "rgba(0,0,0,0)",
2289
- "warningIconBg": "#966600",
2290
- "warningIconText": "#cdd9e5",
2291
- "warningIconBorder": "rgba(0,0,0,0)",
2292
- "warningBoxBorder": "#966600",
2293
- "warningMergeHighlight": "rgba(0,0,0,0)",
2294
- "errorIconBg": "#c93c37",
2295
- "errorIconText": "#cdd9e5",
2296
- "errorIconBorder": "rgba(0,0,0,0)",
2297
- "errorIndicatorBg": "#c93c37",
2298
- "errorIndicatorBorder": "rgba(0,0,0,0)"
2087
+ "markdown": {
2088
+ "codeBg": "rgba(205,217,229,0.15)",
2089
+ "frameBorder": "hsla(213,12%,35%,1)",
2090
+ "blockquoteBorder": "hsla(213,12%,35%,1)",
2091
+ "tableBorder": "hsla(213,12%,35%,1)",
2092
+ "tableTrBorder": "hsla(213,12%,26%,1)"
2093
+ },
2094
+ "menu": {
2095
+ "headingText": "#768390",
2096
+ "borderActive": "#f78166",
2097
+ "bgActive": "#2d333b"
2098
+ },
2099
+ "sidenav": {
2100
+ "selectedBg": "#373e47",
2101
+ "borderActive": "#f78166"
2102
+ },
2103
+ "header": {
2104
+ "text": "rgba(205,217,229,0.7)",
2105
+ "bg": "#2d333b",
2106
+ "logo": "#cdd9e5"
2107
+ },
2108
+ "filterItem": {
2109
+ "barBg": "hsla(214,13%,18%,1)"
2110
+ },
2111
+ "hiddenTextExpander": {
2112
+ "bg": "#373e47",
2113
+ "bgHover": "#444c56"
2114
+ },
2115
+ "dragAndDrop": {
2116
+ "border": "hsla(213,12%,25%,1)"
2117
+ },
2118
+ "uploadEnabled": {
2119
+ "border": "hsla(213,12%,35%,1)",
2120
+ "borderFocused": "hsla(216,61%,57%,1)"
2121
+ },
2122
+ "previewableCommentForm": {
2123
+ "border": "hsla(213,12%,25%,1)"
2299
2124
  },
2300
2125
  "underlinenav": {
2301
- "border": "rgba(0,0,0,0)",
2302
- "borderHover": "rgba(99,110,123,0.4)",
2303
- "borderActive": "#EC775C",
2304
- "text": "#adbac7",
2126
+ "border": "rgba(68,76,86,0)",
2127
+ "borderHover": "#444c56",
2128
+ "borderActive": "#f78166",
2129
+ "text": "#768390",
2305
2130
  "textHover": "#adbac7",
2306
2131
  "textActive": "#adbac7",
2307
- "icon": "#545d68",
2308
- "iconHover": "#545d68",
2132
+ "icon": "#636e7b",
2133
+ "iconHover": "#adbac7",
2309
2134
  "iconActive": "#adbac7",
2310
- "counterText": "#adbac7",
2311
- "counterBg": "rgba(99,110,123,0.4)"
2135
+ "counterText": "#768390",
2136
+ "counterBg": "rgba(118,131,144,0.2)"
2312
2137
  },
2313
- "selectMenu": {
2314
- "borderSecondary": "#373e47",
2315
- "backdropBg": "rgba(28,33,40,0.8)",
2316
- "backdropBorder": "#545d68",
2317
- "tapHighlight": "rgba(68,76,86,0.5)",
2318
- "tapFocusBg": "#143d79"
2138
+ "verifiedBadge": {
2139
+ "text": "#57ab5a",
2140
+ "bg": "rgba(87,171,90,0.1)",
2141
+ "border": "rgba(87,171,90,0.4)"
2319
2142
  },
2320
- "sidenav": {
2321
- "borderActive": "#EC775C",
2322
- "selectedBg": "#373e47"
2143
+ "socialCount": {
2144
+ "bg": "#373e47"
2323
2145
  },
2324
- "menu": {
2325
- "headingText": "#adbac7",
2326
- "borderActive": "#EC775C",
2327
- "bgActive": "#2d333b"
2146
+ "tooltip": {
2147
+ "text": "#cdd9e5",
2148
+ "bg": "#636e7b"
2328
2149
  },
2329
- "project": {
2330
- "cardBg": "#2d333b",
2331
- "headerBg": "#22272e",
2332
- "sidebarBg": "#2d333b",
2333
- "gradientIn": "#2d333b",
2334
- "gradientOut": "rgba(45,51,59,0)"
2150
+ "headerSearch": {
2151
+ "bg": "#22272e",
2152
+ "border": "#373e47"
2335
2153
  },
2336
- "prState": {
2337
- "draft": {
2338
- "text": "#cdd9e5",
2339
- "bg": "#636e7b",
2340
- "border": "rgba(0,0,0,0)"
2154
+ "searchKeyword": {
2155
+ "hl": "rgba(174,124,20,0.4)"
2156
+ },
2157
+ "diffstat": {
2158
+ "neutralBg": "#444c56",
2159
+ "neutralBorder": "rgba(205,217,229,0.1)",
2160
+ "deletionBg": "#c93c37",
2161
+ "deletionBorder": "#e5534b",
2162
+ "additionBg": "#347d39",
2163
+ "additionBorder": "#46954a"
2164
+ },
2165
+ "mktg": {
2166
+ "success": "rgba(61,137,66,1)",
2167
+ "info": "rgba(56,119,213,1)",
2168
+ "bgShadeGradient": {
2169
+ "top": "rgba(28,33,40,0.065)",
2170
+ "bottom": "rgba(28,33,40,0)"
2341
2171
  },
2342
- "open": {
2172
+ "btn": {
2173
+ "bg": {
2174
+ "top": "hsla(228,82%,66%,1)",
2175
+ "bottom": "#4969ed"
2176
+ },
2177
+ "bgOverlay": {
2178
+ "top": "hsla(228,74%,59%,1)",
2179
+ "bottom": "#3355e0"
2180
+ },
2343
2181
  "text": "#cdd9e5",
2344
- "bg": "#347d39",
2345
- "border": "rgba(0,0,0,0)"
2182
+ "primary": {
2183
+ "bg": {
2184
+ "top": "hsla(137,56%,46%,1)",
2185
+ "bottom": "#2ea44f"
2186
+ },
2187
+ "bgOverlay": {
2188
+ "top": "hsla(134,60%,38%,1)",
2189
+ "bottom": "#22863a"
2190
+ },
2191
+ "text": "#cdd9e5"
2192
+ },
2193
+ "enterprise": {
2194
+ "bg": {
2195
+ "top": "hsla(249,100%,72%,1)",
2196
+ "bottom": "#6f57ff"
2197
+ },
2198
+ "bgOverlay": {
2199
+ "top": "hsla(248,65%,63%,1)",
2200
+ "bottom": "#614eda"
2201
+ },
2202
+ "text": "#cdd9e5"
2203
+ },
2204
+ "outline": {
2205
+ "text": "#cdd9e5",
2206
+ "border": "rgba(205,217,229,0.3)",
2207
+ "hover": {
2208
+ "text": "#cdd9e5",
2209
+ "border": "rgba(205,217,229,0.5)"
2210
+ },
2211
+ "focus": {
2212
+ "border": "#cdd9e5",
2213
+ "borderInset": "rgba(205,217,229,0.5)"
2214
+ }
2215
+ },
2216
+ "dark": {
2217
+ "text": "#cdd9e5",
2218
+ "border": "rgba(205,217,229,0.3)",
2219
+ "hover": {
2220
+ "text": "#cdd9e5",
2221
+ "border": "rgba(205,217,229,0.5)"
2222
+ },
2223
+ "focus": {
2224
+ "border": "#cdd9e5",
2225
+ "borderInset": "rgba(205,217,229,0.5)"
2226
+ }
2227
+ }
2228
+ }
2229
+ },
2230
+ "filesExplorerIcon": "#636e7b",
2231
+ "hlAuthorBg": "#0f2d5c",
2232
+ "hlAuthorBorder": "#1b4b91",
2233
+ "logoSubdued": "#444c56",
2234
+ "discussionBorder": "hsla(125,2%,29%,1)",
2235
+ "discussionBgSuccess": "rgba(70,149,74,0.1)",
2236
+ "actionsWorkflowTableStickyBg": "rgba(34,39,46,0.95)",
2237
+ "repoLanguageColorBorder": "rgba(205,217,229,0.2)",
2238
+ "codeSelectionBg": "rgba(108,182,255,0.3)",
2239
+ "highlight": {
2240
+ "text": "#ffd467",
2241
+ "bg": "rgba(204,143,44,0.38)"
2242
+ },
2243
+ "blob": {
2244
+ "lineHighlightBg": "rgba(198,144,38,0.15)",
2245
+ "lineHighlightBorder": "#daaa3f"
2246
+ },
2247
+ "diff": {
2248
+ "addition": {
2249
+ "text": "#6bc46d",
2250
+ "bg": "rgba(70,149,74,0.2)",
2251
+ "border": "#2b6a30"
2346
2252
  },
2347
- "merged": {
2348
- "text": "#cdd9e5",
2349
- "bg": "#8256d0",
2350
- "border": "rgba(0,0,0,0)"
2253
+ "deletion": {
2254
+ "text": "#e5534b",
2255
+ "bg": "rgba(201,60,55,0.2)",
2256
+ "border": "#ad2e2c"
2351
2257
  },
2352
- "closed": {
2353
- "text": "#cdd9e5",
2354
- "bg": "#c93c37",
2355
- "border": "rgba(0,0,0,0)"
2258
+ "change": {
2259
+ "text": "#daaa3f",
2260
+ "bg": "#452700",
2261
+ "border": "#966600"
2356
2262
  }
2357
2263
  },
2358
2264
  "diffBlob": {
2359
- "numText": "#545d68",
2360
- "numHoverText": "#adbac7",
2265
+ "numText": "rgba(205,217,229,0.3)",
2266
+ "numHoverText": "rgba(205,217,229,0.6)",
2361
2267
  "addition": {
2362
- "numHoverText": "#adbac7",
2363
- "numText": "#adbac7",
2364
- "fg": "#adbac7",
2365
- "numBg": "rgba(87,171,90,0.3)",
2366
- "lineBg": "rgba(70,149,74,0.15)",
2367
- "wordBg": "rgba(70,149,74,0.4)"
2268
+ "numText": "#57ab5a",
2269
+ "numHoverText": "#8ddb8c",
2270
+ "numBg": "rgba(70,149,74,0.1)",
2271
+ "lineBg": "rgba(70,149,74,0.2)",
2272
+ "wordBg": "rgba(70,149,74,0.55)"
2368
2273
  },
2369
2274
  "deletion": {
2370
- "numHoverText": "#adbac7",
2371
- "lineBg": "rgba(229,83,75,0.15)",
2372
- "wordBg": "rgba(229,83,75,0.4)",
2373
- "numText": "#adbac7",
2374
- "fg": "#adbac7",
2375
- "numBg": "rgba(229,83,75,0.3)"
2275
+ "numText": "#e5534b",
2276
+ "numHoverText": "#ff938a",
2277
+ "numBg": "rgba(201,60,55,0.1)",
2278
+ "lineBg": "rgba(201,60,55,0.2)",
2279
+ "wordBg": "rgba(201,60,55,0.5)"
2376
2280
  },
2377
2281
  "hunk": {
2378
2282
  "text": "#768390",
2379
- "numBg": "rgba(65,132,228,0.4)",
2380
- "lineBg": "rgba(65,132,228,0.15)"
2283
+ "numBg": "rgba(83,155,245,0.15)",
2284
+ "lineBg": "rgba(83,155,245,0.1)"
2381
2285
  },
2382
- "emptyBlockBg": "rgba(99,110,123,0.1)",
2383
- "selectedLineHighlightBg": "rgba(174,124,20,0.15)",
2384
- "selectedLineHighlightBorder": "rgba(174,124,20,0.4)",
2286
+ "emptyBlockBg": "#2d333b",
2287
+ "selectedLineHighlightBg": "rgba(174,124,20,0.1)",
2288
+ "selectedLineHighlightBorder": "#ae7c14",
2385
2289
  "expander": {
2290
+ "icon": "#768390",
2386
2291
  "hoverIcon": "#cdd9e5",
2387
- "hoverBg": "#316dca",
2388
- "icon": "#768390"
2292
+ "hoverBg": "#316dca"
2389
2293
  },
2390
2294
  "commentButton": {
2391
2295
  "icon": "#cdd9e5",
2392
2296
  "bg": "#316dca",
2393
- "gradientBg": "rgba(0,0,0,0)"
2297
+ "gradientBg": "hsla(216,61%,54%,1)"
2298
+ }
2299
+ },
2300
+ "globalNav": {
2301
+ "logo": "#cdd9e5",
2302
+ "bg": "#2d333b",
2303
+ "text": "#adbac7",
2304
+ "icon": "#adbac7",
2305
+ "inputBg": "#22272e",
2306
+ "inputBorder": "#373e47",
2307
+ "inputIcon": "#373e47",
2308
+ "inputPlaceholder": "#545d68"
2309
+ },
2310
+ "footerInvertocat": {
2311
+ "octicon": "#444c56",
2312
+ "octiconHover": "#636e7b"
2313
+ },
2314
+ "prState": {
2315
+ "draft": {
2316
+ "text": "#768390",
2317
+ "bg": "rgba(118,131,144,0.1)",
2318
+ "border": "rgba(118,131,144,0.4)"
2319
+ },
2320
+ "open": {
2321
+ "text": "#57ab5a",
2322
+ "bg": "rgba(87,171,90,0.1)",
2323
+ "border": "rgba(87,171,90,0.4)"
2324
+ },
2325
+ "merged": {
2326
+ "text": "#986ee2",
2327
+ "bg": "rgba(176,131,240,0.1)",
2328
+ "border": "rgba(176,131,240,0.4)"
2329
+ },
2330
+ "closed": {
2331
+ "text": "#e5534b",
2332
+ "bg": "rgba(201,60,55,0.1)",
2333
+ "border": "rgba(201,60,55,0.4)"
2334
+ }
2335
+ },
2336
+ "topicTag": {
2337
+ "text": "#539bf5",
2338
+ "bg": "rgba(65,132,228,0.1)",
2339
+ "hoverBg": "rgba(65,132,228,0.2)",
2340
+ "activeBg": "rgba(65,132,228,0.15)"
2341
+ },
2342
+ "mergeBox": {
2343
+ "successIconBg": "rgba(70,149,74,0.1)",
2344
+ "successIconText": "#57ab5a",
2345
+ "successIconBorder": "rgba(70,149,74,0.4)",
2346
+ "successIndicatorBg": "#347d39",
2347
+ "successIndicatorBorder": "#46954a",
2348
+ "mergedIconBg": "rgba(176,131,240,0.1)",
2349
+ "mergedIconText": "#986ee2",
2350
+ "mergedIconBorder": "rgba(176,131,240,0.4)",
2351
+ "mergedBoxBorder": "rgba(176,131,240,0.4)",
2352
+ "neutralIconBg": "rgba(173,186,199,0.1)",
2353
+ "neutralIconText": "#768390",
2354
+ "neutralIconBorder": "rgba(173,186,199,0.4)",
2355
+ "neutralIndicatorBg": "#545d68",
2356
+ "neutralIndicatorBorder": "#636e7b",
2357
+ "warningIconBg": "rgba(174,124,20,0.1)",
2358
+ "warningIconText": "#daaa3f",
2359
+ "warningIconBorder": "rgba(174,124,20,0.4)",
2360
+ "warningBoxBorder": "rgba(174,124,20,0.4)",
2361
+ "warningMergeHighlight": "rgba(174,124,20,0.1)",
2362
+ "errorIconBg": "rgba(229,83,75,0.1)",
2363
+ "errorIconText": "#e5534b",
2364
+ "errorIconBorder": "rgba(229,83,75,0.4)",
2365
+ "errorIndicatorBg": "#c93c37",
2366
+ "errorIndicatorBorder": "#e5534b"
2367
+ },
2368
+ "project": {
2369
+ "cardBg": "#2d333b",
2370
+ "headerBg": "#22272e",
2371
+ "sidebarBg": "#2d333b",
2372
+ "gradientIn": "#2d333b",
2373
+ "gradientOut": "rgba(45,51,59,0)"
2374
+ },
2375
+ "checks": {
2376
+ "bg": "hsla(215,15%,14%,1)",
2377
+ "textPrimary": "#adbac7",
2378
+ "textSecondary": "#768390",
2379
+ "textLink": "#539bf5",
2380
+ "btnIcon": "#636e7b",
2381
+ "btnHoverIcon": "#adbac7",
2382
+ "btnHoverBg": "#444c56",
2383
+ "inputText": "#768390",
2384
+ "inputPlaceholderText": "#545d68",
2385
+ "inputFocusText": "#adbac7",
2386
+ "inputBg": "#22272e",
2387
+ "donutError": "#e5534b",
2388
+ "donutPending": "#c69026",
2389
+ "donutSuccess": "#46954a",
2390
+ "donutNeutral": "#768390",
2391
+ "dropdownText": "#adbac7",
2392
+ "dropdownBg": "rgba(50,57,65,1)",
2393
+ "dropdownBorder": "#444c56",
2394
+ "dropdownHoverText": "#cdd9e5",
2395
+ "dropdownHoverBg": "#316dca",
2396
+ "dropdownBtnHoverText": "#cdd9e5",
2397
+ "dropdownBtnHoverBg": "#2d333b",
2398
+ "scrollbarThumbBg": "#444c56",
2399
+ "headerLabelText": "#768390",
2400
+ "headerLabelOpenText": "#adbac7",
2401
+ "headerBorder": "#373e47",
2402
+ "headerIcon": "#636e7b",
2403
+ "lineText": "#768390",
2404
+ "lineNumText": "#768390",
2405
+ "lineTimestampText": "#768390",
2406
+ "lineHoverBg": "#2d333b",
2407
+ "lineSelectedBg": "rgba(65,132,228,0.1)",
2408
+ "lineSelectedNumText": "#539bf5",
2409
+ "lineDtFmText": "#22272e",
2410
+ "lineDtFmBg": "#c69026",
2411
+ "gateBg": "rgba(128,84,0,0.15)",
2412
+ "gateText": "#768390",
2413
+ "gateWaitingText": "#daaa3f",
2414
+ "stepHeaderOpenBg": "#2d333b",
2415
+ "stepErrorText": "#e5534b",
2416
+ "stepWarningText": "#daaa3f",
2417
+ "loglineText": "#636e7b",
2418
+ "loglineNumText": "#768390",
2419
+ "loglineDebugText": "#b083f0",
2420
+ "loglineErrorText": "#768390",
2421
+ "loglineErrorNumText": "#768390",
2422
+ "loglineErrorBg": "rgba(229,83,75,0.1)",
2423
+ "loglineWarningText": "#768390",
2424
+ "loglineWarningNumText": "#daaa3f",
2425
+ "loglineWarningBg": "rgba(174,124,20,0.1)",
2426
+ "loglineCommandText": "#539bf5",
2427
+ "loglineSectionText": "#6bc46d",
2428
+ "ansi": {
2429
+ "black": "#22272e",
2430
+ "blackBright": "#2d333b",
2431
+ "white": "#909dab",
2432
+ "whiteBright": "#909dab",
2433
+ "gray": "#636e7b",
2434
+ "red": "#f47067",
2435
+ "redBright": "#ff938a",
2436
+ "green": "#57ab5a",
2437
+ "greenBright": "#6bc46d",
2438
+ "yellow": "#c69026",
2439
+ "yellowBright": "#daaa3f",
2440
+ "blue": "#539bf5",
2441
+ "blueBright": "#6cb6ff",
2442
+ "magenta": "#b083f0",
2443
+ "magentaBright": "#dcbdfb",
2444
+ "cyan": "#76e3ea",
2445
+ "cyanBright": "#b3f0ff"
2394
2446
  }
2395
2447
  },
2396
- "globalNav": {
2397
- "logo": "#cdd9e5",
2398
- "bg": "#2d333b",
2399
- "text": "#adbac7",
2400
- "icon": "#adbac7",
2401
- "inputBg": "#22272e",
2402
- "inputBorder": "#373e47",
2403
- "inputIcon": "#373e47",
2404
- "inputPlaceholder": "#545d68"
2405
- },
2406
2448
  "introShelf": {
2407
- "gradientLeft": "rgba(65,132,228,0.15)",
2408
- "gradientRight": "rgba(70,149,74,0.15)",
2449
+ "gradientLeft": "rgba(65,132,228,0.1)",
2450
+ "gradientRight": "rgba(70,149,74,0.1)",
2409
2451
  "gradientIn": "#22272e",
2410
- "gradientOut": "rgba(205,217,229,0)"
2452
+ "gradientOut": "rgba(34,39,46,0)"
2411
2453
  },
2412
2454
  "marketingIcon": {
2413
2455
  "primary": "#6cb6ff",
2414
2456
  "secondary": "#316dca"
2415
2457
  },
2416
- "searchKeyword": {
2417
- "hl": "rgba(198,144,38,0.4)"
2418
- },
2419
2458
  "prettylights": {
2420
2459
  "syntax": {
2421
2460
  "comment": "#768390",
@@ -2455,11 +2494,11 @@ module.exports = {
2455
2494
  "bg": "#22272e",
2456
2495
  "guttersBg": "#22272e",
2457
2496
  "guttermarkerText": "#22272e",
2458
- "guttermarkerSubtleText": "#545d68",
2497
+ "guttermarkerSubtleText": "#636e7b",
2459
2498
  "linenumberText": "#768390",
2460
- "cursor": "#adbac7",
2461
- "selectionBg": "rgba(65,132,228,0.4)",
2462
- "activelineBg": "rgba(99,110,123,0.1)",
2499
+ "cursor": "#cdd9e5",
2500
+ "selectionBg": "rgba(108,182,255,0.3)",
2501
+ "activelineBg": "#2d333b",
2463
2502
  "matchingbracketText": "#adbac7",
2464
2503
  "linesBg": "#22272e",
2465
2504
  "syntax": {
@@ -2473,160 +2512,6 @@ module.exports = {
2473
2512
  "variable": "#f69d50"
2474
2513
  }
2475
2514
  },
2476
- "checks": {
2477
- "bg": "#1c2128",
2478
- "textPrimary": "#adbac7",
2479
- "textSecondary": "#768390",
2480
- "textLink": "#539bf5",
2481
- "btnIcon": "#768390",
2482
- "btnHoverIcon": "#adbac7",
2483
- "btnHoverBg": "rgba(99,110,123,0.1)",
2484
- "inputText": "#768390",
2485
- "inputPlaceholderText": "#545d68",
2486
- "inputFocusText": "#adbac7",
2487
- "inputBg": "#2d333b",
2488
- "donutError": "#e5534b",
2489
- "donutPending": "#c69026",
2490
- "donutSuccess": "#46954a",
2491
- "donutNeutral": "#768390",
2492
- "dropdownText": "#adbac7",
2493
- "dropdownBg": "#2d333b",
2494
- "dropdownBorder": "#444c56",
2495
- "dropdownShadow": "rgba(28,33,40,0.3)",
2496
- "dropdownHoverText": "#adbac7",
2497
- "dropdownHoverBg": "rgba(99,110,123,0.1)",
2498
- "dropdownBtnHoverText": "#adbac7",
2499
- "dropdownBtnHoverBg": "rgba(99,110,123,0.1)",
2500
- "scrollbarThumbBg": "rgba(99,110,123,0.4)",
2501
- "headerLabelText": "#768390",
2502
- "headerLabelOpenText": "#adbac7",
2503
- "headerBorder": "#373e47",
2504
- "headerIcon": "#768390",
2505
- "lineText": "#768390",
2506
- "lineNumText": "#545d68",
2507
- "lineTimestampText": "#545d68",
2508
- "lineHoverBg": "rgba(99,110,123,0.1)",
2509
- "lineSelectedBg": "rgba(65,132,228,0.15)",
2510
- "lineSelectedNumText": "#539bf5",
2511
- "lineDtFmText": "#cdd9e5",
2512
- "lineDtFmBg": "#966600",
2513
- "gateBg": "rgba(174,124,20,0.15)",
2514
- "gateText": "#768390",
2515
- "gateWaitingText": "#c69026",
2516
- "stepHeaderOpenBg": "#2d333b",
2517
- "stepErrorText": "#e5534b",
2518
- "stepWarningText": "#c69026",
2519
- "loglineText": "#768390",
2520
- "loglineNumText": "#545d68",
2521
- "loglineDebugText": "#986ee2",
2522
- "loglineErrorText": "#768390",
2523
- "loglineErrorNumText": "#545d68",
2524
- "loglineErrorBg": "rgba(229,83,75,0.15)",
2525
- "loglineWarningText": "#768390",
2526
- "loglineWarningNumText": "#c69026",
2527
- "loglineWarningBg": "rgba(174,124,20,0.15)",
2528
- "loglineCommandText": "#539bf5",
2529
- "loglineSectionText": "#57ab5a",
2530
- "ansi": {
2531
- "black": "#22272e",
2532
- "blackBright": "#2d333b",
2533
- "white": "#909dab",
2534
- "whiteBright": "#909dab",
2535
- "gray": "#636e7b",
2536
- "red": "#f47067",
2537
- "redBright": "#ff938a",
2538
- "green": "#57ab5a",
2539
- "greenBright": "#6bc46d",
2540
- "yellow": "#c69026",
2541
- "yellowBright": "#daaa3f",
2542
- "blue": "#539bf5",
2543
- "blueBright": "#6cb6ff",
2544
- "magenta": "#b083f0",
2545
- "magentaBright": "#dcbdfb",
2546
- "cyan": "#76e3ea",
2547
- "cyanBright": "#b3f0ff"
2548
- }
2549
- },
2550
- "mktg": {
2551
- "success": "rgba(61,137,66,1)",
2552
- "info": "rgba(56,119,213,1)",
2553
- "bgShadeGradient": {
2554
- "top": "rgba(28,33,40,0.065)",
2555
- "bottom": "rgba(28,33,40,0)"
2556
- },
2557
- "btn": {
2558
- "bg": {
2559
- "top": "hsla(228,82%,66%,1)",
2560
- "bottom": "#4969ed"
2561
- },
2562
- "bgOverlay": {
2563
- "top": "hsla(228,74%,59%,1)",
2564
- "bottom": "#3355e0"
2565
- },
2566
- "text": "#cdd9e5",
2567
- "primary": {
2568
- "bg": {
2569
- "top": "hsla(137,56%,46%,1)",
2570
- "bottom": "#2ea44f"
2571
- },
2572
- "bgOverlay": {
2573
- "top": "hsla(134,60%,38%,1)",
2574
- "bottom": "#22863a"
2575
- },
2576
- "text": "#cdd9e5"
2577
- },
2578
- "enterprise": {
2579
- "bg": {
2580
- "top": "hsla(249,100%,72%,1)",
2581
- "bottom": "#6f57ff"
2582
- },
2583
- "bgOverlay": {
2584
- "top": "hsla(248,65%,63%,1)",
2585
- "bottom": "#614eda"
2586
- },
2587
- "text": "#cdd9e5"
2588
- },
2589
- "outline": {
2590
- "text": "#cdd9e5",
2591
- "border": "rgba(205,217,229,0.3)",
2592
- "hover": {
2593
- "text": "#cdd9e5",
2594
- "border": "rgba(205,217,229,0.5)"
2595
- },
2596
- "focus": {
2597
- "border": "#cdd9e5",
2598
- "borderInset": "rgba(205,217,229,0.5)"
2599
- }
2600
- },
2601
- "dark": {
2602
- "text": "#cdd9e5",
2603
- "border": "rgba(205,217,229,0.3)",
2604
- "hover": {
2605
- "text": "#cdd9e5",
2606
- "border": "rgba(205,217,229,0.5)"
2607
- },
2608
- "focus": {
2609
- "border": "#cdd9e5",
2610
- "borderInset": "rgba(205,217,229,0.5)"
2611
- }
2612
- }
2613
- }
2614
- },
2615
- "avatar": {
2616
- "bg": "rgba(205,217,229,0.1)",
2617
- "border": "rgba(205,217,229,0.1)",
2618
- "stackFade": "#444c56",
2619
- "stackFadeMore": "#373e47"
2620
- },
2621
- "header": {
2622
- "text": "rgba(205,217,229,0.7)",
2623
- "bg": "#2d333b",
2624
- "logo": "#cdd9e5"
2625
- },
2626
- "headerSearch": {
2627
- "bg": "#22272e",
2628
- "border": "#444c56"
2629
- },
2630
2515
  "ansi": {
2631
2516
  "black": "#545d68",
2632
2517
  "blackBright": "#636e7b",
@@ -2645,146 +2530,16 @@ module.exports = {
2645
2530
  "magentaBright": "#dcbdfb",
2646
2531
  "cyan": "#39c5cf",
2647
2532
  "cyanBright": "#56d4dd"
2648
- },
2649
- "btn": {
2650
- "text": "#adbac7",
2651
- "bg": "#373e47",
2652
- "border": "rgba(205,217,229,0.1)",
2653
- "hoverBg": "#444c56",
2654
- "hoverBorder": "#768390",
2655
- "activeBg": "hsla(213,12%,27%,1)",
2656
- "activeBorder": "#636e7b",
2657
- "selectedBg": "#2d333b",
2658
- "focusBg": "#373e47",
2659
- "focusBorder": "#768390",
2660
- "counterBg": "#444c56",
2661
- "primary": {
2662
- "text": "#ffffff",
2663
- "bg": "#347d39",
2664
- "border": "rgba(205,217,229,0.1)",
2665
- "hoverBg": "#46954a",
2666
- "hoverBorder": "rgba(205,217,229,0.1)",
2667
- "selectedBg": "#347d39",
2668
- "disabledText": "rgba(205,217,229,0.5)",
2669
- "disabledBg": "rgba(52,125,57,0.6)",
2670
- "disabledBorder": "rgba(205,217,229,0.1)",
2671
- "focusBg": "#347d39",
2672
- "focusBorder": "rgba(205,217,229,0.1)",
2673
- "icon": "#cdd9e5",
2674
- "counterBg": "rgba(205,217,229,0.2)"
2675
- },
2676
- "outline": {
2677
- "text": "#539bf5",
2678
- "hoverText": "#539bf5",
2679
- "hoverBg": "#444c56",
2680
- "hoverBorder": "rgba(205,217,229,0.1)",
2681
- "hoverCounterBg": "rgba(205,217,229,0.2)",
2682
- "selectedText": "#cdd9e5",
2683
- "selectedBg": "#1b4b91",
2684
- "selectedBorder": "rgba(205,217,229,0.1)",
2685
- "disabledText": "rgba(83,155,245,0.5)",
2686
- "disabledBg": "#22272e",
2687
- "disabledCounterBg": "rgba(49,109,202,0.05)",
2688
- "focusBorder": "rgba(205,217,229,0.1)",
2689
- "counterBg": "rgba(49,109,202,0.1)"
2690
- },
2691
- "danger": {
2692
- "text": "#e5534b",
2693
- "hoverText": "#cdd9e5",
2694
- "hoverBg": "#c93c37",
2695
- "hoverBorder": "#e5534b",
2696
- "hoverIcon": "#cdd9e5",
2697
- "hoverCounterBg": "rgba(255,255,255,0.2)",
2698
- "selectedText": "#ffffff",
2699
- "selectedBg": "#ad2e2c",
2700
- "selectedBorder": "#f47067",
2701
- "disabledText": "rgba(229,83,75,0.5)",
2702
- "disabledBg": "#22272e",
2703
- "disabledCounterBg": "rgba(201,60,55,0.05)",
2704
- "focusBorder": "#e5534b",
2705
- "counterBg": "rgba(201,60,55,0.1)",
2706
- "icon": "#e5534b"
2707
- }
2708
- },
2709
- "fg": {
2710
- "default": "#adbac7",
2711
- "muted": "#768390",
2712
- "subtle": "#545d68",
2713
- "onEmphasis": "#cdd9e5"
2714
- },
2715
- "canvas": {
2716
- "default": "#22272e",
2717
- "overlay": "#2d333b",
2718
- "inset": "#1c2128",
2719
- "subtle": "#2d333b"
2720
- },
2721
- "neutral": {
2722
- "emphasisPlus": "#636e7b",
2723
- "emphasis": "#636e7b",
2724
- "muted": "rgba(99,110,123,0.4)",
2725
- "subtle": "rgba(99,110,123,0.1)"
2726
- },
2727
- "accent": {
2728
- "fg": "#539bf5",
2729
- "emphasis": "#316dca",
2730
- "muted": "rgba(65,132,228,0.4)",
2731
- "subtle": "rgba(65,132,228,0.15)"
2732
- },
2733
- "success": {
2734
- "fg": "#57ab5a",
2735
- "emphasis": "#347d39",
2736
- "muted": "rgba(70,149,74,0.4)",
2737
- "subtle": "rgba(70,149,74,0.15)"
2738
- },
2739
- "attention": {
2740
- "fg": "#c69026",
2741
- "emphasis": "#966600",
2742
- "muted": "rgba(174,124,20,0.4)",
2743
- "subtle": "rgba(174,124,20,0.15)"
2744
- },
2745
- "severe": {
2746
- "fg": "#cc6b2c",
2747
- "emphasis": "#ae5622",
2748
- "muted": "rgba(204,107,44,0.4)",
2749
- "subtle": "rgba(204,107,44,0.15)"
2750
- },
2751
- "danger": {
2752
- "fg": "#e5534b",
2753
- "emphasis": "#c93c37",
2754
- "muted": "rgba(229,83,75,0.4)",
2755
- "subtle": "rgba(229,83,75,0.15)"
2756
- },
2757
- "done": {
2758
- "fg": "#986ee2",
2759
- "emphasis": "#8256d0",
2760
- "muted": "rgba(152,110,226,0.4)",
2761
- "subtle": "rgba(152,110,226,0.15)"
2762
- },
2763
- "sponsors": {
2764
- "fg": "#c96198",
2765
- "emphasis": "#ae4c82",
2766
- "muted": "rgba(201,97,152,0.4)",
2767
- "subtle": "rgba(201,97,152,0.15)"
2768
- },
2769
- "primer": {
2770
- "canvas": {
2771
- "backdrop": "rgba(28,33,40,0.8)",
2772
- "sticky": "rgba(34,39,46,0.95)"
2773
- },
2774
- "border": {
2775
- "active": "#EC775C",
2776
- "contrast": "rgba(205,217,229,0.2)"
2777
- }
2778
2533
  }
2779
2534
  },
2780
2535
  "shadows": {
2781
2536
  "shadow": {
2782
- "highlight": "0 0 transparent",
2783
- "inset": "0 0 transparent",
2784
2537
  "small": "0 0 transparent",
2785
2538
  "medium": "0 3px 6px #1c2128",
2786
2539
  "large": "0 8px 24px #1c2128",
2787
- "extraLarge": "0 12px 48px #1c2128"
2540
+ "extraLarge": "0 12px 48px #1c2128",
2541
+ "highlight": "0 0 transparent",
2542
+ "inset": "0 0 transparent"
2788
2543
  },
2789
2544
  "state": {
2790
2545
  "focus": {
@@ -2792,28 +2547,7 @@ module.exports = {
2792
2547
  }
2793
2548
  },
2794
2549
  "autocomplete": {
2795
- "shadow": "0 3px 6px #1c2128"
2796
- },
2797
- "dropdown": {
2798
- "shadow": "0 8px 24px #1c2128"
2799
- },
2800
- "input": {
2801
- "shadow": "0 0 transparent"
2802
- },
2803
- "toast": {
2804
- "shadow": "0 8px 24px #1c2128"
2805
- },
2806
- "selectMenu": {
2807
- "shadow": "0 8px 24px #1c2128"
2808
- },
2809
- "checks": {
2810
- "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
2811
- },
2812
- "avatar": {
2813
- "childShadow": "-2px -2px 0 #22272e"
2814
- },
2815
- "overlay": {
2816
- "shadow": "0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85)"
2550
+ "shadow": "0 16px 32px rgba(28,33,40,0.85)"
2817
2551
  },
2818
2552
  "btn": {
2819
2553
  "shadow": "0 0 transparent",
@@ -2837,15 +2571,29 @@ module.exports = {
2837
2571
  "hoverShadow": "0 0 transparent",
2838
2572
  "hoverInsetShadow": "0 0 transparent",
2839
2573
  "selectedShadow": "0 0 transparent",
2840
- "focusShadow": "0 0 0 3px rgba(229,83,75,0.4)"
2574
+ "focusShadow": "0 0 0 3px rgba(173,46,44,0.4)"
2841
2575
  }
2842
2576
  },
2843
- "primer": {
2844
- "shadow": {
2845
- "highlight": "0 0 transparent",
2846
- "inset": "0 0 transparent",
2847
- "focus": "0 0 0 3px #143d79"
2848
- }
2577
+ "dropdown": {
2578
+ "shadow": "0 16px 32px rgba(28,33,40,0.85)"
2579
+ },
2580
+ "overlay": {
2581
+ "shadow": "0 0 0 1px #444c56, 0 16px 32px rgba(28,33,40,0.85)"
2582
+ },
2583
+ "input": {
2584
+ "shadow": "0 0 transparent"
2585
+ },
2586
+ "avatar": {
2587
+ "childShadow": "-2px -2px 0 #22272e"
2588
+ },
2589
+ "toast": {
2590
+ "shadow": "0 8px 24px #1c2128"
2591
+ },
2592
+ "selectMenu": {
2593
+ "shadow": "0 0 18px rgba(28,33,40,0.4)"
2594
+ },
2595
+ "checks": {
2596
+ "inputShadow": "0 0 0 1px #373e47"
2849
2597
  }
2850
2598
  }
2851
2599
  }