From d1e0971475d928d3bd729b3fd09ffc66fea2f659 Mon Sep 17 00:00:00 2001 From: Miroslav Stastny Date: Mon, 2 May 2022 15:39:00 +0200 Subject: [PATCH] fix(react-theme): Update CompoundBrandBackground and BrandStroke1 --- ...-react-theme-9792ecee-1054-4af0-931b-e7dd60820b8f.json | 7 +++++++ packages/react-theme/src/alias/darkColor.ts | 8 ++++---- packages/react-theme/src/alias/teamsDarkColor.ts | 8 ++++---- 3 files changed, 15 insertions(+), 8 deletions(-) create mode 100644 change/@fluentui-react-theme-9792ecee-1054-4af0-931b-e7dd60820b8f.json diff --git a/change/@fluentui-react-theme-9792ecee-1054-4af0-931b-e7dd60820b8f.json b/change/@fluentui-react-theme-9792ecee-1054-4af0-931b-e7dd60820b8f.json new file mode 100644 index 00000000000000..76f8203cea1931 --- /dev/null +++ b/change/@fluentui-react-theme-9792ecee-1054-4af0-931b-e7dd60820b8f.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "fix(react-theme): Update CompoundBrandBackground and BrandStroke1", + "packageName": "@fluentui/react-theme", + "email": "miroslav.stastny@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-theme/src/alias/darkColor.ts b/packages/react-theme/src/alias/darkColor.ts index 5c34f86bcf20eb..af1b3c0833e32e 100644 --- a/packages/react-theme/src/alias/darkColor.ts +++ b/packages/react-theme/src/alias/darkColor.ts @@ -100,9 +100,9 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40 colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60 - colorCompoundBrandBackground: brand[90], // #1890f1 Global.Color.Brand.90 - colorCompoundBrandBackgroundHover: brand[100], // #2899f5 Global.Color.Brand.100 - colorCompoundBrandBackgroundPressed: brand[80], // #0078d4 Global.Color.Brand.80 + colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100 + colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110 + colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90 colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40 colorBrandBackgroundInverted: white, // #ffffff Global.Color.White @@ -124,7 +124,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White - colorBrandStroke1: brand[90], // #1890f1 Global.Color.Brand.90 + colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100 colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50 colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90 colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100 diff --git a/packages/react-theme/src/alias/teamsDarkColor.ts b/packages/react-theme/src/alias/teamsDarkColor.ts index 9d8db0838f516d..bac7f9c0e578b6 100644 --- a/packages/react-theme/src/alias/teamsDarkColor.ts +++ b/packages/react-theme/src/alias/teamsDarkColor.ts @@ -100,9 +100,9 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40 colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60 - colorCompoundBrandBackground: brand[90], // #1890f1 Global.Color.Brand.90 - colorCompoundBrandBackgroundHover: brand[100], // #2899f5 Global.Color.Brand.100 - colorCompoundBrandBackgroundPressed: brand[80], // #0078d4 Global.Color.Brand.80 + colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100 + colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110 + colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90 colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40 colorBrandBackgroundInverted: white, // #ffffff Global.Color.White @@ -124,7 +124,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White - colorBrandStroke1: brand[90], // #1890f1 Global.Color.Brand.90 + colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100 colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50 colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90 colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100