From 237c272100ed12cdc4784b623468ac4ddbb3b85c Mon Sep 17 00:00:00 2001 From: Pavithra Kodmad Date: Thu, 10 Mar 2022 19:14:15 +1100 Subject: [PATCH 01/13] Icon button fixes removes iconLabel and adds aria-label to the type --- docs/content/IconButton.mdx | 12 +++--------- .../{Button2.stories.tsx => Button.stories.tsx} | 12 ++++++------ src/Button/IconButton.tsx | 11 ++--------- src/Button/types.ts | 2 +- 4 files changed, 12 insertions(+), 25 deletions(-) rename src/Button/{Button2.stories.tsx => Button.stories.tsx} (93%) diff --git a/docs/content/IconButton.mdx b/docs/content/IconButton.mdx index 0edea279283..8ee2424f2b5 100644 --- a/docs/content/IconButton.mdx +++ b/docs/content/IconButton.mdx @@ -29,15 +29,9 @@ A separate component called `IconButton` is used if the action shows only an ico ```jsx live drafts <> - - Search - - - Search - - - Search - + + + ``` diff --git a/src/Button/Button2.stories.tsx b/src/Button/Button.stories.tsx similarity index 93% rename from src/Button/Button2.stories.tsx rename to src/Button/Button.stories.tsx index a4ae611a3ba..77d1ad513e5 100644 --- a/src/Button/Button2.stories.tsx +++ b/src/Button/Button.stories.tsx @@ -6,7 +6,7 @@ import {BaseStyles, ThemeProvider} from '..' import Box from '../Box' export default { - title: 'Composite components/Button2', + title: 'Composite components/Button', decorators: [ Story => { @@ -75,19 +75,19 @@ export const iconButton = ({...args}: ButtonProps) => { return ( <> - + - + - + - + - + ) diff --git a/src/Button/IconButton.tsx b/src/Button/IconButton.tsx index 2b7ad955e48..401650829fc 100644 --- a/src/Button/IconButton.tsx +++ b/src/Button/IconButton.tsx @@ -4,11 +4,9 @@ import {useTheme} from '../ThemeProvider' import Box from '../Box' import {IconButtonProps, StyledButton} from './types' import {getBaseStyles, getSizeStyles, getVariantStyles} from './styles' -import {useSSRSafeId} from '@react-aria/ssr' const IconButton = forwardRef((props, forwardedRef): JSX.Element => { - const {variant = 'default', size = 'medium', sx: sxProp = {}, icon: Icon, iconLabel, ...rest} = props - const iconLabelId = useSSRSafeId() + const {variant = 'default', size = 'medium', sx: sxProp = {}, icon: Icon, ...rest} = props const {theme} = useTheme() const sxStyles = merge.all([ getBaseStyles(theme), @@ -17,12 +15,7 @@ const IconButton = forwardRef((props, forwar sxProp as SxProp ]) return ( - - {iconLabel && ( - - )} + diff --git a/src/Button/types.ts b/src/Button/types.ts index 9f391f7b122..6888dfded79 100644 --- a/src/Button/types.ts +++ b/src/Button/types.ts @@ -45,7 +45,7 @@ export type IconButtonProps = { * This is to be used if it is an icon-only button. Will make text visually hidden */ icon: React.FunctionComponent - iconLabel: string + 'aria-label': string } & ButtonBaseProps // adopted from React.AnchorHTMLAttributes From 14e986184007221550ecf62e2992829d1b1b1691 Mon Sep 17 00:00:00 2001 From: Pavithra Kodmad Date: Thu, 10 Mar 2022 19:52:19 +1100 Subject: [PATCH 02/13] Update test --- src/__tests__/Button.test.tsx | 3 +- .../__snapshots__/Button.test.tsx.snap | 96 +++++++++++++++++++ 2 files changed, 98 insertions(+), 1 deletion(-) diff --git a/src/__tests__/Button.test.tsx b/src/__tests__/Button.test.tsx index 4da60203806..e504fbb3ff7 100644 --- a/src/__tests__/Button.test.tsx +++ b/src/__tests__/Button.test.tsx @@ -91,8 +91,9 @@ describe('Button', () => { }) it('styles icon only button to make it a square', async () => { - const container = render() + const container = render() const IconOnlyButton = await container.findByRole('button') expect(IconOnlyButton).toHaveStyleRule('padding-right', '8px') + expect(IconOnlyButton).toMatchSnapshot() }) }) diff --git a/src/__tests__/__snapshots__/Button.test.tsx.snap b/src/__tests__/__snapshots__/Button.test.tsx.snap index 6055d1e1a3d..3b980d680ac 100644 --- a/src/__tests__/__snapshots__/Button.test.tsx.snap +++ b/src/__tests__/__snapshots__/Button.test.tsx.snap @@ -221,6 +221,102 @@ exports[`Button styles danger button appropriately 1`] = ` `; +exports[`Button styles icon only button to make it a square 1`] = ` +.c1 { + display: inline-block; +} + +.c0 { + border-radius: 2; + border: 1px solid; + font-family: inherit; + font-weight: bold; + line-height: 20px; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-text-decoration: none; + text-decoration: none; + text-align: center; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 8px; + padding-right: 8px; + font-size: 14px; + color: btn.text; + background-color: btn.bg; + box-shadow: undefined,undefined; +} + +.c0:focus { + outline: none; +} + +.c0:disabled { + cursor: default; + color: primer.fg.disabled; + background-color: btn.disabledBg; +} + +.c0:disabled svg { + opacity: 0.6; +} + +.c0 [data-component="ButtonCounter"] { + font-size: 14px; +} + +.c0:hover:not([disabled]) { + background-color: btn.hoverBg; +} + +.c0:focus:not([disabled]) { + box-shadow: undefined; +} + +.c0:active:not([disabled]) { + background-color: btn.activeBg; + border-color: btn.activeBorder; +} + +.c0[aria-expanded=true] { + background-color: btn.activeBg; + border-color: btn.activeBorder; +} + + +`; + exports[`Button styles invisible button appropriately 1`] = ` .c0 { border-radius: 2; From 9cd9f411b32e33832f7ed1e5306cf32c76111ebd Mon Sep 17 00:00:00 2001 From: Pavithra Kodmad Date: Mon, 14 Mar 2022 18:04:23 +1100 Subject: [PATCH 03/13] Fix stories and tests. Also add tooltip story --- src/Button/Button.stories.tsx | 2 +- src/Button/types.ts | 11 ++++---- src/__tests__/Button.test.tsx | 49 ++++++++++++++++++--------------- src/stories/Tooltip.stories.tsx | 37 +++++++++++++++++++++++++ 4 files changed, 71 insertions(+), 28 deletions(-) create mode 100644 src/stories/Tooltip.stories.tsx diff --git a/src/Button/Button.stories.tsx b/src/Button/Button.stories.tsx index 77d1ad513e5..800915dc3a9 100644 --- a/src/Button/Button.stories.tsx +++ b/src/Button/Button.stories.tsx @@ -193,7 +193,7 @@ export const DisabledButton = ({...args}: ButtonProps) => { - } iconLabel="Close" {...args} /> + } aria-label="Close" {...args} /> ) diff --git a/src/Button/types.ts b/src/Button/types.ts index 6888dfded79..e8a5ad43bd5 100644 --- a/src/Button/types.ts +++ b/src/Button/types.ts @@ -11,6 +11,11 @@ export type Size = 'small' | 'medium' | 'large' type StyledButtonProps = ComponentPropsWithRef +interface ButtonA11yProps { + ariaLabel: string + ariaLabelledby: string +} + export type ButtonBaseProps = { /** * Determine's the styles on a button one of 'default' | 'primary' | 'invisible' | 'danger' @@ -40,12 +45,8 @@ export type ButtonProps = { children: React.ReactNode } & ButtonBaseProps -export type IconButtonProps = { - /** - * This is to be used if it is an icon-only button. Will make text visually hidden - */ +export type IconButtonProps = Partial & { icon: React.FunctionComponent - 'aria-label': string } & ButtonBaseProps // adopted from React.AnchorHTMLAttributes diff --git a/src/__tests__/Button.test.tsx b/src/__tests__/Button.test.tsx index e504fbb3ff7..7e917445f9e 100644 --- a/src/__tests__/Button.test.tsx +++ b/src/__tests__/Button.test.tsx @@ -10,9 +10,9 @@ expect.extend(toHaveNoViolations) describe('Button', () => { behavesAsComponent({Component: Button, options: {skipAs: true}}) - it('renders a ) - const button = await container.findByRole('button') + const button = container.getByRole('button') expect(button.textContent).toEqual('Default') }) @@ -23,77 +23,82 @@ describe('Button', () => { cleanup() }) - it('preserves "onClick" prop', async () => { + it('preserves "onClick" prop', () => { const onClick = jest.fn() const container = render() - const button = await container.findByRole('button') + const button = container.getByRole('button') fireEvent.click(button) expect(onClick).toHaveBeenCalledTimes(1) }) - it('respects width props', async () => { + it('respects width props', () => { const container = render() - const button = await container.findByRole('button') + const button = container.getByRole('button') expect(button).toHaveStyleRule('width', '200px') }) - it('respects the "disabled" prop', async () => { + it('respects the "disabled" prop', () => { const onClick = jest.fn() const container = render( ) - const button = await container.findByRole('button') + const button = container.getByRole('button') expect(button.hasAttribute('disabled')).toEqual(true) fireEvent.click(button) expect(onClick).toHaveBeenCalledTimes(0) }) - it('respects the "variant" prop', async () => { + it('respects the "variant" prop', () => { const container = render() - const button = await container.findByRole('button') + const button = container.getByRole('button') expect(button).toHaveStyleRule('font-size', '12px') }) - it('respects the "fontSize" prop over the "variant" prop', async () => { + it('respects the "fontSize" prop over the "variant" prop', () => { const container = render( ) - const button = await container.findByRole('button') + const button = container.getByRole('button') expect(button).toHaveStyleRule('font-size', '20px') }) - it('styles primary button appropriately', async () => { + it('styles primary button appropriately', () => { const container = render() - const button = await container.findByRole('button') + const button = container.getByRole('button') expect(button).toMatchSnapshot() }) - it('styles invisible button appropriately', async () => { + it('styles invisible button appropriately', () => { const container = render() - const button = await container.findByRole('button') + const button = container.getByRole('button') expect(button).toMatchSnapshot() }) - it('styles danger button appropriately', async () => { + it('styles danger button appropriately', () => { const container = render() - const button = await container.findByRole('button') + const button = container.getByRole('button') expect(button).toMatchSnapshot() }) - it('styles outline button appropriately', async () => { + it('styles outline button appropriately', () => { const container = render() - const button = await container.findByRole('button') + const button = container.getByRole('button') expect(button).toMatchSnapshot() }) - it('styles icon only button to make it a square', async () => { + it('styles icon only button to make it a square', () => { const container = render() - const IconOnlyButton = await container.findByRole('button') + const IconOnlyButton = container.getByRole('button') expect(IconOnlyButton).toHaveStyleRule('padding-right', '8px') expect(IconOnlyButton).toMatchSnapshot() }) + it('makes sure icon button has an aria-label', () => { + const container = render() + const IconOnlyButton = container.getByLabelText('Search button') + expect(IconOnlyButton).toBeTruthy() + }) }) diff --git a/src/stories/Tooltip.stories.tsx b/src/stories/Tooltip.stories.tsx new file mode 100644 index 00000000000..59d034282f1 --- /dev/null +++ b/src/stories/Tooltip.stories.tsx @@ -0,0 +1,37 @@ +import React from 'react' +import {Meta} from '@storybook/react' +import {BaseStyles, ThemeProvider, IconButton} from '..' +import Box from '../Box' +import Tooltip from '../Tooltip' +import {SearchIcon} from '@primer/octicons-react' + +export default { + title: 'Tooltip/Default', + component: Tooltip, + + decorators: [ + Story => { + return ( + + + + + + ) + } + ] +} as Meta + +export const TextTooltip = () => ( + + Text with a tooltip + +) + +export const IconButtonTooltip = () => ( + + + + + +) From b7d60fbe8bb22ea40cf4fb2eb3e1dcd7c96db391 Mon Sep 17 00:00:00 2001 From: Pavithra Kodmad Date: Tue, 15 Mar 2022 20:20:37 +1100 Subject: [PATCH 04/13] Fix aria label types --- src/Button/types.ts | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/Button/types.ts b/src/Button/types.ts index e8a5ad43bd5..10c7188bc1a 100644 --- a/src/Button/types.ts +++ b/src/Button/types.ts @@ -11,10 +11,7 @@ export type Size = 'small' | 'medium' | 'large' type StyledButtonProps = ComponentPropsWithRef -interface ButtonA11yProps { - ariaLabel: string - ariaLabelledby: string -} +type ButtonA11yProps = {'aria-label': string; 'aria-labelby'?: never} | {'aria-label'?: never; 'aria-labelby': string} export type ButtonBaseProps = { /** @@ -45,7 +42,7 @@ export type ButtonProps = { children: React.ReactNode } & ButtonBaseProps -export type IconButtonProps = Partial & { +export type IconButtonProps = ButtonA11yProps & { icon: React.FunctionComponent } & ButtonBaseProps From 0accf7e61a25833342897b27e654c684f1dc3efe Mon Sep 17 00:00:00 2001 From: Pavithra Kodmad Date: Wed, 16 Mar 2022 20:15:14 +1100 Subject: [PATCH 05/13] Update docs from drafts to main --- docs/content/Button.mdx | 28 ++++++++++++++-------------- docs/content/IconButton.mdx | 12 ++++++------ 2 files changed, 20 insertions(+), 20 deletions(-) diff --git a/docs/content/Button.mdx b/docs/content/Button.mdx index b31522104a6..29bb9d882e4 100644 --- a/docs/content/Button.mdx +++ b/docs/content/Button.mdx @@ -2,26 +2,26 @@ componentId: button title: Button status: Alpha -source: https://github.com/primer/react/tree/main/src/Button2 -storybook: '/react/storybook?path=/story/composite-components-button2' +source: https://github.com/primer/react/tree/main/src/Button +storybook: '/react/storybook?path=/story/composite-components-button' description: Use button for the main actions on a page or form. --- -import {Button, IconButton, LinkButton} from '@primer/react/drafts' +import {Button, IconButton, LinkButton} from '@primer/react' ## Usage ### Installation ```js -import {Button} from '@primer/react/drafts' +import {Button} from '@primer/react' ``` ### Default button This is the default variant for the `Button` component. -```jsx live drafts +```jsx live ``` @@ -29,7 +29,7 @@ This is the default variant for the `Button` component. The `danger` variant of `Button` is used to warn users about potentially destructive actions -```jsx live drafts +```jsx live ``` @@ -37,7 +37,7 @@ The `danger` variant of `Button` is used to warn users about potentially destruc The `outline` variant of `Button` is typically used as a secondary button -```jsx live drafts +```jsx live ``` @@ -45,7 +45,7 @@ The `outline` variant of `Button` is typically used as a secondary button The `invisible` variant of `Button` indicates that the action is a low priority one. -```jsx live drafts +```jsx live ``` @@ -53,7 +53,7 @@ The `invisible` variant of `Button` indicates that the action is a low priority `Button` component supports three different sizes. `small`, `medium`, `large`. -```jsx live drafts +```jsx live <> @@ -68,7 +68,7 @@ The `invisible` variant of `Button` indicates that the action is a low priority We can place an icon inside the `Button` in either the leading or the trailing position to enhance the visual context. It is recommended to use an octicon here. -```jsx live drafts +```jsx live <> ``` diff --git a/docs/content/IconButton.mdx b/docs/content/IconButton.mdx index 8ee2424f2b5..2af6b14024b 100644 --- a/docs/content/IconButton.mdx +++ b/docs/content/IconButton.mdx @@ -2,8 +2,8 @@ title: IconButton componentId: icon_button status: Alpha -source: https://github.com/primer/react/tree/main/src/Button2 -storybook: '/react/storybook?path=/story/composite-components-button2' +source: https://github.com/primer/react/tree/main/src/Button +storybook: '/react/storybook?path=/story/composite-components-button' description: An accessible button component with no text and only icon. --- @@ -12,22 +12,22 @@ description: An accessible button component with no text and only icon. ### Installation ```js -import {IconButton} from '@primer/react/drafts' +import {IconButton} from '@primer/react' ``` ### Icon only button A separate component called `IconButton` is used if the action shows only an icon with no text. This button will remain square in shape. -```jsx live drafts -Search +```jsx live + ``` ### Different sized icon buttons `IconButton` also supports the three different sizes. `small`, `medium`, `large`. -```jsx live drafts +```jsx live <> From 70a84614636fe723549751b4395820f19c36922d Mon Sep 17 00:00:00 2001 From: Pavithra Kodmad Date: Wed, 16 Mar 2022 20:18:41 +1100 Subject: [PATCH 06/13] Create large-owls-dance.md --- .changeset/large-owls-dance.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/large-owls-dance.md diff --git a/.changeset/large-owls-dance.md b/.changeset/large-owls-dance.md new file mode 100644 index 00000000000..0c218546dc7 --- /dev/null +++ b/.changeset/large-owls-dance.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Icon button fixes: Removes iconLabel and adds aria-label to the type From edc438f5e91dc5ed77a5935f1e6dd980cdc5806a Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Wed, 16 Mar 2022 11:49:31 +0100 Subject: [PATCH 07/13] update icon only example in Button.mdx --- docs/content/Button.mdx | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) diff --git a/docs/content/Button.mdx b/docs/content/Button.mdx index 29bb9d882e4..b2ab61c4829 100644 --- a/docs/content/Button.mdx +++ b/docs/content/Button.mdx @@ -85,7 +85,7 @@ It is recommended to use an octicon here. A separate component called `IconButton` is used if the action shows only an icon with no text. This button will remain square in shape. ```jsx live -Search + ``` ### Different sized icon buttons @@ -94,15 +94,9 @@ A separate component called `IconButton` is used if the action shows only an ico ```jsx live <> - - Search - - - Search - - - Search - + + + ``` From 5753683c7d1f44cb12ce87144cc1fdaff417e2df Mon Sep 17 00:00:00 2001 From: Pavithra Kodmad Date: Wed, 16 Mar 2022 20:15:14 +1100 Subject: [PATCH 08/13] Update docs from drafts to main --- docs/content/Button.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/content/Button.mdx b/docs/content/Button.mdx index b2ab61c4829..eeb8c234b7b 100644 --- a/docs/content/Button.mdx +++ b/docs/content/Button.mdx @@ -94,7 +94,7 @@ A separate component called `IconButton` is used if the action shows only an ico ```jsx live <> - + From 8141773a1b10c0f767f4a0da2169780dc8b3e795 Mon Sep 17 00:00:00 2001 From: Pavithra Kodmad Date: Thu, 17 Mar 2022 17:41:59 +1100 Subject: [PATCH 09/13] Tests update --- .../__snapshots__/Button.test.tsx.snap | 7 +- .../__snapshots__/themePreval.test.ts.snap | 579 +++++++----------- 2 files changed, 228 insertions(+), 358 deletions(-) diff --git a/src/__tests__/__snapshots__/Button.test.tsx.snap b/src/__tests__/__snapshots__/Button.test.tsx.snap index 3b980d680ac..c99f066c2cc 100644 --- a/src/__tests__/__snapshots__/Button.test.tsx.snap +++ b/src/__tests__/__snapshots__/Button.test.tsx.snap @@ -262,14 +262,17 @@ exports[`Button styles icon only button to make it a square 1`] = ` .c0:disabled { cursor: default; color: primer.fg.disabled; - background-color: btn.disabledBg; +} + +.c0:disabled [data-component=ButtonCounter] { + color: inherit; } .c0:disabled svg { opacity: 0.6; } -.c0 [data-component="ButtonCounter"] { +.c0 [data-component=ButtonCounter] { font-size: 14px; } diff --git a/src/__tests__/__snapshots__/themePreval.test.ts.snap b/src/__tests__/__snapshots__/themePreval.test.ts.snap index fb64ee82db7..a864464835e 100644 --- a/src/__tests__/__snapshots__/themePreval.test.ts.snap +++ b/src/__tests__/__snapshots__/themePreval.test.ts.snap @@ -3,7 +3,7 @@ exports[`snapshot theme-preval.js 1`] = ` "// this file was prevaled // This file needs to be a JavaScript file using CommonJS to be compatible with preval -// Cache bust: 2022-03-14 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) +// Cache bust: 2021-11-04 12:00:00 GMT (This file is cached by our deployment tooling, update this timestamp to rebuild this file) module.exports = { \\"theme\\": { \\"animation\\": { @@ -39,7 +39,6 @@ module.exports = { \\"light\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\", - \\"pageHeaderBg\\": \\"#f6f8fa\\", \\"marketingIcon\\": { \\"primary\\": \\"#218bff\\", \\"secondary\\": \\"#54aeff\\" @@ -170,7 +169,7 @@ module.exports = { \\"lineDtFmBg\\": \\"#9a6700\\", \\"gateBg\\": \\"rgba(125,78,0,0.15)\\", \\"gateText\\": \\"#d0d7de\\", - \\"gateWaitingText\\": \\"#d4a72c\\", + \\"gateWaitingText\\": \\"#afb8c1\\", \\"stepHeaderOpenBg\\": \\"#32383f\\", \\"stepErrorText\\": \\"#ff8182\\", \\"stepWarningText\\": \\"#d4a72c\\", @@ -225,9 +224,6 @@ module.exports = { \\"topicTag\\": { \\"border\\": \\"rgba(0,0,0,0)\\" }, - \\"counter\\": { - \\"border\\": \\"rgba(0,0,0,0)\\" - }, \\"selectMenu\\": { \\"backdropBorder\\": \\"rgba(0,0,0,0)\\", \\"tapHighlight\\": \\"rgba(175,184,193,0.5)\\", @@ -236,7 +232,6 @@ module.exports = { \\"header\\": { \\"text\\": \\"rgba(255,255,255,0.7)\\", \\"bg\\": \\"#24292f\\", - \\"divider\\": \\"#57606a\\", \\"logo\\": \\"#ffffff\\" }, \\"headerSearch\\": { @@ -342,9 +337,7 @@ module.exports = { \\"inlineDivider\\": \\"rgba(208,215,222,0.48)\\", \\"default\\": { \\"hoverBg\\": \\"rgba(208,215,222,0.32)\\", - \\"hoverBorder\\": \\"rgba(0,0,0,0)\\", \\"activeBg\\": \\"rgba(208,215,222,0.48)\\", - \\"activeBorder\\": \\"rgba(0,0,0,0)\\", \\"selectedBg\\": \\"rgba(208,215,222,0.24)\\" }, \\"danger\\": { @@ -406,18 +399,6 @@ module.exports = { \\"muted\\": \\"rgba(255,129,130,0.4)\\", \\"subtle\\": \\"#FFEBE9\\" }, - \\"open\\": { - \\"fg\\": \\"#1a7f37\\", - \\"emphasis\\": \\"#2da44e\\", - \\"muted\\": \\"rgba(74,194,107,0.4)\\", - \\"subtle\\": \\"#dafbe1\\" - }, - \\"closed\\": { - \\"fg\\": \\"#cf222e\\", - \\"emphasis\\": \\"#cf222e\\", - \\"muted\\": \\"rgba(255,129,130,0.4)\\", - \\"subtle\\": \\"#FFEBE9\\" - }, \\"done\\": { \\"fg\\": \\"#8250df\\", \\"emphasis\\": \\"#8250df\\", @@ -504,21 +485,20 @@ module.exports = { \\"light_high_contrast\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\", - \\"pageHeaderBg\\": \\"#ffffff\\", \\"marketingIcon\\": { \\"primary\\": \\"#1168e3\\", \\"secondary\\": \\"#368cf9\\" }, \\"diffBlob\\": { \\"addition\\": { - \\"numText\\": \\"#0E1116\\", + \\"numText\\": \\"#24292F\\", \\"fg\\": \\"#ffffff\\", \\"numBg\\": \\"#CCFFD8\\", \\"lineBg\\": \\"#E6FFEC\\", \\"wordBg\\": \\"#055d20\\" }, \\"deletion\\": { - \\"numText\\": \\"#0E1116\\", + \\"numText\\": \\"#24292F\\", \\"fg\\": \\"#ffffff\\", \\"numBg\\": \\"#FFD7D5\\", \\"lineBg\\": \\"#fff0ee\\", @@ -528,7 +508,7 @@ module.exports = { \\"numBg\\": \\"#9cd7ff\\" }, \\"expander\\": { - \\"icon\\": \\"#0E1116\\" + \\"icon\\": \\"#24292F\\" } }, \\"diffstat\\": { @@ -541,10 +521,10 @@ module.exports = { }, \\"prettylights\\": { \\"syntax\\": { - \\"comment\\": \\"#66707B\\", + \\"comment\\": \\"#67707A\\", \\"constant\\": \\"#023b95\\", \\"entity\\": \\"#622cbc\\", - \\"storageModifierImport\\": \\"#0E1116\\", + \\"storageModifierImport\\": \\"#24292F\\", \\"entityTag\\": \\"#024c1a\\", \\"keyword\\": \\"#a0111f\\", \\"string\\": \\"#032563\\", @@ -557,8 +537,8 @@ module.exports = { \\"stringRegexp\\": \\"#024c1a\\", \\"markupList\\": \\"#2e1800\\", \\"markupHeading\\": \\"#023b95\\", - \\"markupItalic\\": \\"#0E1116\\", - \\"markupBold\\": \\"#0E1116\\", + \\"markupItalic\\": \\"#24292F\\", + \\"markupBold\\": \\"#24292F\\", \\"markupDeletedText\\": \\"#6e011a\\", \\"markupDeletedBg\\": \\"#fff0ee\\", \\"markupInsertedText\\": \\"#024c1a\\", @@ -568,25 +548,25 @@ module.exports = { \\"markupIgnoredText\\": \\"#E7ECF0\\", \\"markupIgnoredBg\\": \\"#023b95\\", \\"metaDiffRange\\": \\"#622cbc\\", - \\"brackethighlighterAngle\\": \\"#4B535D\\", + \\"brackethighlighterAngle\\": \\"#4F5760\\", \\"sublimelinterGutterMark\\": \\"#88929D\\", \\"constantOtherReferenceLink\\": \\"#032563\\" } }, \\"codemirror\\": { - \\"text\\": \\"#0E1116\\", + \\"text\\": \\"#24292F\\", \\"bg\\": \\"#ffffff\\", \\"guttersBg\\": \\"#ffffff\\", \\"guttermarkerText\\": \\"#ffffff\\", - \\"guttermarkerSubtleText\\": \\"#66707B\\", - \\"linenumberText\\": \\"#0E1116\\", - \\"cursor\\": \\"#0E1116\\", + \\"guttermarkerSubtleText\\": \\"#67707A\\", + \\"linenumberText\\": \\"#24292F\\", + \\"cursor\\": \\"#24292F\\", \\"selectionBg\\": \\"#368cf9\\", \\"activelineBg\\": \\"#E7ECF0\\", - \\"matchingbracketText\\": \\"#0E1116\\", + \\"matchingbracketText\\": \\"#24292F\\", \\"linesBg\\": \\"#ffffff\\", \\"syntax\\": { - \\"comment\\": \\"#0E1116\\", + \\"comment\\": \\"#24292F\\", \\"constant\\": \\"#023b95\\", \\"entity\\": \\"#622cbc\\", \\"keyword\\": \\"#a0111f\\", @@ -597,7 +577,7 @@ module.exports = { } }, \\"checks\\": { - \\"bg\\": \\"#0E1116\\", + \\"bg\\": \\"#24292F\\", \\"textPrimary\\": \\"#FFFFFF\\", \\"textSecondary\\": \\"#88929D\\", \\"textLink\\": \\"#368cf9\\", @@ -607,36 +587,36 @@ module.exports = { \\"inputText\\": \\"#E7ECF0\\", \\"inputPlaceholderText\\": \\"#88929D\\", \\"inputFocusText\\": \\"#88929D\\", - \\"inputBg\\": \\"#20252C\\", + \\"inputBg\\": \\"#30363D\\", \\"donutError\\": \\"#d5232c\\", \\"donutPending\\": \\"#956400\\", \\"donutSuccess\\": \\"#117f32\\", \\"donutNeutral\\": \\"#ACB6C0\\", \\"dropdownText\\": \\"#ACB6C0\\", - \\"dropdownBg\\": \\"#20252C\\", - \\"dropdownBorder\\": \\"#343B43\\", + \\"dropdownBg\\": \\"#30363D\\", + \\"dropdownBorder\\": \\"#3D454E\\", \\"dropdownShadow\\": \\"rgba(1,4,9,0.3)\\", \\"dropdownHoverText\\": \\"#FFFFFF\\", - \\"dropdownHoverBg\\": \\"#343B43\\", + \\"dropdownHoverBg\\": \\"#3D454E\\", \\"dropdownBtnHoverText\\": \\"#FFFFFF\\", - \\"dropdownBtnHoverBg\\": \\"#20252C\\", - \\"scrollbarThumbBg\\": \\"#4B535D\\", + \\"dropdownBtnHoverBg\\": \\"#30363D\\", + \\"scrollbarThumbBg\\": \\"#4F5760\\", \\"headerLabelText\\": \\"#CED5DC\\", \\"headerLabelOpenText\\": \\"#FFFFFF\\", - \\"headerBorder\\": \\"#20252C\\", + \\"headerBorder\\": \\"#30363D\\", \\"headerIcon\\": \\"#88929D\\", \\"lineText\\": \\"#CED5DC\\", \\"lineNumText\\": \\"rgba(136,146,157,0.75)\\", \\"lineTimestampText\\": \\"#88929D\\", - \\"lineHoverBg\\": \\"#20252C\\", + \\"lineHoverBg\\": \\"#30363D\\", \\"lineSelectedBg\\": \\"rgba(17,104,227,0.15)\\", \\"lineSelectedNumText\\": \\"#368cf9\\", - \\"lineDtFmText\\": \\"#0E1116\\", + \\"lineDtFmText\\": \\"#24292F\\", \\"lineDtFmBg\\": \\"#744500\\", \\"gateBg\\": \\"rgba(96,55,0,0.15)\\", \\"gateText\\": \\"#CED5DC\\", - \\"gateWaitingText\\": \\"#b58407\\", - \\"stepHeaderOpenBg\\": \\"#20252C\\", + \\"gateWaitingText\\": \\"#ACB6C0\\", + \\"stepHeaderOpenBg\\": \\"#30363D\\", \\"stepErrorText\\": \\"#ee5a5d\\", \\"stepWarningText\\": \\"#b58407\\", \\"loglineText\\": \\"#88929D\\", @@ -651,8 +631,8 @@ module.exports = { \\"loglineCommandText\\": \\"#368cf9\\", \\"loglineSectionText\\": \\"#26a148\\", \\"ansi\\": { - \\"black\\": \\"#0E1116\\", - \\"blackBright\\": \\"#20252C\\", + \\"black\\": \\"#24292F\\", + \\"blackBright\\": \\"#30363D\\", \\"white\\": \\"#CED5DC\\", \\"whiteBright\\": \\"#CED5DC\\", \\"gray\\": \\"#88929D\\", @@ -671,7 +651,7 @@ module.exports = { } }, \\"project\\": { - \\"headerBg\\": \\"#0E1116\\", + \\"headerBg\\": \\"#24292F\\", \\"sidebarBg\\": \\"#ffffff\\", \\"gradientIn\\": \\"#ffffff\\", \\"gradientOut\\": \\"rgba(255,255,255,0)\\" @@ -688,10 +668,7 @@ module.exports = { \\"stackFadeMore\\": \\"#CED5DC\\" }, \\"topicTag\\": { - \\"border\\": \\"#0349b4\\" - }, - \\"counter\\": { - \\"border\\": \\"#20252C\\" + \\"border\\": \\"rgba(0,0,0,0)\\" }, \\"selectMenu\\": { \\"backdropBorder\\": \\"rgba(0,0,0,0)\\", @@ -700,13 +677,12 @@ module.exports = { }, \\"header\\": { \\"text\\": \\"rgba(255,255,255,0.7)\\", - \\"bg\\": \\"#0E1116\\", - \\"divider\\": \\"#ACB6C0\\", + \\"bg\\": \\"#24292F\\", \\"logo\\": \\"#ffffff\\" }, \\"headerSearch\\": { - \\"bg\\": \\"#0E1116\\", - \\"border\\": \\"#4B535D\\" + \\"bg\\": \\"#24292F\\", + \\"border\\": \\"#4F5760\\" }, \\"sidenav\\": { \\"selectedBg\\": \\"#ffffff\\" @@ -721,11 +697,11 @@ module.exports = { \\"badgeBg\\": \\"#E7ECF0\\" }, \\"ansi\\": { - \\"black\\": \\"#0E1116\\", - \\"blackBright\\": \\"#4B535D\\", - \\"white\\": \\"#66707B\\", + \\"black\\": \\"#24292F\\", + \\"blackBright\\": \\"#4F5760\\", + \\"white\\": \\"#67707A\\", \\"whiteBright\\": \\"#88929D\\", - \\"gray\\": \\"#66707B\\", + \\"gray\\": \\"#67707A\\", \\"red\\": \\"#a0111f\\", \\"redBright\\": \\"#86061d\\", \\"green\\": \\"#024c1a\\", @@ -740,7 +716,7 @@ module.exports = { \\"cyanBright\\": \\"#3192aa\\" }, \\"btn\\": { - \\"text\\": \\"#0E1116\\", + \\"text\\": \\"#24292F\\", \\"bg\\": \\"#E7ECF0\\", \\"border\\": \\"rgba(1,4,9,0.8)\\", \\"hoverBg\\": \\"#CED5DC\\", @@ -800,28 +776,26 @@ module.exports = { } }, \\"underlinenav\\": { - \\"icon\\": \\"#66707B\\", + \\"icon\\": \\"#67707A\\", \\"borderHover\\": \\"rgba(172,182,192,0.2)\\" }, \\"actionListItem\\": { - \\"inlineDivider\\": \\"#88929D\\", + \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\", \\"default\\": { - \\"hoverBg\\": \\"#E7ECF0\\", - \\"hoverBorder\\": \\"#88929D\\", - \\"activeBg\\": \\"#CED5DC\\", - \\"activeBorder\\": \\"#20252C\\", - \\"selectedBg\\": \\"#CED5DC\\" + \\"hoverBg\\": \\"rgba(206,213,220,0.32)\\", + \\"activeBg\\": \\"rgba(206,213,220,0.48)\\", + \\"selectedBg\\": \\"rgba(206,213,220,0.24)\\" }, \\"danger\\": { - \\"hoverBg\\": \\"#a0111f\\", - \\"activeBg\\": \\"#6e011a\\", - \\"hoverText\\": \\"#ffffff\\" + \\"hoverBg\\": \\"rgba(255,240,238,0.64)\\", + \\"activeBg\\": \\"#fff0ee\\", + \\"hoverText\\": \\"#a0111f\\" } }, \\"fg\\": { - \\"default\\": \\"#0E1116\\", - \\"muted\\": \\"#0E1116\\", - \\"subtle\\": \\"#66707B\\", + \\"default\\": \\"#24292F\\", + \\"muted\\": \\"#24292F\\", + \\"subtle\\": \\"#67707A\\", \\"onEmphasis\\": \\"#ffffff\\" }, \\"canvas\\": { @@ -831,13 +805,13 @@ module.exports = { \\"subtle\\": \\"#E7ECF0\\" }, \\"border\\": { - \\"default\\": \\"#20252C\\", + \\"default\\": \\"#30363D\\", \\"muted\\": \\"#88929D\\", \\"subtle\\": \\"rgba(1,4,9,0.8)\\" }, \\"neutral\\": { - \\"emphasisPlus\\": \\"#0E1116\\", - \\"emphasis\\": \\"#66707B\\", + \\"emphasisPlus\\": \\"#24292F\\", + \\"emphasis\\": \\"#67707A\\", \\"muted\\": \\"rgba(172,182,192,0.2)\\", \\"subtle\\": \\"#E7ECF0\\" }, @@ -871,18 +845,6 @@ module.exports = { \\"muted\\": \\"#ee5a5d\\", \\"subtle\\": \\"#fff0ee\\" }, - \\"open\\": { - \\"fg\\": \\"#055d20\\", - \\"emphasis\\": \\"#117f32\\", - \\"muted\\": \\"rgba(38,161,72,0.4)\\", - \\"subtle\\": \\"#d2fedb\\" - }, - \\"closed\\": { - \\"fg\\": \\"#a0111f\\", - \\"emphasis\\": \\"#a0111f\\", - \\"muted\\": \\"rgba(238,90,93,0.4)\\", - \\"subtle\\": \\"#fff0ee\\" - }, \\"done\\": { \\"fg\\": \\"#622cbc\\", \\"emphasis\\": \\"#622cbc\\", @@ -924,7 +886,7 @@ module.exports = { \\"childShadow\\": \\"-2px -2px 0 rgba(255,255,255,0.8)\\" }, \\"overlay\\": { - \\"shadow\\": \\"0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(52,59,67,0.12)\\" + \\"shadow\\": \\"0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)\\" }, \\"btn\\": { \\"shadow\\": \\"0 1px 0 rgba(1,4,9,0.04)\\", @@ -969,7 +931,6 @@ module.exports = { \\"light_colorblind\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(255,255,255,0)\\", - \\"pageHeaderBg\\": \\"#f6f8fa\\", \\"marketingIcon\\": { \\"primary\\": \\"#218bff\\", \\"secondary\\": \\"#54aeff\\" @@ -978,16 +939,16 @@ module.exports = { \\"addition\\": { \\"numText\\": \\"#24292f\\", \\"fg\\": \\"#24292f\\", - \\"numBg\\": \\"rgba(84,174,255,0.4)\\", - \\"lineBg\\": \\"rgba(221,244,255,0.5)\\", - \\"wordBg\\": \\"rgba(84,174,255,0.4)\\" + \\"numBg\\": \\"rgba(53,173,255,0.4)\\", + \\"lineBg\\": \\"rgba(192,246,255,0.5)\\", + \\"wordBg\\": \\"rgba(53,173,255,0.4)\\" }, \\"deletion\\": { \\"numText\\": \\"#24292f\\", \\"fg\\": \\"#24292f\\", - \\"numBg\\": \\"rgba(247,153,57,0.4)\\", - \\"lineBg\\": \\"rgba(255,245,232,0.5)\\", - \\"wordBg\\": \\"rgba(255,188,109,0.5)\\" + \\"numBg\\": \\"rgba(231,161,0,0.4)\\", + \\"lineBg\\": \\"rgba(254,254,72,0.5)\\", + \\"wordBg\\": \\"rgba(248,194,0,0.5)\\" }, \\"hunk\\": { \\"numBg\\": \\"rgba(84,174,255,0.4)\\" @@ -999,7 +960,7 @@ module.exports = { \\"diffstat\\": { \\"deletionBorder\\": \\"rgba(27,31,36,0.15)\\", \\"additionBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"additionBg\\": \\"#218bff\\" + \\"additionBg\\": \\"#0088ff\\" }, \\"searchKeyword\\": { \\"hl\\": \\"#fff8c5\\" @@ -1010,26 +971,26 @@ module.exports = { \\"constant\\": \\"#0550ae\\", \\"entity\\": \\"#8250df\\", \\"storageModifierImport\\": \\"#24292f\\", - \\"entityTag\\": \\"#0550ae\\", - \\"keyword\\": \\"#b35900\\", + \\"entityTag\\": \\"#054da9\\", + \\"keyword\\": \\"#ac5e00\\", \\"string\\": \\"#0a3069\\", - \\"variable\\": \\"#8a4600\\", - \\"brackethighlighterUnmatched\\": \\"#6f3800\\", + \\"variable\\": \\"#953800\\", + \\"brackethighlighterUnmatched\\": \\"#6c3900\\", \\"invalidIllegalText\\": \\"#f6f8fa\\", - \\"invalidIllegalBg\\": \\"#6f3800\\", + \\"invalidIllegalBg\\": \\"#6c3900\\", \\"carriageReturnText\\": \\"#f6f8fa\\", - \\"carriageReturnBg\\": \\"#b35900\\", - \\"stringRegexp\\": \\"#0550ae\\", + \\"carriageReturnBg\\": \\"#ac5e00\\", + \\"stringRegexp\\": \\"#054da9\\", \\"markupList\\": \\"#3b2300\\", \\"markupHeading\\": \\"#0550ae\\", \\"markupItalic\\": \\"#24292f\\", \\"markupBold\\": \\"#24292f\\", - \\"markupDeletedText\\": \\"#6f3800\\", - \\"markupDeletedBg\\": \\"#fff5e8\\", - \\"markupInsertedText\\": \\"#0550ae\\", - \\"markupInsertedBg\\": \\"#ddf4ff\\", - \\"markupChangedText\\": \\"#8a4600\\", - \\"markupChangedBg\\": \\"#ffddb0\\", + \\"markupDeletedText\\": \\"#6c3900\\", + \\"markupDeletedBg\\": \\"#fefe48\\", + \\"markupInsertedText\\": \\"#054da9\\", + \\"markupInsertedBg\\": \\"#c0f6ff\\", + \\"markupChangedText\\": \\"#953800\\", + \\"markupChangedBg\\": \\"#ffd8b5\\", \\"markupIgnoredText\\": \\"#eaeef2\\", \\"markupIgnoredBg\\": \\"#0550ae\\", \\"metaDiffRange\\": \\"#8250df\\", @@ -1054,11 +1015,11 @@ module.exports = { \\"comment\\": \\"#24292f\\", \\"constant\\": \\"#0550ae\\", \\"entity\\": \\"#8250df\\", - \\"keyword\\": \\"#b35900\\", - \\"storage\\": \\"#b35900\\", + \\"keyword\\": \\"#ac5e00\\", + \\"storage\\": \\"#ac5e00\\", \\"string\\": \\"#0a3069\\", \\"support\\": \\"#0550ae\\", - \\"variable\\": \\"#8a4600\\" + \\"variable\\": \\"#953800\\" } }, \\"checks\\": { @@ -1073,9 +1034,9 @@ module.exports = { \\"inputPlaceholderText\\": \\"#8c959f\\", \\"inputFocusText\\": \\"#8c959f\\", \\"inputBg\\": \\"#32383f\\", - \\"donutError\\": \\"#dd7815\\", + \\"donutError\\": \\"#d08002\\", \\"donutPending\\": \\"#bf8700\\", - \\"donutSuccess\\": \\"#218bff\\", + \\"donutSuccess\\": \\"#0088ff\\", \\"donutNeutral\\": \\"#afb8c1\\", \\"dropdownText\\": \\"#afb8c1\\", \\"dropdownBg\\": \\"#32383f\\", @@ -1100,31 +1061,31 @@ module.exports = { \\"lineDtFmBg\\": \\"#9a6700\\", \\"gateBg\\": \\"rgba(125,78,0,0.15)\\", \\"gateText\\": \\"#d0d7de\\", - \\"gateWaitingText\\": \\"#d4a72c\\", + \\"gateWaitingText\\": \\"#afb8c1\\", \\"stepHeaderOpenBg\\": \\"#32383f\\", - \\"stepErrorText\\": \\"#f79939\\", + \\"stepErrorText\\": \\"#e7a100\\", \\"stepWarningText\\": \\"#d4a72c\\", \\"loglineText\\": \\"#8c959f\\", \\"loglineNumText\\": \\"rgba(140,149,159,0.75)\\", \\"loglineDebugText\\": \\"#c297ff\\", \\"loglineErrorText\\": \\"#d0d7de\\", - \\"loglineErrorNumText\\": \\"#f79939\\", - \\"loglineErrorBg\\": \\"rgba(138,70,0,0.15)\\", + \\"loglineErrorNumText\\": \\"#e7a100\\", + \\"loglineErrorBg\\": \\"rgba(139,70,0,0.15)\\", \\"loglineWarningText\\": \\"#d0d7de\\", \\"loglineWarningNumText\\": \\"#d4a72c\\", \\"loglineWarningBg\\": \\"rgba(125,78,0,0.15)\\", \\"loglineCommandText\\": \\"#54aeff\\", - \\"loglineSectionText\\": \\"#54aeff\\", + \\"loglineSectionText\\": \\"#35adff\\", \\"ansi\\": { \\"black\\": \\"#24292f\\", \\"blackBright\\": \\"#32383f\\", \\"white\\": \\"#d0d7de\\", \\"whiteBright\\": \\"#d0d7de\\", \\"gray\\": \\"#8c959f\\", - \\"red\\": \\"#f79939\\", - \\"redBright\\": \\"#ffbc6d\\", - \\"green\\": \\"#54aeff\\", - \\"greenBright\\": \\"#80ccff\\", + \\"red\\": \\"#e7a100\\", + \\"redBright\\": \\"#f8c200\\", + \\"green\\": \\"#35adff\\", + \\"greenBright\\": \\"#65ccff\\", \\"yellow\\": \\"#d4a72c\\", \\"yellowBright\\": \\"#eac54f\\", \\"blue\\": \\"#54aeff\\", @@ -1155,9 +1116,6 @@ module.exports = { \\"topicTag\\": { \\"border\\": \\"rgba(0,0,0,0)\\" }, - \\"counter\\": { - \\"border\\": \\"rgba(0,0,0,0)\\" - }, \\"selectMenu\\": { \\"backdropBorder\\": \\"rgba(0,0,0,0)\\", \\"tapHighlight\\": \\"rgba(175,184,193,0.5)\\", @@ -1166,7 +1124,6 @@ module.exports = { \\"header\\": { \\"text\\": \\"rgba(255,255,255,0.7)\\", \\"bg\\": \\"#24292f\\", - \\"divider\\": \\"#57606a\\", \\"logo\\": \\"#ffffff\\" }, \\"headerSearch\\": { @@ -1191,10 +1148,10 @@ module.exports = { \\"white\\": \\"#6e7781\\", \\"whiteBright\\": \\"#8c959f\\", \\"gray\\": \\"#6e7781\\", - \\"red\\": \\"#b35900\\", - \\"redBright\\": \\"#8a4600\\", - \\"green\\": \\"#0550ae\\", - \\"greenBright\\": \\"#0969da\\", + \\"red\\": \\"#ac5e00\\", + \\"redBright\\": \\"#8b4600\\", + \\"green\\": \\"#054da9\\", + \\"greenBright\\": \\"#0566d5\\", \\"yellow\\": \\"#4d2d00\\", \\"yellowBright\\": \\"#633c01\\", \\"blue\\": \\"#0969da\\", @@ -1218,15 +1175,15 @@ module.exports = { \\"counterBg\\": \\"rgba(27,31,36,0.08)\\", \\"primary\\": { \\"text\\": \\"#ffffff\\", - \\"bg\\": \\"#218bff\\", + \\"bg\\": \\"#0088ff\\", \\"border\\": \\"rgba(27,31,36,0.15)\\", - \\"hoverBg\\": \\"#0969da\\", + \\"hoverBg\\": \\"#0566d5\\", \\"hoverBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"selectedBg\\": \\"hsla(212,92%,43%,1)\\", + \\"selectedBg\\": \\"hsla(212,95%,41%,1)\\", \\"disabledText\\": \\"rgba(255,255,255,0.8)\\", - \\"disabledBg\\": \\"#80ccff\\", + \\"disabledBg\\": \\"#65ccff\\", \\"disabledBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"focusBg\\": \\"#218bff\\", + \\"focusBg\\": \\"#0088ff\\", \\"focusBorder\\": \\"rgba(27,31,36,0.15)\\", \\"icon\\": \\"rgba(255,255,255,0.8)\\", \\"counterBg\\": \\"rgba(255,255,255,0.2)\\" @@ -1247,20 +1204,20 @@ module.exports = { \\"counterBg\\": \\"rgba(9,105,218,0.1)\\" }, \\"danger\\": { - \\"text\\": \\"#b35900\\", + \\"text\\": \\"#ac5e00\\", \\"hoverText\\": \\"#ffffff\\", - \\"hoverBg\\": \\"#8a4600\\", + \\"hoverBg\\": \\"#8b4600\\", \\"hoverBorder\\": \\"rgba(27,31,36,0.15)\\", \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", \\"selectedText\\": \\"#ffffff\\", - \\"selectedBg\\": \\"hsla(30,100%,32%,1)\\", + \\"selectedBg\\": \\"hsla(33,100%,31%,1)\\", \\"selectedBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"disabledText\\": \\"rgba(179,89,0,0.5)\\", + \\"disabledText\\": \\"rgba(172,94,0,0.5)\\", \\"disabledBg\\": \\"#f6f8fa\\", - \\"disabledCounterBg\\": \\"rgba(179,89,0,0.05)\\", + \\"disabledCounterBg\\": \\"rgba(172,94,0,0.05)\\", \\"focusBorder\\": \\"rgba(27,31,36,0.15)\\", - \\"counterBg\\": \\"rgba(179,89,0,0.1)\\", - \\"icon\\": \\"#b35900\\", + \\"counterBg\\": \\"rgba(172,94,0,0.1)\\", + \\"icon\\": \\"#ac5e00\\", \\"hoverIcon\\": \\"#ffffff\\" } }, @@ -1272,15 +1229,13 @@ module.exports = { \\"inlineDivider\\": \\"rgba(208,215,222,0.48)\\", \\"default\\": { \\"hoverBg\\": \\"rgba(208,215,222,0.32)\\", - \\"hoverBorder\\": \\"rgba(0,0,0,0)\\", \\"activeBg\\": \\"rgba(208,215,222,0.48)\\", - \\"activeBorder\\": \\"rgba(0,0,0,0)\\", \\"selectedBg\\": \\"rgba(208,215,222,0.24)\\" }, \\"danger\\": { - \\"hoverBg\\": \\"rgba(255,245,232,0.64)\\", - \\"activeBg\\": \\"#fff5e8\\", - \\"hoverText\\": \\"#b35900\\" + \\"hoverBg\\": \\"rgba(254,254,72,0.64)\\", + \\"activeBg\\": \\"#fefe48\\", + \\"hoverText\\": \\"#ac5e00\\" } }, \\"fg\\": { @@ -1313,10 +1268,10 @@ module.exports = { \\"subtle\\": \\"#ddf4ff\\" }, \\"success\\": { - \\"fg\\": \\"#0969da\\", - \\"emphasis\\": \\"#218bff\\", - \\"muted\\": \\"rgba(84,174,255,0.4)\\", - \\"subtle\\": \\"#ddf4ff\\" + \\"fg\\": \\"#0566d5\\", + \\"emphasis\\": \\"#0088ff\\", + \\"muted\\": \\"rgba(53,173,255,0.4)\\", + \\"subtle\\": \\"#c0f6ff\\" }, \\"attention\\": { \\"fg\\": \\"#9a6700\\", @@ -1325,28 +1280,16 @@ module.exports = { \\"subtle\\": \\"#fff8c5\\" }, \\"severe\\": { - \\"fg\\": \\"#b35900\\", - \\"emphasis\\": \\"#b35900\\", - \\"muted\\": \\"rgba(247,153,57,0.4)\\", - \\"subtle\\": \\"#fff5e8\\" + \\"fg\\": \\"#bc4c00\\", + \\"emphasis\\": \\"#bc4c00\\", + \\"muted\\": \\"rgba(251,143,68,0.4)\\", + \\"subtle\\": \\"#fff1e5\\" }, \\"danger\\": { - \\"fg\\": \\"#b35900\\", - \\"emphasis\\": \\"#b35900\\", - \\"muted\\": \\"rgba(247,153,57,0.4)\\", - \\"subtle\\": \\"#fff5e8\\" - }, - \\"open\\": { - \\"fg\\": \\"#b35900\\", - \\"emphasis\\": \\"#dd7815\\", - \\"muted\\": \\"rgba(247,153,57,0.4)\\", - \\"subtle\\": \\"#fff5e8\\" - }, - \\"closed\\": { - \\"fg\\": \\"#6e7781\\", - \\"emphasis\\": \\"#6e7781\\", - \\"muted\\": \\"rgba(175,184,193,0.4)\\", - \\"subtle\\": \\"#f6f8fa\\" + \\"fg\\": \\"#ac5e00\\", + \\"emphasis\\": \\"#ac5e00\\", + \\"muted\\": \\"rgba(231,161,0,0.4)\\", + \\"subtle\\": \\"#fefe48\\" }, \\"done\\": { \\"fg\\": \\"#8250df\\", @@ -1400,8 +1343,8 @@ module.exports = { \\"primary\\": { \\"shadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\", \\"insetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\", - \\"selectedShadow\\": \\"inset 0 1px 0 rgba(0,33,85,0.2)\\", - \\"focusShadow\\": \\"0 0 0 3px rgba(33,139,255,0.4)\\" + \\"selectedShadow\\": \\"inset 0 1px 0 rgba(0,31,80,0.2)\\", + \\"focusShadow\\": \\"0 0 0 3px rgba(0,136,255,0.4)\\" }, \\"outline\\": { \\"hoverShadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\", @@ -1412,8 +1355,8 @@ module.exports = { \\"danger\\": { \\"hoverShadow\\": \\"0 1px 0 rgba(27,31,36,0.1)\\", \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\", - \\"selectedShadow\\": \\"inset 0 1px 0 rgba(65,32,0,0.2)\\", - \\"focusShadow\\": \\"0 0 0 3px rgba(138,70,0,0.4)\\" + \\"selectedShadow\\": \\"inset 0 1px 0 rgba(47,41,0,0.2)\\", + \\"focusShadow\\": \\"0 0 0 3px rgba(139,70,0,0.4)\\" } }, \\"shadow\\": { @@ -1434,7 +1377,6 @@ module.exports = { \\"dark\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(13,17,23,0)\\", - \\"pageHeaderBg\\": \\"#0d1117\\", \\"marketingIcon\\": { \\"primary\\": \\"#79c0ff\\", \\"secondary\\": \\"#1f6feb\\" @@ -1561,7 +1503,7 @@ module.exports = { \\"lineHoverBg\\": \\"rgba(110,118,129,0.1)\\", \\"lineSelectedBg\\": \\"rgba(56,139,253,0.15)\\", \\"lineSelectedNumText\\": \\"#58a6ff\\", - \\"lineDtFmText\\": \\"#ffffff\\", + \\"lineDtFmText\\": \\"#f0f6fc\\", \\"lineDtFmBg\\": \\"#9e6a03\\", \\"gateBg\\": \\"rgba(187,128,9,0.15)\\", \\"gateText\\": \\"#8b949e\\", @@ -1612,7 +1554,7 @@ module.exports = { } }, \\"avatar\\": { - \\"bg\\": \\"rgba(255,255,255,0.1)\\", + \\"bg\\": \\"rgba(240,246,252,0.1)\\", \\"border\\": \\"rgba(240,246,252,0.1)\\", \\"stackFade\\": \\"#30363d\\", \\"stackFadeMore\\": \\"#21262d\\" @@ -1620,18 +1562,14 @@ module.exports = { \\"topicTag\\": { \\"border\\": \\"rgba(0,0,0,0)\\" }, - \\"counter\\": { - \\"border\\": \\"rgba(0,0,0,0)\\" - }, \\"selectMenu\\": { \\"backdropBorder\\": \\"#484f58\\", \\"tapHighlight\\": \\"rgba(48,54,61,0.5)\\", \\"tapFocusBg\\": \\"#0c2d6b\\" }, \\"header\\": { - \\"text\\": \\"rgba(255,255,255,0.7)\\", + \\"text\\": \\"rgba(240,246,252,0.7)\\", \\"bg\\": \\"#161b22\\", - \\"divider\\": \\"#8b949e\\", \\"logo\\": \\"#f0f6fc\\" }, \\"headerSearch\\": { @@ -1654,7 +1592,7 @@ module.exports = { \\"black\\": \\"#484f58\\", \\"blackBright\\": \\"#6e7681\\", \\"white\\": \\"#b1bac4\\", - \\"whiteBright\\": \\"#ffffff\\", + \\"whiteBright\\": \\"#f0f6fc\\", \\"gray\\": \\"#6e7681\\", \\"red\\": \\"#ff7b72\\", \\"redBright\\": \\"#ffa198\\", @@ -1688,21 +1626,21 @@ module.exports = { \\"hoverBg\\": \\"#2ea043\\", \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\", \\"selectedBg\\": \\"#238636\\", - \\"disabledText\\": \\"rgba(255,255,255,0.5)\\", + \\"disabledText\\": \\"rgba(240,246,252,0.5)\\", \\"disabledBg\\": \\"rgba(35,134,54,0.6)\\", \\"disabledBorder\\": \\"rgba(240,246,252,0.1)\\", \\"focusBg\\": \\"#238636\\", \\"focusBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"icon\\": \\"#ffffff\\", - \\"counterBg\\": \\"rgba(255,255,255,0.2)\\" + \\"icon\\": \\"#f0f6fc\\", + \\"counterBg\\": \\"rgba(240,246,252,0.2)\\" }, \\"outline\\": { \\"text\\": \\"#58a6ff\\", \\"hoverText\\": \\"#58a6ff\\", \\"hoverBg\\": \\"#30363d\\", \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", - \\"selectedText\\": \\"#ffffff\\", + \\"hoverCounterBg\\": \\"rgba(240,246,252,0.2)\\", + \\"selectedText\\": \\"#f0f6fc\\", \\"selectedBg\\": \\"#0d419d\\", \\"selectedBorder\\": \\"rgba(240,246,252,0.1)\\", \\"disabledText\\": \\"rgba(88,166,255,0.5)\\", @@ -1713,10 +1651,10 @@ module.exports = { }, \\"danger\\": { \\"text\\": \\"#f85149\\", - \\"hoverText\\": \\"#ffffff\\", + \\"hoverText\\": \\"#f0f6fc\\", \\"hoverBg\\": \\"#da3633\\", \\"hoverBorder\\": \\"#f85149\\", - \\"hoverIcon\\": \\"#ffffff\\", + \\"hoverIcon\\": \\"#f0f6fc\\", \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", \\"selectedText\\": \\"#ffffff\\", \\"selectedBg\\": \\"#b62324\\", @@ -1737,9 +1675,7 @@ module.exports = { \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\", \\"default\\": { \\"hoverBg\\": \\"rgba(177,186,196,0.12)\\", - \\"hoverBorder\\": \\"rgba(0,0,0,0)\\", \\"activeBg\\": \\"rgba(177,186,196,0.2)\\", - \\"activeBorder\\": \\"rgba(0,0,0,0)\\", \\"selectedBg\\": \\"rgba(177,186,196,0.08)\\" }, \\"danger\\": { @@ -1752,7 +1688,7 @@ module.exports = { \\"default\\": \\"#c9d1d9\\", \\"muted\\": \\"#8b949e\\", \\"subtle\\": \\"#484f58\\", - \\"onEmphasis\\": \\"#ffffff\\" + \\"onEmphasis\\": \\"#f0f6fc\\" }, \\"canvas\\": { \\"default\\": \\"#0d1117\\", @@ -1801,18 +1737,6 @@ module.exports = { \\"muted\\": \\"rgba(248,81,73,0.4)\\", \\"subtle\\": \\"rgba(248,81,73,0.15)\\" }, - \\"open\\": { - \\"fg\\": \\"#3fb950\\", - \\"emphasis\\": \\"#238636\\", - \\"muted\\": \\"rgba(46,160,67,0.4)\\", - \\"subtle\\": \\"rgba(46,160,67,0.15)\\" - }, - \\"closed\\": { - \\"fg\\": \\"#f85149\\", - \\"emphasis\\": \\"#da3633\\", - \\"muted\\": \\"rgba(248,81,73,0.4)\\", - \\"subtle\\": \\"rgba(248,81,73,0.15)\\" - }, \\"done\\": { \\"fg\\": \\"#a371f7\\", \\"emphasis\\": \\"#8957e5\\", @@ -1835,7 +1759,7 @@ module.exports = { }, \\"border\\": { \\"active\\": \\"#F78166\\", - \\"contrast\\": \\"rgba(255,255,255,0.2)\\" + \\"contrast\\": \\"rgba(240,246,252,0.2)\\" } } }, @@ -1873,7 +1797,7 @@ module.exports = { }, \\"outline\\": { \\"hoverShadow\\": \\"0 1px 0 rgba(1,4,9,0.1)\\", - \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\", + \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(240,246,252,0.03)\\", \\"selectedShadow\\": \\"0 0 transparent\\", \\"focusShadow\\": \\"0 0 0 3px rgba(17,88,199,0.4)\\" }, @@ -1902,7 +1826,6 @@ module.exports = { \\"dark_dimmed\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(34,39,46,0)\\", - \\"pageHeaderBg\\": \\"#22272e\\", \\"marketingIcon\\": { \\"primary\\": \\"#6cb6ff\\", \\"secondary\\": \\"#316dca\\" @@ -2088,9 +2011,6 @@ module.exports = { \\"topicTag\\": { \\"border\\": \\"rgba(0,0,0,0)\\" }, - \\"counter\\": { - \\"border\\": \\"rgba(0,0,0,0)\\" - }, \\"selectMenu\\": { \\"backdropBorder\\": \\"#545d68\\", \\"tapHighlight\\": \\"rgba(68,76,86,0.5)\\", @@ -2099,7 +2019,6 @@ module.exports = { \\"header\\": { \\"text\\": \\"rgba(205,217,229,0.7)\\", \\"bg\\": \\"#2d333b\\", - \\"divider\\": \\"#768390\\", \\"logo\\": \\"#cdd9e5\\" }, \\"headerSearch\\": { @@ -2205,9 +2124,7 @@ module.exports = { \\"inlineDivider\\": \\"rgba(68,76,86,0.48)\\", \\"default\\": { \\"hoverBg\\": \\"rgba(144,157,171,0.12)\\", - \\"hoverBorder\\": \\"rgba(0,0,0,0)\\", \\"activeBg\\": \\"rgba(144,157,171,0.2)\\", - \\"activeBorder\\": \\"rgba(0,0,0,0)\\", \\"selectedBg\\": \\"rgba(144,157,171,0.08)\\" }, \\"danger\\": { @@ -2269,18 +2186,6 @@ module.exports = { \\"muted\\": \\"rgba(229,83,75,0.4)\\", \\"subtle\\": \\"rgba(229,83,75,0.15)\\" }, - \\"open\\": { - \\"fg\\": \\"#57ab5a\\", - \\"emphasis\\": \\"#347d39\\", - \\"muted\\": \\"rgba(70,149,74,0.4)\\", - \\"subtle\\": \\"rgba(70,149,74,0.15)\\" - }, - \\"closed\\": { - \\"fg\\": \\"#e5534b\\", - \\"emphasis\\": \\"#c93c37\\", - \\"muted\\": \\"rgba(229,83,75,0.4)\\", - \\"subtle\\": \\"rgba(229,83,75,0.15)\\" - }, \\"done\\": { \\"fg\\": \\"#986ee2\\", \\"emphasis\\": \\"#8256d0\\", @@ -2370,7 +2275,6 @@ module.exports = { \\"dark_high_contrast\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(10,12,16,0)\\", - \\"pageHeaderBg\\": \\"#0a0c10\\", \\"marketingIcon\\": { \\"primary\\": \\"#91cbff\\", \\"secondary\\": \\"#409eff\\" @@ -2394,7 +2298,7 @@ module.exports = { \\"numBg\\": \\"rgba(64,158,255,0.4)\\" }, \\"expander\\": { - \\"icon\\": \\"#f0f3f6\\" + \\"icon\\": \\"#0a0c10\\" } }, \\"diffstat\\": { @@ -2556,9 +2460,6 @@ module.exports = { \\"topicTag\\": { \\"border\\": \\"#409eff\\" }, - \\"counter\\": { - \\"border\\": \\"rgba(0,0,0,0)\\" - }, \\"selectMenu\\": { \\"backdropBorder\\": \\"#7a828e\\", \\"tapHighlight\\": \\"rgba(82,89,100,0.5)\\", @@ -2567,7 +2468,6 @@ module.exports = { \\"header\\": { \\"text\\": \\"rgba(255,255,255,0.7)\\", \\"bg\\": \\"#272b33\\", - \\"divider\\": \\"#bdc4cc\\", \\"logo\\": \\"#ffffff\\" }, \\"headerSearch\\": { @@ -2672,11 +2572,9 @@ module.exports = { \\"actionListItem\\": { \\"inlineDivider\\": \\"#7a828e\\", \\"default\\": { - \\"hoverBg\\": \\"#272b33\\", - \\"hoverBorder\\": \\"#7a828e\\", - \\"activeBg\\": \\"#525964\\", - \\"activeBorder\\": \\"#9ea7b3\\", - \\"selectedBg\\": \\"#525964\\" + \\"hoverBg\\": \\"rgba(217,222,227,0.12)\\", + \\"activeBg\\": \\"rgba(217,222,227,0.24)\\", + \\"selectedBg\\": \\"rgba(217,222,227,0.08)\\" }, \\"danger\\": { \\"hoverBg\\": \\"#ff6a69\\", @@ -2737,18 +2635,6 @@ module.exports = { \\"muted\\": \\"#ff6a69\\", \\"subtle\\": \\"rgba(255,106,105,0.15)\\" }, - \\"open\\": { - \\"fg\\": \\"#26cd4d\\", - \\"emphasis\\": \\"#09b43a\\", - \\"muted\\": \\"rgba(9,180,58,0.4)\\", - \\"subtle\\": \\"rgba(9,180,58,0.15)\\" - }, - \\"closed\\": { - \\"fg\\": \\"#ff6a69\\", - \\"emphasis\\": \\"#ff6a69\\", - \\"muted\\": \\"rgba(255,106,105,0.4)\\", - \\"subtle\\": \\"rgba(255,106,105,0.15)\\" - }, \\"done\\": { \\"fg\\": \\"#b780ff\\", \\"emphasis\\": \\"#b87fff\\", @@ -2838,7 +2724,6 @@ module.exports = { \\"dark_colorblind\\": { \\"colors\\": { \\"canvasDefaultTransparent\\": \\"rgba(13,17,23,0)\\", - \\"pageHeaderBg\\": \\"#0d1117\\", \\"marketingIcon\\": { \\"primary\\": \\"#79c0ff\\", \\"secondary\\": \\"#1f6feb\\" @@ -2847,16 +2732,16 @@ module.exports = { \\"addition\\": { \\"numText\\": \\"#c9d1d9\\", \\"fg\\": \\"#c9d1d9\\", - \\"numBg\\": \\"rgba(88,166,255,0.3)\\", - \\"lineBg\\": \\"rgba(56,139,253,0.15)\\", - \\"wordBg\\": \\"rgba(56,139,253,0.4)\\" + \\"numBg\\": \\"rgba(66,160,255,0.3)\\", + \\"lineBg\\": \\"rgba(21,133,253,0.15)\\", + \\"wordBg\\": \\"rgba(21,133,253,0.4)\\" }, \\"deletion\\": { \\"numText\\": \\"#c9d1d9\\", \\"fg\\": \\"#c9d1d9\\", - \\"numBg\\": \\"rgba(212,118,22,0.3)\\", - \\"lineBg\\": \\"rgba(212,118,22,0.15)\\", - \\"wordBg\\": \\"rgba(212,118,22,0.4)\\" + \\"numBg\\": \\"rgba(195,128,0,0.3)\\", + \\"lineBg\\": \\"rgba(195,128,0,0.15)\\", + \\"wordBg\\": \\"rgba(195,128,0,0.4)\\" }, \\"hunk\\": { \\"numBg\\": \\"rgba(56,139,253,0.4)\\" @@ -2868,7 +2753,7 @@ module.exports = { \\"diffstat\\": { \\"deletionBorder\\": \\"rgba(240,246,252,0.1)\\", \\"additionBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"additionBg\\": \\"#58a6ff\\" + \\"additionBg\\": \\"#42a0ff\\" }, \\"searchKeyword\\": { \\"hl\\": \\"rgba(210,153,34,0.4)\\" @@ -2879,26 +2764,26 @@ module.exports = { \\"constant\\": \\"#79c0ff\\", \\"entity\\": \\"#d2a8ff\\", \\"storageModifierImport\\": \\"#c9d1d9\\", - \\"entityTag\\": \\"#a5d6ff\\", - \\"keyword\\": \\"#ec8e2c\\", + \\"entityTag\\": \\"#83d4ff\\", + \\"keyword\\": \\"#d69a00\\", \\"string\\": \\"#a5d6ff\\", - \\"variable\\": \\"#fdac54\\", - \\"brackethighlighterUnmatched\\": \\"#d47616\\", + \\"variable\\": \\"#ffa657\\", + \\"brackethighlighterUnmatched\\": \\"#c38000\\", \\"invalidIllegalText\\": \\"#f0f6fc\\", - \\"invalidIllegalBg\\": \\"#6c3906\\", + \\"invalidIllegalBg\\": \\"#633e00\\", \\"carriageReturnText\\": \\"#f0f6fc\\", - \\"carriageReturnBg\\": \\"#914d04\\", - \\"stringRegexp\\": \\"#a5d6ff\\", + \\"carriageReturnBg\\": \\"#865401\\", + \\"stringRegexp\\": \\"#83d4ff\\", \\"markupList\\": \\"#f2cc60\\", \\"markupHeading\\": \\"#1f6feb\\", \\"markupItalic\\": \\"#c9d1d9\\", \\"markupBold\\": \\"#c9d1d9\\", - \\"markupDeletedText\\": \\"#ffe2bb\\", - \\"markupDeletedBg\\": \\"#4e2906\\", - \\"markupInsertedText\\": \\"#cae8ff\\", - \\"markupInsertedBg\\": \\"#0c2d6b\\", - \\"markupChangedText\\": \\"#ffe2bb\\", - \\"markupChangedBg\\": \\"#4e2906\\", + \\"markupDeletedText\\": \\"#f0ec59\\", + \\"markupDeletedBg\\": \\"#452f00\\", + \\"markupInsertedText\\": \\"#a0e8ff\\", + \\"markupInsertedBg\\": \\"#0a2861\\", + \\"markupChangedText\\": \\"#ffdfb6\\", + \\"markupChangedBg\\": \\"#5a1e02\\", \\"markupIgnoredText\\": \\"#c9d1d9\\", \\"markupIgnoredBg\\": \\"#1158c7\\", \\"metaDiffRange\\": \\"#d2a8ff\\", @@ -2923,11 +2808,11 @@ module.exports = { \\"comment\\": \\"#8b949e\\", \\"constant\\": \\"#79c0ff\\", \\"entity\\": \\"#d2a8ff\\", - \\"keyword\\": \\"#ec8e2c\\", - \\"storage\\": \\"#ec8e2c\\", + \\"keyword\\": \\"#d69a00\\", + \\"storage\\": \\"#d69a00\\", \\"string\\": \\"#a5d6ff\\", \\"support\\": \\"#79c0ff\\", - \\"variable\\": \\"#fdac54\\" + \\"variable\\": \\"#ffa657\\" } }, \\"checks\\": { @@ -2942,9 +2827,9 @@ module.exports = { \\"inputPlaceholderText\\": \\"#484f58\\", \\"inputFocusText\\": \\"#c9d1d9\\", \\"inputBg\\": \\"#161b22\\", - \\"donutError\\": \\"#d47616\\", + \\"donutError\\": \\"#c38000\\", \\"donutPending\\": \\"#d29922\\", - \\"donutSuccess\\": \\"#388bfd\\", + \\"donutSuccess\\": \\"#1585fd\\", \\"donutNeutral\\": \\"#8b949e\\", \\"dropdownText\\": \\"#c9d1d9\\", \\"dropdownBg\\": \\"#161b22\\", @@ -2965,35 +2850,35 @@ module.exports = { \\"lineHoverBg\\": \\"rgba(110,118,129,0.1)\\", \\"lineSelectedBg\\": \\"rgba(56,139,253,0.15)\\", \\"lineSelectedNumText\\": \\"#58a6ff\\", - \\"lineDtFmText\\": \\"#ffffff\\", + \\"lineDtFmText\\": \\"#f0f6fc\\", \\"lineDtFmBg\\": \\"#9e6a03\\", \\"gateBg\\": \\"rgba(187,128,9,0.15)\\", \\"gateText\\": \\"#8b949e\\", \\"gateWaitingText\\": \\"#d29922\\", \\"stepHeaderOpenBg\\": \\"#161b22\\", - \\"stepErrorText\\": \\"#d47616\\", + \\"stepErrorText\\": \\"#c38000\\", \\"stepWarningText\\": \\"#d29922\\", \\"loglineText\\": \\"#8b949e\\", \\"loglineNumText\\": \\"#484f58\\", \\"loglineDebugText\\": \\"#a371f7\\", \\"loglineErrorText\\": \\"#8b949e\\", \\"loglineErrorNumText\\": \\"#484f58\\", - \\"loglineErrorBg\\": \\"rgba(212,118,22,0.15)\\", + \\"loglineErrorBg\\": \\"rgba(195,128,0,0.15)\\", \\"loglineWarningText\\": \\"#8b949e\\", \\"loglineWarningNumText\\": \\"#d29922\\", \\"loglineWarningBg\\": \\"rgba(187,128,9,0.15)\\", \\"loglineCommandText\\": \\"#58a6ff\\", - \\"loglineSectionText\\": \\"#58a6ff\\", + \\"loglineSectionText\\": \\"#42a0ff\\", \\"ansi\\": { \\"black\\": \\"#0d1117\\", \\"blackBright\\": \\"#161b22\\", \\"white\\": \\"#b1bac4\\", \\"whiteBright\\": \\"#b1bac4\\", \\"gray\\": \\"#6e7681\\", - \\"red\\": \\"#ec8e2c\\", - \\"redBright\\": \\"#fdac54\\", - \\"green\\": \\"#58a6ff\\", - \\"greenBright\\": \\"#79c0ff\\", + \\"red\\": \\"#d69a00\\", + \\"redBright\\": \\"#e6b716\\", + \\"green\\": \\"#42a0ff\\", + \\"greenBright\\": \\"#66baff\\", \\"yellow\\": \\"#d29922\\", \\"yellowBright\\": \\"#e3b341\\", \\"blue\\": \\"#58a6ff\\", @@ -3016,7 +2901,7 @@ module.exports = { } }, \\"avatar\\": { - \\"bg\\": \\"rgba(255,255,255,0.1)\\", + \\"bg\\": \\"rgba(240,246,252,0.1)\\", \\"border\\": \\"rgba(240,246,252,0.1)\\", \\"stackFade\\": \\"#30363d\\", \\"stackFadeMore\\": \\"#21262d\\" @@ -3024,18 +2909,14 @@ module.exports = { \\"topicTag\\": { \\"border\\": \\"rgba(0,0,0,0)\\" }, - \\"counter\\": { - \\"border\\": \\"rgba(0,0,0,0)\\" - }, \\"selectMenu\\": { \\"backdropBorder\\": \\"#484f58\\", \\"tapHighlight\\": \\"rgba(48,54,61,0.5)\\", \\"tapFocusBg\\": \\"#0c2d6b\\" }, \\"header\\": { - \\"text\\": \\"rgba(255,255,255,0.7)\\", + \\"text\\": \\"rgba(240,246,252,0.7)\\", \\"bg\\": \\"#161b22\\", - \\"divider\\": \\"#8b949e\\", \\"logo\\": \\"#f0f6fc\\" }, \\"headerSearch\\": { @@ -3058,12 +2939,12 @@ module.exports = { \\"black\\": \\"#484f58\\", \\"blackBright\\": \\"#6e7681\\", \\"white\\": \\"#b1bac4\\", - \\"whiteBright\\": \\"#ffffff\\", + \\"whiteBright\\": \\"#f0f6fc\\", \\"gray\\": \\"#6e7681\\", - \\"red\\": \\"#ec8e2c\\", - \\"redBright\\": \\"#fdac54\\", - \\"green\\": \\"#58a6ff\\", - \\"greenBright\\": \\"#79c0ff\\", + \\"red\\": \\"#d69a00\\", + \\"redBright\\": \\"#e6b716\\", + \\"green\\": \\"#42a0ff\\", + \\"greenBright\\": \\"#66baff\\", \\"yellow\\": \\"#d29922\\", \\"yellowBright\\": \\"#e3b341\\", \\"blue\\": \\"#58a6ff\\", @@ -3087,26 +2968,26 @@ module.exports = { \\"counterBg\\": \\"#30363d\\", \\"primary\\": { \\"text\\": \\"#ffffff\\", - \\"bg\\": \\"#1f6feb\\", + \\"bg\\": \\"#1d69e0\\", \\"border\\": \\"rgba(240,246,252,0.1)\\", - \\"hoverBg\\": \\"#388bfd\\", + \\"hoverBg\\": \\"#1585fd\\", \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"selectedBg\\": \\"#1f6feb\\", - \\"disabledText\\": \\"rgba(255,255,255,0.5)\\", - \\"disabledBg\\": \\"rgba(31,111,235,0.6)\\", + \\"selectedBg\\": \\"#1d69e0\\", + \\"disabledText\\": \\"rgba(240,246,252,0.5)\\", + \\"disabledBg\\": \\"rgba(29,105,224,0.6)\\", \\"disabledBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"focusBg\\": \\"#1f6feb\\", + \\"focusBg\\": \\"#1d69e0\\", \\"focusBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"icon\\": \\"#ffffff\\", - \\"counterBg\\": \\"rgba(255,255,255,0.2)\\" + \\"icon\\": \\"#f0f6fc\\", + \\"counterBg\\": \\"rgba(240,246,252,0.2)\\" }, \\"outline\\": { \\"text\\": \\"#58a6ff\\", \\"hoverText\\": \\"#58a6ff\\", \\"hoverBg\\": \\"#30363d\\", \\"hoverBorder\\": \\"rgba(240,246,252,0.1)\\", - \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", - \\"selectedText\\": \\"#ffffff\\", + \\"hoverCounterBg\\": \\"rgba(240,246,252,0.2)\\", + \\"selectedText\\": \\"#f0f6fc\\", \\"selectedBg\\": \\"#0d419d\\", \\"selectedBorder\\": \\"rgba(240,246,252,0.1)\\", \\"disabledText\\": \\"rgba(88,166,255,0.5)\\", @@ -3116,21 +2997,21 @@ module.exports = { \\"counterBg\\": \\"rgba(31,111,235,0.1)\\" }, \\"danger\\": { - \\"text\\": \\"#d47616\\", - \\"hoverText\\": \\"#ffffff\\", - \\"hoverBg\\": \\"#b76100\\", - \\"hoverBorder\\": \\"#d47616\\", - \\"hoverIcon\\": \\"#ffffff\\", + \\"text\\": \\"#c38000\\", + \\"hoverText\\": \\"#f0f6fc\\", + \\"hoverBg\\": \\"#a66900\\", + \\"hoverBorder\\": \\"#c38000\\", + \\"hoverIcon\\": \\"#f0f6fc\\", \\"hoverCounterBg\\": \\"rgba(255,255,255,0.2)\\", \\"selectedText\\": \\"#ffffff\\", - \\"selectedBg\\": \\"#914d04\\", - \\"selectedBorder\\": \\"#ec8e2c\\", - \\"disabledText\\": \\"rgba(212,118,22,0.5)\\", + \\"selectedBg\\": \\"#865401\\", + \\"selectedBorder\\": \\"#d69a00\\", + \\"disabledText\\": \\"rgba(195,128,0,0.5)\\", \\"disabledBg\\": \\"#0d1117\\", - \\"disabledCounterBg\\": \\"rgba(183,97,0,0.05)\\", - \\"focusBorder\\": \\"#d47616\\", - \\"counterBg\\": \\"rgba(183,97,0,0.1)\\", - \\"icon\\": \\"#d47616\\" + \\"disabledCounterBg\\": \\"rgba(166,105,0,0.05)\\", + \\"focusBorder\\": \\"#c38000\\", + \\"counterBg\\": \\"rgba(166,105,0,0.1)\\", + \\"icon\\": \\"#c38000\\" } }, \\"underlinenav\\": { @@ -3141,22 +3022,20 @@ module.exports = { \\"inlineDivider\\": \\"rgba(48,54,61,0.48)\\", \\"default\\": { \\"hoverBg\\": \\"rgba(177,186,196,0.12)\\", - \\"hoverBorder\\": \\"rgba(0,0,0,0)\\", \\"activeBg\\": \\"rgba(177,186,196,0.2)\\", - \\"activeBorder\\": \\"rgba(0,0,0,0)\\", \\"selectedBg\\": \\"rgba(177,186,196,0.08)\\" }, \\"danger\\": { - \\"hoverBg\\": \\"rgba(212,118,22,0.16)\\", - \\"activeBg\\": \\"rgba(212,118,22,0.24)\\", - \\"hoverText\\": \\"#ec8e2c\\" + \\"hoverBg\\": \\"rgba(195,128,0,0.16)\\", + \\"activeBg\\": \\"rgba(195,128,0,0.24)\\", + \\"hoverText\\": \\"#d69a00\\" } }, \\"fg\\": { \\"default\\": \\"#c9d1d9\\", \\"muted\\": \\"#8b949e\\", \\"subtle\\": \\"#484f58\\", - \\"onEmphasis\\": \\"#ffffff\\" + \\"onEmphasis\\": \\"#f0f6fc\\" }, \\"canvas\\": { \\"default\\": \\"#0d1117\\", @@ -3182,10 +3061,10 @@ module.exports = { \\"subtle\\": \\"rgba(56,139,253,0.15)\\" }, \\"success\\": { - \\"fg\\": \\"#58a6ff\\", - \\"emphasis\\": \\"#1f6feb\\", - \\"muted\\": \\"rgba(56,139,253,0.4)\\", - \\"subtle\\": \\"rgba(56,139,253,0.15)\\" + \\"fg\\": \\"#42a0ff\\", + \\"emphasis\\": \\"#1d69e0\\", + \\"muted\\": \\"rgba(21,133,253,0.4)\\", + \\"subtle\\": \\"rgba(21,133,253,0.15)\\" }, \\"attention\\": { \\"fg\\": \\"#d29922\\", @@ -3194,28 +3073,16 @@ module.exports = { \\"subtle\\": \\"rgba(187,128,9,0.15)\\" }, \\"severe\\": { - \\"fg\\": \\"#d47616\\", - \\"emphasis\\": \\"#b76100\\", - \\"muted\\": \\"rgba(212,118,22,0.4)\\", - \\"subtle\\": \\"rgba(212,118,22,0.15)\\" + \\"fg\\": \\"#db6d28\\", + \\"emphasis\\": \\"#bd561d\\", + \\"muted\\": \\"rgba(219,109,40,0.4)\\", + \\"subtle\\": \\"rgba(219,109,40,0.15)\\" }, \\"danger\\": { - \\"fg\\": \\"#d47616\\", - \\"emphasis\\": \\"#b76100\\", - \\"muted\\": \\"rgba(212,118,22,0.4)\\", - \\"subtle\\": \\"rgba(212,118,22,0.15)\\" - }, - \\"open\\": { - \\"fg\\": \\"#ec8e2c\\", - \\"emphasis\\": \\"#b76100\\", - \\"muted\\": \\"rgba(212,118,22,0.4)\\", - \\"subtle\\": \\"rgba(212,118,22,0.15)\\" - }, - \\"closed\\": { - \\"fg\\": \\"#8b949e\\", - \\"emphasis\\": \\"#6e7681\\", - \\"muted\\": \\"rgba(110,118,129,0.4)\\", - \\"subtle\\": \\"rgba(110,118,129,0.1)\\" + \\"fg\\": \\"#c38000\\", + \\"emphasis\\": \\"#a66900\\", + \\"muted\\": \\"rgba(195,128,0,0.4)\\", + \\"subtle\\": \\"rgba(195,128,0,0.15)\\" }, \\"done\\": { \\"fg\\": \\"#a371f7\\", @@ -3239,7 +3106,7 @@ module.exports = { }, \\"border\\": { \\"active\\": \\"#F78166\\", - \\"contrast\\": \\"rgba(255,255,255,0.2)\\" + \\"contrast\\": \\"rgba(240,246,252,0.2)\\" } } }, @@ -3277,7 +3144,7 @@ module.exports = { }, \\"outline\\": { \\"hoverShadow\\": \\"0 1px 0 rgba(1,4,9,0.1)\\", - \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(255,255,255,0.03)\\", + \\"hoverInsetShadow\\": \\"inset 0 1px 0 rgba(240,246,252,0.03)\\", \\"selectedShadow\\": \\"0 0 transparent\\", \\"focusShadow\\": \\"0 0 0 3px rgba(17,88,199,0.4)\\" }, @@ -3285,7 +3152,7 @@ module.exports = { \\"hoverShadow\\": \\"0 0 transparent\\", \\"hoverInsetShadow\\": \\"0 0 transparent\\", \\"selectedShadow\\": \\"0 0 transparent\\", - \\"focusShadow\\": \\"0 0 0 3px rgba(212,118,22,0.4)\\" + \\"focusShadow\\": \\"0 0 0 3px rgba(195,128,0,0.4)\\" } }, \\"shadow\\": { From 3854b2d5ff050d9f7498f846ecb1ba8332738547 Mon Sep 17 00:00:00 2001 From: Pavithra Kodmad Date: Mon, 21 Mar 2022 18:34:06 +1100 Subject: [PATCH 10/13] fix test after latest --- src/__tests__/__snapshots__/Button.test.tsx.snap | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/__tests__/__snapshots__/Button.test.tsx.snap b/src/__tests__/__snapshots__/Button.test.tsx.snap index c99f066c2cc..48a7b73120c 100644 --- a/src/__tests__/__snapshots__/Button.test.tsx.snap +++ b/src/__tests__/__snapshots__/Button.test.tsx.snap @@ -294,6 +294,12 @@ exports[`Button styles icon only button to make it a square 1`] = ` border-color: btn.activeBorder; } +@media (forced-colors:active) { + .c0:focus { + outline: solid 1px transparent; + } +} +