fix(Chat): update me message background color for dark theme (#1256)

* fixing me message background color for dark theme

* add entry to changelog

Author: codepretty

CHANGELOG.md

@@ -20,6 +20,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 ### Fixes
 - Update `ChatMessage` styles in Teams themes @layershifter ([#1246](https://github.com/stardust-ui/react/pull/1246))
 - Fix Teams theme styles for `Alert` [redlines] @codepretty ([#1226](https://github.com/stardust-ui/react/pull/1226))
+- Update background color in Teams dark theme for `Chat` message background color @codepretty ([#1256](https://github.com/stardust-ui/react/pull/1256))
 - Fix selected status of `Dropdown` when focus is on the `List` @silviuavram ([#1258](https://github.com/stardust-ui/react/pull/1258))
 - Fix `propTypes` warning in `ListItem` @layershifter ([#1266](https://github.com/stardust-ui/react/pull/1266))
 - Expand css shorthands for correct merging of the styles @mnajdova ([#869](https://github.com/stardust-ui/react/pull/869))

packages/react/src/themes/teams-dark/components/Chat/chatMessageVariables.ts

@@ -3,7 +3,7 @@ import { ChatMessageVariables } from '../../../teams/components/Chat/chatMessage
 export default (siteVars: any): Partial<ChatMessageVariables> => {
   return {
     backgroundColor: siteVars.gray10,
-    backgroundColorMine: '#3B3C54',
+    backgroundColorMine: '#33344a', // colors.primary[900] when new palette pr is checked in
     authorColor: siteVars.gray02, // will be gray[250] with new palette
     contentColor: siteVars.colors.white,
     color: siteVars.colors.white,

packages/react/src/themes/teams/components/Chat/chatMessageVariables.ts

@@ -33,7 +33,7 @@ export default (siteVars): ChatMessageVariables => ({
   actionMenuPositionRight: pxToRem(5),
   actionMenuPositionTop: pxToRem(-30),
   backgroundColor: siteVars.colors.white,
-  backgroundColorMine: '#E5E5F1',
+  backgroundColorMine: '#E5E5F1', // colors.primary[100] when new color palette pr is checked in
   borderRadius: pxToRem(3),
   color: 'rgb(64, 64, 64)',
   offset: pxToRem(100),