From 5410ecec5a141a6807e52784751df0efc0e3022e Mon Sep 17 00:00:00 2001
From: Amber <yuanboxue@microsoft.com>
Date: Mon, 7 Jun 2021 15:55:47 +0200
Subject: [PATCH] fix(Datepicker): update 'today' cell background color in
 dark-v2 theme to increase contrast (#18461)

* date picker today

* changelog
---
 packages/fluentui/CHANGELOG.md                             | 1 +
 .../src/themes/teams-dark-v2/componentVariables.ts         | 1 +
 .../Datepicker/datepickerCalendarCellButtonVariables.ts    | 7 +++++++
 3 files changed, 9 insertions(+)
 create mode 100644 packages/fluentui/react-northstar/src/themes/teams-dark-v2/components/Datepicker/datepickerCalendarCellButtonVariables.ts

diff --git a/packages/fluentui/CHANGELOG.md b/packages/fluentui/CHANGELOG.md
index 4c069c6c92a96c..3b64f0214cc372 100644
--- a/packages/fluentui/CHANGELOG.md
+++ b/packages/fluentui/CHANGELOG.md
@@ -41,6 +41,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 - Fix RTL version of `NumberListIcon` @notandrew ([#18310](https://github.com/microsoft/fluentui/pull/18310))
 - Fix `ChatMessage` badge-bar conflict with focus-border @Hirse ([#18303](https://github.com/microsoft/fluentui/pull/18303))
 - Fix `Dropdown` to pass all positioning props to its inner `Popper` @yuanboxue-amber ([#18457](https://github.com/microsoft/fluentui/pull/18457))
+- Update `Datepicker` today cell background color in dark-v2 theme to increase contrast @yuanboxue-amber ([#18461](https://github.com/microsoft/fluentui/pull/18461))
 
 ### Features
 - Add Default Border Transparent and Default Foreground9 colors @notandrew ([#17906](https://github.com/microsoft/fluentui/pull/17906))
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 b5573170ab0089..1f404119fa0e35 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
@@ -1,2 +1,3 @@
 export { chatVariables as Chat } from './components/Chat/chatVariables';
 export { chatMessageVariables as ChatMessage } from './components/Chat/chatMessageVariables';
+export { datepickerCalendarCellButtonVariables as DatepickerCalendarCellButton } from './components/Datepicker/datepickerCalendarCellButtonVariables';
diff --git a/packages/fluentui/react-northstar/src/themes/teams-dark-v2/components/Datepicker/datepickerCalendarCellButtonVariables.ts b/packages/fluentui/react-northstar/src/themes/teams-dark-v2/components/Datepicker/datepickerCalendarCellButtonVariables.ts
new file mode 100644
index 00000000000000..f067fd8554dda4
--- /dev/null
+++ b/packages/fluentui/react-northstar/src/themes/teams-dark-v2/components/Datepicker/datepickerCalendarCellButtonVariables.ts
@@ -0,0 +1,7 @@
+import { DatepickerVariables } from '../../../teams/components/Datepicker/datepickerVariables';
+
+export const datepickerCalendarCellButtonVariables = (siteVars): Partial<DatepickerVariables> => {
+  return {
+    calendarCellTodayBackgroundColor: siteVars.colorScheme.brand.background,
+  };
+};