diff --git a/lib/src/common/variables.ts b/lib/src/common/variables.ts index 9c4e0d6cf..1da5918ff 100644 --- a/lib/src/common/variables.ts +++ b/lib/src/common/variables.ts @@ -1022,7 +1022,7 @@ export const componentTokens = { errorListDialogBackgroundColor: CoreTokens.color_red_50, errorListDialogBorderColor: CoreTokens.color_red_700, hoverListOptionBackgroundColor: CoreTokens.color_grey_100, - activeListOptionBackgroundColor: CoreTokens.color_grey_300, + activeListOptionBackgroundColor: CoreTokens.color_grey_200, focusListOptionBorderColor: CoreTokens.color_blue_600, }, toggleGroup: { diff --git a/website/screens/common/themes/advanced-theme.json b/website/screens/common/themes/advanced-theme.json index be197d22a..d2432b89c 100644 --- a/website/screens/common/themes/advanced-theme.json +++ b/website/screens/common/themes/advanced-theme.json @@ -1018,7 +1018,7 @@ "errorListDialogBackgroundColor": "#fff5f6", "errorListDialogBorderColor": "#d0011b", "hoverListOptionBackgroundColor": "#f2f2f2", - "activeListOptionBackgroundColor": "#cccccc", + "activeListOptionBackgroundColor": "#e6e6e6", "focusListOptionBorderColor": "#0095ff" }, "toggleGroup": { diff --git a/website/screens/components/text-input/specs/TextInputSpecsPage.tsx b/website/screens/components/text-input/specs/TextInputSpecsPage.tsx index 072abfd7f..cd963d17f 100644 --- a/website/screens/components/text-input/specs/TextInputSpecsPage.tsx +++ b/website/screens/components/text-input/specs/TextInputSpecsPage.tsx @@ -521,9 +521,9 @@ const sections = [
color-grey-300
+ color-grey-200