diff --git a/packages/fluentui/CHANGELOG.md b/packages/fluentui/CHANGELOG.md index 5d24f18e4425f3..1771a0274809ee 100644 --- a/packages/fluentui/CHANGELOG.md +++ b/packages/fluentui/CHANGELOG.md @@ -46,6 +46,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm - Fix `Datepicker` input @yuanboxue-amber ([#19261](https://github.com/microsoft/fluentui/pull/19261)) - Fix `Dialog` styles border radius changed @bcalvery ([#19328](https://github.com/microsoft/fluentui/pull/19328)) - Fix `Card` HC styles on hover @chassunc ([#19382](https://github.com/microsoft/fluentui/pull/19382)) +- Fix `Dialog` background in teams dark v2 @chassunc ([#19434](https://github.com/microsoft/fluentui/pull/19434)) ### Features - Add Onyx 600, Silver 100 to color palette and some color tokens @codepretty ([#18827](https://github.com/microsoft/fluentui/pull/18827)) diff --git a/packages/fluentui/react-northstar/src/themes/teams-dark-v2/componentVariables.ts b/packages/fluentui/react-northstar/src/themes/teams-dark-v2/componentVariables.ts index 95dafd9fe3ac1e..6828917436b4e7 100644 --- a/packages/fluentui/react-northstar/src/themes/teams-dark-v2/componentVariables.ts +++ b/packages/fluentui/react-northstar/src/themes/teams-dark-v2/componentVariables.ts @@ -2,3 +2,4 @@ export { chatMessageVariables as ChatMessage } from './components/Chat/chatMessa export { chatMessageDetailsVariables as ChatMessageDetails } from './components/Chat/chatMessageDetailsVariables'; export { datepickerCalendarCellButtonVariables as DatepickerCalendarCellButton } from './components/Datepicker/datepickerCalendarCellButtonVariables'; export { textVariables as Text } from './components/Text/textVariables'; +export { dialogVariables as Dialog } from './components/Dialog/dialogVariables'; diff --git a/packages/fluentui/react-northstar/src/themes/teams-dark-v2/components/Dialog/dialogVariables.ts b/packages/fluentui/react-northstar/src/themes/teams-dark-v2/components/Dialog/dialogVariables.ts new file mode 100644 index 00000000000000..219acbef87605f --- /dev/null +++ b/packages/fluentui/react-northstar/src/themes/teams-dark-v2/components/Dialog/dialogVariables.ts @@ -0,0 +1,5 @@ +import { DialogVariables } from './../../../teams/components/Dialog/dialogVariables'; + +export const dialogVariables = (siteVars): Partial => ({ + rootBackground: siteVars.colorScheme.default.background, +});