diff --git a/apps/vr-tests-react-components/.storybook/preview.js b/apps/vr-tests-react-components/.storybook/preview.js
index 9075813bbd9ffb..cf398f5828d91a 100644
--- a/apps/vr-tests-react-components/.storybook/preview.js
+++ b/apps/vr-tests-react-components/.storybook/preview.js
@@ -1,7 +1,7 @@
// @ts-check
import * as React from 'react';
import { setAddon } from '@storybook/react';
-import { webLightTheme, webHighContrastTheme, webDarkTheme } from '@fluentui/react-theme';
+import { webLightTheme, teamsHighContrastTheme, webDarkTheme } from '@fluentui/react-theme';
import { FluentProvider } from '@fluentui/react-provider';
/**
@@ -44,7 +44,7 @@ setAddon({
}
if (config.includeHighContrast) {
this.add(storyName + ' - High Contrast', context => {
- return {storyFn(context)};
+ return {storyFn(context)};
});
}
diff --git a/change/@fluentui-react-components-fa0246a1-fd02-43e4-a4fb-5ba0c3bedea2.json b/change/@fluentui-react-components-fa0246a1-fd02-43e4-a4fb-5ba0c3bedea2.json
new file mode 100644
index 00000000000000..5bafae266acb85
--- /dev/null
+++ b/change/@fluentui-react-components-fa0246a1-fd02-43e4-a4fb-5ba0c3bedea2.json
@@ -0,0 +1,7 @@
+{
+ "type": "prerelease",
+ "comment": "Remove webHighContrast theme",
+ "packageName": "@fluentui/react-components",
+ "email": "miroslav.stastny@microsoft.com",
+ "dependentChangeType": "patch"
+}
diff --git a/change/@fluentui-react-theme-a6575400-7777-47a9-bc10-00cc0cdb1775.json b/change/@fluentui-react-theme-a6575400-7777-47a9-bc10-00cc0cdb1775.json
new file mode 100644
index 00000000000000..7e3856b6e75e38
--- /dev/null
+++ b/change/@fluentui-react-theme-a6575400-7777-47a9-bc10-00cc0cdb1775.json
@@ -0,0 +1,7 @@
+{
+ "type": "prerelease",
+ "comment": "Remove webHighContrast theme",
+ "packageName": "@fluentui/react-theme",
+ "email": "miroslav.stastny@microsoft.com",
+ "dependentChangeType": "patch"
+}
diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md
index eb8930543879e7..d8e61c9240848d 100644
--- a/packages/react-components/react-components/etc/react-components.api.md
+++ b/packages/react-components/react-components/etc/react-components.api.md
@@ -525,7 +525,6 @@ import { useTooltip_unstable } from '@fluentui/react-tooltip';
import { useTooltipStyles_unstable } from '@fluentui/react-tooltip';
import { VerticalSpacingTokens } from '@fluentui/react-theme';
import { webDarkTheme } from '@fluentui/react-theme';
-import { webHighContrastTheme } from '@fluentui/react-theme';
import { webLightTheme } from '@fluentui/react-theme';
export { __styles }
@@ -1570,8 +1569,6 @@ export { VerticalSpacingTokens }
export { webDarkTheme }
-export { webHighContrastTheme }
-
export { webLightTheme }
// (No @packageDocumentation comment for this package)
diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts
index 52e8cd0fd2abea..06c429fdb9a04f 100644
--- a/packages/react-components/react-components/src/index.ts
+++ b/packages/react-components/react-components/src/index.ts
@@ -81,7 +81,6 @@ export {
tokens,
typographyStyles,
webDarkTheme,
- webHighContrastTheme,
webLightTheme,
} from '@fluentui/react-theme';
export type {
diff --git a/packages/react-components/react-storybook-addon/etc/react-storybook-addon.api.md b/packages/react-components/react-storybook-addon/etc/react-storybook-addon.api.md
index b1244a204d005a..c9d140b21ddb9c 100644
--- a/packages/react-components/react-storybook-addon/etc/react-storybook-addon.api.md
+++ b/packages/react-components/react-storybook-addon/etc/react-storybook-addon.api.md
@@ -35,10 +35,6 @@ export const themes: readonly [{
readonly id: "web-dark";
readonly label: "Web Dark";
readonly theme: Theme;
-}, {
- readonly id: "web-high-contrast";
- readonly label: "Web High Contrast";
- readonly theme: Theme;
}, {
readonly id: "teams-light";
readonly label: "Teams Light";
diff --git a/packages/react-components/react-storybook-addon/src/theme.ts b/packages/react-components/react-storybook-addon/src/theme.ts
index e69ac8d2bfa5ec..6727b72a73c848 100644
--- a/packages/react-components/react-storybook-addon/src/theme.ts
+++ b/packages/react-components/react-storybook-addon/src/theme.ts
@@ -1,7 +1,6 @@
import {
webLightTheme,
webDarkTheme,
- webHighContrastTheme,
teamsLightTheme,
teamsDarkTheme,
teamsHighContrastTheme,
@@ -14,7 +13,6 @@ export { FluentProvider } from '@fluentui/react-provider';
export const themes = [
{ id: 'web-light', label: 'Web Light', theme: webLightTheme },
{ id: 'web-dark', label: 'Web Dark', theme: webDarkTheme },
- { id: 'web-high-contrast', label: 'Web High Contrast', theme: webHighContrastTheme },
{ id: 'teams-light', label: 'Teams Light', theme: teamsLightTheme },
{ id: 'teams-dark', label: 'Teams Dark', theme: teamsDarkTheme },
{ id: 'teams-high-contrast', label: 'Teams High Contrast', theme: teamsHighContrastTheme },
diff --git a/packages/react-components/react-storybook/src/knobs/useFluentTheme.ts b/packages/react-components/react-storybook/src/knobs/useFluentTheme.ts
index 558cf43ae69dcd..0d52aafdf149ff 100644
--- a/packages/react-components/react-storybook/src/knobs/useFluentTheme.ts
+++ b/packages/react-components/react-storybook/src/knobs/useFluentTheme.ts
@@ -1,7 +1,6 @@
import {
webLightTheme,
webDarkTheme,
- webHighContrastTheme,
teamsLightTheme,
teamsDarkTheme,
teamsHighContrastTheme,
@@ -14,7 +13,6 @@ const themeSelectorLabel = 'Theme';
const themeOptions = [
{ label: 'Web Light', theme: webLightTheme },
{ label: 'Web Dark', theme: webDarkTheme },
- { label: 'Web High Contrast', theme: webHighContrastTheme },
{ label: 'Teams Light', theme: teamsLightTheme },
{ label: 'Teams Dark', theme: teamsDarkTheme },
{ label: 'Teams High Contrast', theme: teamsHighContrastTheme },
diff --git a/packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx
index 6e6c5a34a52518..dda58fe7752bf6 100644
--- a/packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx
+++ b/packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx
@@ -1,6 +1,6 @@
import * as React from 'react';
import { FluentProvider } from '@fluentui/react-provider';
-import { webDarkTheme, webHighContrastTheme, webLightTheme } from '@fluentui/react-theme';
+import { webDarkTheme, teamsHighContrastTheme, webLightTheme } from '@fluentui/react-theme';
import { Switch } from '../index';
const outerWrapperStyle: React.CSSProperties = {
@@ -33,7 +33,7 @@ export const Themed = () => (
-
+
@@ -47,7 +47,7 @@ export const Themed = () => (
-
+
diff --git a/packages/react-components/react-theme/etc/react-theme.api.md b/packages/react-components/react-theme/etc/react-theme.api.md
index 5305cc58552dd1..c96aa8b2d08830 100644
--- a/packages/react-components/react-theme/etc/react-theme.api.md
+++ b/packages/react-components/react-theme/etc/react-theme.api.md
@@ -522,9 +522,6 @@ export type VerticalSpacingTokens = {
// @public (undocumented)
export const webDarkTheme: Theme;
-// @public (undocumented)
-export const webHighContrastTheme: Theme;
-
// @public (undocumented)
export const webLightTheme: Theme;
diff --git a/packages/react-components/react-theme/src/index.ts b/packages/react-components/react-theme/src/index.ts
index 8c9615fd9a7954..e53cf670bcd505 100644
--- a/packages/react-components/react-theme/src/index.ts
+++ b/packages/react-components/react-theme/src/index.ts
@@ -1,11 +1,4 @@
-export {
- teamsDarkTheme,
- teamsHighContrastTheme,
- teamsLightTheme,
- webDarkTheme,
- webHighContrastTheme,
- webLightTheme,
-} from './themes/index';
+export { teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, webDarkTheme, webLightTheme } from './themes/index';
export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index';
export { themeToTokensObject } from './themeToTokensObject';
diff --git a/packages/react-components/react-theme/src/themes/web/highContrastTheme.ts b/packages/react-components/react-theme/src/themes/web/highContrastTheme.ts
deleted file mode 100644
index cb730cf71b03de..00000000000000
--- a/packages/react-components/react-theme/src/themes/web/highContrastTheme.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { createHighContrastTheme } from '../../utils/createHighContrastTheme';
-import type { Theme } from '../../types';
-
-export const webHighContrastTheme: Theme = createHighContrastTheme();
diff --git a/packages/react-components/react-theme/src/themes/web/index.ts b/packages/react-components/react-theme/src/themes/web/index.ts
index 553fc643a162bc..a5747057dff723 100644
--- a/packages/react-components/react-theme/src/themes/web/index.ts
+++ b/packages/react-components/react-theme/src/themes/web/index.ts
@@ -1,3 +1,2 @@
export * from './lightTheme';
export * from './darkTheme';
-export * from './highContrastTheme';