From 44613c45de410df178248cd6d598821efbd680f2 Mon Sep 17 00:00:00 2001 From: manojleaton Date: Thu, 28 Dec 2023 18:56:09 +0530 Subject: [PATCH 1/4] added new 3 color variants --- src/blueDarkTheme.ts | 6 ++++++ src/blueTheme.ts | 6 ++++++ 2 files changed, 12 insertions(+) diff --git a/src/blueDarkTheme.ts b/src/blueDarkTheme.ts index f22abea..1715765 100644 --- a/src/blueDarkTheme.ts +++ b/src/blueDarkTheme.ts @@ -209,5 +209,11 @@ export const MD3BluiDarkTheme = { neutralOutlinedContainerOutline: BLUIColors.neutralVariant[60], // Text and icons against Neutral outlined container onNeutralOutlinedContainer: BLUIColors.neutralVariant[70], + // Standout fill text field color against surface + textFieldContainer: Color(BLUIColors.neutral[80]).alpha(0.2).rgb().string(), + // Black color variant + blackLightWhiteDark: BLUIColors.primary[100], + // White color variant + whiteLightBlackDark: BLUIColors.primary[0], }, }; diff --git a/src/blueTheme.ts b/src/blueTheme.ts index 100d4a6..9aabf4d 100644 --- a/src/blueTheme.ts +++ b/src/blueTheme.ts @@ -209,5 +209,11 @@ export const MD3BluiLightTheme = { neutralOutlinedContainerOutline: BLUIColors.neutralVariant[50], // Text and icons against Neutral outlined container onNeutralOutlinedContainer: BLUIColors.neutralVariant[30], + // Standout fill text field color against surface + textFieldContainer: Color(BLUIColors.neutral[80]).alpha(0.4).rgb().string(), + // Black color variant + blackLightWhiteDark: BLUIColors.primary[0], + // White color variant + whiteLightBlackDark: BLUIColors.primary[100], }, }; From 1f9f53e5b96e55568eaccedb1796876d5951c8e4 Mon Sep 17 00:00:00 2001 From: manojleaton Date: Thu, 28 Dec 2023 19:01:09 +0530 Subject: [PATCH 2/4] type augmentation --- src/shared.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/shared.ts b/src/shared.ts index d3f83d5..aa10789 100644 --- a/src/shared.ts +++ b/src/shared.ts @@ -221,6 +221,9 @@ export type ExtendedTheme = Omit & { onNeutralShadedContainer: string; neutralOutlinedContainerOutline: string; onNeutralOutlinedContainer: string; + textFieldContainer: string; + blackLightWhiteDark: string; + whiteLightBlackDark: string; }; }; From 3552d0ad87d95cd5bc94c0fbfbf8b9f2598d1ab9 Mon Sep 17 00:00:00 2001 From: manojleaton Date: Fri, 29 Dec 2023 12:17:19 +0530 Subject: [PATCH 3/4] updated color variants as per review comments --- src/blueDarkTheme.ts | 8 ++++---- src/blueTheme.ts | 8 ++++---- src/shared.ts | 4 ++-- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/blueDarkTheme.ts b/src/blueDarkTheme.ts index 1715765..6f91b86 100644 --- a/src/blueDarkTheme.ts +++ b/src/blueDarkTheme.ts @@ -211,9 +211,9 @@ export const MD3BluiDarkTheme = { onNeutralOutlinedContainer: BLUIColors.neutralVariant[70], // Standout fill text field color against surface textFieldContainer: Color(BLUIColors.neutral[80]).alpha(0.2).rgb().string(), - // Black color variant - blackLightWhiteDark: BLUIColors.primary[100], - // White color variant - whiteLightBlackDark: BLUIColors.primary[0], + // Progress bar track on status color against filled surface + progressBarTrackOnStatusFilledContainer: Color(BLUIColors.primary[0]).alpha(0.25).rgb().string(), + // Text outline color variant + mapTextOutline: Color(BLUIColors.primary[0]).alpha(0.7).rgb().string(), }, }; diff --git a/src/blueTheme.ts b/src/blueTheme.ts index 9aabf4d..65e4f05 100644 --- a/src/blueTheme.ts +++ b/src/blueTheme.ts @@ -211,9 +211,9 @@ export const MD3BluiLightTheme = { onNeutralOutlinedContainer: BLUIColors.neutralVariant[30], // Standout fill text field color against surface textFieldContainer: Color(BLUIColors.neutral[80]).alpha(0.4).rgb().string(), - // Black color variant - blackLightWhiteDark: BLUIColors.primary[0], - // White color variant - whiteLightBlackDark: BLUIColors.primary[100], + // Progress bar track on status color against filled surface + progressBarTrackOnStatusFilledContainer: Color(BLUIColors.primary[0]).alpha(0.25).rgb().string(), + // Text outline color variant + mapTextOutline: Color(BLUIColors.primary[100]).alpha(0.7).rgb().string(), }, }; diff --git a/src/shared.ts b/src/shared.ts index aa10789..91a556c 100644 --- a/src/shared.ts +++ b/src/shared.ts @@ -222,8 +222,8 @@ export type ExtendedTheme = Omit & { neutralOutlinedContainerOutline: string; onNeutralOutlinedContainer: string; textFieldContainer: string; - blackLightWhiteDark: string; - whiteLightBlackDark: string; + progressBarTrackOnStatusFilledContainer: string; + mapTextOutline: string; }; }; From cfcc0ebbc9b0f1300094c8cf85ed54ee3423d4fd Mon Sep 17 00:00:00 2001 From: manojleaton Date: Fri, 29 Dec 2023 13:04:11 +0530 Subject: [PATCH 4/4] updated the version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 690e1ff..5d7f933 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "@brightlayer-ui/react-native-themes", "author": "Brightlayer UI ", "license": "BSD-3-Clause", - "version": "7.0.0-alpha.3", + "version": "7.0.0-alpha.4", "description": "React Native themes for Brightlayer UI applications", "main": "./dist/index.js", "scripts": {