From 4dd998a5b17909e1c8107d1f23ad632d7c9cb506 Mon Sep 17 00:00:00 2001 From: agonzalez97 Date: Tue, 26 Oct 2021 09:27:08 +0200 Subject: [PATCH] Changed some focus tokens with new blue --- .../pages/theme-builder/themes/AdvancedTheme.json | 14 +++++++------- .../dxc-ngx-cdk/src/lib/theme/componentTokens.ts | 14 +++++++------- .../src/lib/theme/test/AdvancedTheme.json | 14 +++++++------- 3 files changed, 21 insertions(+), 21 deletions(-) diff --git a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/AdvancedTheme.json b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/AdvancedTheme.json index feec6378c..09bbb6db7 100644 --- a/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/AdvancedTheme.json +++ b/projects/dxc-ngx-cdk-site/src/app/pages/theme-builder/themes/AdvancedTheme.json @@ -256,7 +256,7 @@ "pickerMonthColor": "#000000", "pickerWeekLabelColor": "#000000", "pickerBackgroundColorMonthArrows": "transparent", - "focusColor": "#005FCC", + "focusColor": "#0095ff", "fontFamily": "Open Sans, sans-serif", "pickerHeight": "316px", "pickerWidth": "290px" @@ -273,7 +273,7 @@ "pickerMonthColor": "#000000", "pickerWeekLabelColor": "#000000", "pickerBackgroundColorMonthArrows": "transparent", - "focusColor": "#005FCC", + "focusColor": "#0095ff", "fontFamily": "Open Sans, sans-serif", "pickerHeight": "316px", "pickerWidth": "290px" @@ -340,7 +340,7 @@ "borderColor": "transparent", "scrollBarThumbColor": "#666666", "scrollBarTrackColor": "#D9D9D9", - "focusColor": "#005FCC" + "focusColor": "#0095ff" }, "footer": { "height": "124px", @@ -613,7 +613,7 @@ "visitedUnderlineColor": "#6f2c91", "activeFontColor": "#000000", "activeUnderlineColor": "#000000", - "focusColor": "#0067b3" + "focusColor": "#0095ff" }, "paginator": { "backgroundColor": "#eeeeee", @@ -672,7 +672,7 @@ "disabledColorOnDark": "#575757", "disabledFontColor": "#b1b1b1", "disabledFontColorOnDark": "#575757", - "focusColor": "#005FCC", + "focusColor": "#0095ff", "focusColorOnDark": "#1682FF", "fontColor": "#000000", "fontColorOnDark": "#FFFFFF", @@ -687,7 +687,7 @@ "disabledColorOnDark": "#575757", "errorColor": "#D0011B", "errorColorOnDark": "#FE344F", - "focusColor": "#005FCC", + "focusColor": "#0095ff", "focusColorOnDark": "#1682FF", "fontFamily": "Open Sans, sans-serif", "hoverOptionBackgroundColor": "#f2f2f2", @@ -1143,6 +1143,6 @@ "separatorBorderThickness": "1px", "separatorBorderStyle": "solid", "separatorColor": "#D9D9D9", - "focusColor": "#005FCC" + "focusColor": "#0095ff" } } diff --git a/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts b/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts index a37ef11d1..988468892 100644 --- a/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts +++ b/projects/dxc-ngx-cdk/src/lib/theme/componentTokens.ts @@ -397,7 +397,7 @@ export const componentTokens = { "--date-pickerFontColor": globalTokens.hal_black, "--date-pickerHoverDateFontColor": globalTokens.hal_black, "--date-pickerHoverDateBackgroundColor": globalTokens.lighterPurple, - "--date-focusColor": globalTokens.blue, + "--date-focusColor": globalTokens.hal_blue_l_50, "--date-pickerYearColor": globalTokens.hal_black, "--date-pickerMonthColor": globalTokens.hal_black, "--date-pickerWeekLabelColor": globalTokens.hal_black, @@ -414,7 +414,7 @@ export const componentTokens = { "--newDate-pickerFontColor": globalTokens.hal_black, "--newDate-pickerHoverDateFontColor": globalTokens.hal_black, "--newDate-pickerHoverDateBackgroundColor": globalTokens.lighterPurple, - "--newDate-focusColor": globalTokens.blue, + "--newDate-focusColor": globalTokens.hal_blue_l_50, "--newDate-pickerYearColor": globalTokens.hal_black, "--newDate-pickerMonthColor": globalTokens.lighterBlack, "--newDate-pickerWeekLabelColor": globalTokens.lighterBlack, @@ -485,7 +485,7 @@ export const componentTokens = { "--dropdown-borderColor": globalTokens.transparent, "--dropdown-scrollBarThumbColor": globalTokens.hal_grey_s_40, "--dropdown-scrollBarTrackColor": globalTokens.lightGrey, - "--dropdown-focusColor": globalTokens.blue, + "--dropdown-focusColor": globalTokens.hal_blue_l_50, //FOOTER "--footer-height": "124px", @@ -814,7 +814,7 @@ export const componentTokens = { "--link-visitedUnderlineColor": globalTokens.purple, "--link-activeFontColor": globalTokens.hal_black, "--link-activeUnderlineColor": globalTokens.hal_black, - "--link-focusColor": globalTokens.hal_blue_s_35, + "--link-focusColor": globalTokens.hal_blue_l_50, //PAGINATOR "--paginator-backgroundColor": globalTokens.darkWhite, @@ -869,7 +869,7 @@ export const componentTokens = { "--radio-disabledColor": globalTokens.lighterBlack, "--radio-fontColor": globalTokens.hal_black, "--radio-disabledFontColor": globalTokens.lighterBlack, - "--radio-focusColor": globalTokens.blue, + "--radio-focusColor": globalTokens.hal_blue_l_50, "--radio-circleLabelSpacing": "8px", "--radio-circleSize": "20px", "--radio-colorOnDark": globalTokens.hal_white, @@ -919,7 +919,7 @@ export const componentTokens = { "--select-errorColor": globalTokens.hal_red_s_41, "--select-errorColorOnDark": globalTokens.hal_red_l_60, "--select-required": globalTokens.hal_red_s_41, - "--select-focusColor": globalTokens.blue, + "--select-focusColor": globalTokens.hal_blue_l_50, "--select-focusColorOnDark": "#1682FF", "--select-disabledColor": globalTokens.lighterBlack, "--select-disabledColorOnDark": "#575757", @@ -1300,7 +1300,7 @@ export const componentTokens = { "--upload-uploadedFilesNumberFontWeight": globalTokens.type_bold, //WIZARD - "--wizard-focusColor": globalTokens.blue, + "--wizard-focusColor": globalTokens.hal_blue_l_50, "--wizard-disabledBackgroundColor": globalTokens.lightGrey, "--wizard-disabledFontColor": globalTokens.hal_grey_s_40, "--wizard-stepContainerFontSize": globalTokens.type_scale_03, diff --git a/projects/dxc-ngx-cdk/src/lib/theme/test/AdvancedTheme.json b/projects/dxc-ngx-cdk/src/lib/theme/test/AdvancedTheme.json index 8eddf2a99..4f349a84b 100644 --- a/projects/dxc-ngx-cdk/src/lib/theme/test/AdvancedTheme.json +++ b/projects/dxc-ngx-cdk/src/lib/theme/test/AdvancedTheme.json @@ -256,7 +256,7 @@ "pickerMonthColor": "#000000", "pickerWeekLabelColor": "#000000", "pickerBackgroundColorMonthArrows": "transparent", - "focusColor": "#005FCC", + "focusColor": "#0095ff", "fontFamily": "Open Sans, sans-serif", "pickerHeight": "316px", "pickerWidth": "290px" @@ -273,7 +273,7 @@ "pickerMonthColor": "#000000", "pickerWeekLabelColor": "#000000", "pickerBackgroundColorMonthArrows": "transparent", - "focusColor": "#005FCC", + "focusColor": "#0095ff", "fontFamily": "Open Sans, sans-serif", "pickerHeight": "316px", "pickerWidth": "290px" @@ -340,7 +340,7 @@ "borderColor": "transparent", "scrollBarThumbColor": "#666666", "scrollBarTrackColor": "#D9D9D9", - "focusColor": "#005FCC" + "focusColor": "#0095ff" }, "footer": { "height": "124px", @@ -512,7 +512,7 @@ "underlineThickness": "1px", "visitedFontColor": "#8800F6", "visitedUnderlineColor": "#8800F6", - "focusColor": "#005FCC" + "focusColor": "#0095ff" }, "paginator": { "backgroundColor": "#eeeeee", @@ -571,7 +571,7 @@ "disabledColorOnDark": "#575757", "disabledFontColor": "#b1b1b1", "disabledFontColorOnDark": "#575757", - "focusColor": "#005FCC", + "focusColor": "#0095ff", "focusColorOnDark": "#1682FF", "fontColor": "#000000", "fontColorOnDark": "#FFFFFF", @@ -586,7 +586,7 @@ "disabledColorOnDark": "#575757", "errorColor": "#D0011B", "errorColorOnDark": "#FE344F", - "focusColor": "#005FCC", + "focusColor": "#0095ff", "focusColorOnDark": "#005FCC", "fontFamily": "Open Sans, sans-serif", "hoverOptionBackgroundColor": "#f2f2f2", @@ -1023,6 +1023,6 @@ "separatorBorderThickness": "1px", "separatorBorderStyle": "solid", "separatorColor": "#D9D9D9", - "focusColor": "#005FCC" + "focusColor": "#0095ff" } }