diff --git a/packages/react/src/themes/teams-high-contrast/colors.ts b/packages/react/src/themes/teams-high-contrast/colors.ts index eb7626f747..07c4cec460 100644 --- a/packages/react/src/themes/teams-high-contrast/colors.ts +++ b/packages/react/src/themes/teams-high-contrast/colors.ts @@ -18,8 +18,8 @@ const createColorScheme = (customValues = {}) => { foregroundHover: accessibleYellow, backgroundHover: colors.black, - borderHover: accessibleYellow, - shadowHover: accessibleYellow, + borderHover: accessibleCyan, + shadowHover: accessibleCyan, foregroundActive: accessibleCyan, backgroundActive: colors.black, @@ -27,12 +27,12 @@ const createColorScheme = (customValues = {}) => { shadowActive: accessibleCyan, foregroundFocus: colors.black, - backgroundFocus: accessibleYellow, + backgroundFocus: accessibleCyan, borderFocus: colors.white, shadowFocus: colors.white, foregroundPressed: colors.black, - backgroundPressed: accessibleYellow, + backgroundPressed: accessibleCyan, borderPressed: colors.white, shadowPressed: colors.white, @@ -71,15 +71,15 @@ export const colorScheme: ColorSchemeMapping = { foregroundHover1: colors.black, foregroundHover2: accessibleCyan, - backgroundHover: accessibleYellow, - backgroundHover1: accessibleYellow, - backgroundHover2: accessibleYellow, + backgroundHover: accessibleCyan, + backgroundHover1: accessibleCyan, + backgroundHover2: accessibleCyan, - borderHover: accessibleYellow, + borderHover: accessibleCyan, foregroundPressed: colors.black, - backgroundPressed: accessibleYellow, - borderPressed: accessibleYellow, + backgroundPressed: accessibleCyan, + borderPressed: accessibleCyan, foregroundActive: accessibleCyan, foregroundActive1: colors.black, @@ -136,15 +136,15 @@ export const colorScheme: ColorSchemeMapping = { foregroundHover1: colors.black, foregroundHover2: colors.black, - borderHover: accessibleYellow, + borderHover: accessibleCyan, - backgroundHover: accessibleYellow, - backgroundHover1: accessibleYellow, + backgroundHover: accessibleCyan, + backgroundHover1: accessibleCyan, foregroundPressed: colors.black, foregroundPressed1: colors.black, - backgroundPressed: accessibleYellow, - borderPressed: accessibleYellow, + backgroundPressed: accessibleCyan, + borderPressed: accessibleCyan, foregroundActive: accessibleCyan, foregroundActive1: colors.black, @@ -236,11 +236,11 @@ export const colorScheme: ColorSchemeMapping = { border: colors.white, foregroundHover: colors.black, - backgroundHover: accessibleYellow, - backgroundHover1: accessibleYellow, + backgroundHover: accessibleCyan, + backgroundHover1: accessibleCyan, foregroundPressed: colors.black, - backgroundPressed: accessibleYellow, + backgroundPressed: accessibleCyan, }), yellow: createEmptyColorScheme({ foreground: colors.white, @@ -274,8 +274,8 @@ export const colorScheme: ColorSchemeMapping = { }), amethyst: createEmptyColorScheme({ background: colors.silver[900], - backgroundHover: accessibleYellow, - backgroundHover1: accessibleYellow, + backgroundHover: accessibleCyan, + backgroundHover1: accessibleCyan, backgroundActive: accessibleCyan, }), } diff --git a/packages/react/src/themes/teams-high-contrast/components/Alert/alertVariables.ts b/packages/react/src/themes/teams-high-contrast/components/Alert/alertVariables.ts index 8658464c0b..d4624247d8 100644 --- a/packages/react/src/themes/teams-high-contrast/components/Alert/alertVariables.ts +++ b/packages/react/src/themes/teams-high-contrast/components/Alert/alertVariables.ts @@ -13,7 +13,7 @@ export default (siteVars: any): Partial & AlertHighContrastVaria color: siteVars.colors.black, hoverBorderColor: siteVars.colors.black, - hoverBackgroundColor: siteVars.accessibleYellow, + hoverBackgroundColor: siteVars.accessibleCyan, focusBackgroundColor: siteVars.accessibleCyan, dangerColor: siteVars.colors.black, diff --git a/packages/react/src/themes/teams-high-contrast/components/Attachment/attachmentVariables.ts b/packages/react/src/themes/teams-high-contrast/components/Attachment/attachmentVariables.ts index 3fc6a96dfc..1a7f941448 100644 --- a/packages/react/src/themes/teams-high-contrast/components/Attachment/attachmentVariables.ts +++ b/packages/react/src/themes/teams-high-contrast/components/Attachment/attachmentVariables.ts @@ -3,7 +3,7 @@ import { AttachmentVariables } from '../../../teams/components/Attachment/attach export default (siteVariables: any): Partial => ({ borderColor: siteVariables.colors.white, backgroundColor: siteVariables.colors.black, - backgroundColorHover: siteVariables.accessibleYellow, + backgroundColorHover: siteVariables.accessibleCyan, textColor: siteVariables.colors.white, textColorHover: siteVariables.colors.black, boxShadow: undefined, diff --git a/packages/react/src/themes/teams-high-contrast/components/Checkbox/checkboxVariables.ts b/packages/react/src/themes/teams-high-contrast/components/Checkbox/checkboxVariables.ts index 0a4dd135da..633c589d16 100644 --- a/packages/react/src/themes/teams-high-contrast/components/Checkbox/checkboxVariables.ts +++ b/packages/react/src/themes/teams-high-contrast/components/Checkbox/checkboxVariables.ts @@ -2,7 +2,7 @@ import { CheckboxVariables } from '../../../teams/components/Checkbox/checkboxVa export default (siteVars: any): Partial => { return { - borderColorHover: siteVars.accessibleYellow, + borderColorHover: siteVars.accessibleCyan, disabledToggleIndicatorColor: siteVars.accessibleGreen, } } diff --git a/packages/react/src/themes/teams-high-contrast/components/Dropdown/dropdownVariables.ts b/packages/react/src/themes/teams-high-contrast/components/Dropdown/dropdownVariables.ts index cb7eb02cea..be752b77d7 100644 --- a/packages/react/src/themes/teams-high-contrast/components/Dropdown/dropdownVariables.ts +++ b/packages/react/src/themes/teams-high-contrast/components/Dropdown/dropdownVariables.ts @@ -9,7 +9,7 @@ export default (siteVars): Partial => ({ borderColor: siteVars.colors.white, borderWidth: `1px`, backgroundColorHover: siteVars.colors.black, - borderColorHover: siteVars.accessibleYellow, + borderColorHover: siteVars.accessibleCyan, borderColorFocus: siteVars.accessibleCyan, color: siteVars.colors.white, selectedItemColor: siteVars.colors.white, @@ -22,12 +22,12 @@ export default (siteVars): Partial => ({ listItemContentColor: siteVars.colors.white, listItemBackgroundColor: siteVars.colors.black, listItemColorHover: siteVars.colors.black, - listItemBackgroundColorHover: siteVars.accessibleYellow, - listItemBackgroundColorActive: siteVars.accessibleYellow, + listItemBackgroundColorHover: siteVars.accessibleCyan, + listItemBackgroundColorActive: siteVars.accessibleCyan, listItemColorActive: siteVars.colors.black, listItemSelectedColor: siteVars.accessibleCyan, selectedItemBackgroundColor: siteVars.colors.black, selectedItemColorFocus: siteVars.colors.black, - selectedItemBackgroundColorFocus: siteVars.accessibleYellow, + selectedItemBackgroundColorFocus: siteVars.accessibleCyan, triggerButtonColorHover: siteVars.colors.white, }) diff --git a/packages/react/src/themes/teams-high-contrast/components/List/listItemVariables.ts b/packages/react/src/themes/teams-high-contrast/components/List/listItemVariables.ts index 3a270d712b..a79ab02c91 100644 --- a/packages/react/src/themes/teams-high-contrast/components/List/listItemVariables.ts +++ b/packages/react/src/themes/teams-high-contrast/components/List/listItemVariables.ts @@ -4,6 +4,6 @@ export default (siteVars: any): Partial => ({ selectedColor: siteVars.colors.black, selectedBackgroundColor: siteVars.accessibleCyan, - selectableFocusHoverBackgroundColor: siteVars.accessibleYellow, + selectableFocusHoverBackgroundColor: siteVars.accessibleCyan, selectableFocusHoverColor: siteVars.colors.black, }) diff --git a/packages/react/src/themes/teams-high-contrast/components/Menu/menuVariables.ts b/packages/react/src/themes/teams-high-contrast/components/Menu/menuVariables.ts index 09656c392b..2110b1eced 100644 --- a/packages/react/src/themes/teams-high-contrast/components/Menu/menuVariables.ts +++ b/packages/react/src/themes/teams-high-contrast/components/Menu/menuVariables.ts @@ -18,7 +18,7 @@ export default (siteVars: any): Partial => ({ ), color: siteVars.colors.white, colorActive: siteVars.colors.black, - backgroundColorFocus: siteVars.accessibleYellow, + backgroundColorFocus: siteVars.accessibleCyan, backgroundColorActive: siteVars.accessibleCyan, primaryBorderColor: siteVars.colors.white,