diff --git a/packages/web/components/templates/navMenu/NavigationMenu.tsx b/packages/web/components/templates/navMenu/NavigationMenu.tsx index b9ae4d1b9..64d921a39 100644 --- a/packages/web/components/templates/navMenu/NavigationMenu.tsx +++ b/packages/web/components/templates/navMenu/NavigationMenu.tsx @@ -750,7 +750,6 @@ const NodeItemContents = (props: NodeItemContentsProps): JSX.Element => { {props.node.isClosed ? ( ) : ( diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts index bb27a1aae..6ed792011 100644 --- a/packages/web/components/tokens/stitches.config.ts +++ b/packages/web/components/tokens/stitches.config.ts @@ -339,7 +339,7 @@ const darkThemeSpec = { thLibraryMenuPrimary: '#EBEBEB', thLibraryMenuSecondary: '#EBEBEB', thLibraryMenuUnselected: 'white', - thLibrarySelectionColor: '#DFDFDF', + thLibrarySelectionColor: '#515151', thLibraryNavigationMenuFooter: '#3D3D3D', thLibraryMenuFooterHover: '#6A6968', thLibraryMultiselectHover: '#6A6968', @@ -422,6 +422,7 @@ const apolloThemeSpec = { thNavMenuFooter: '#515151', thLibrarySelectionColor: '#515151', + thBackground4: '#51515166', // used on hover of nav menu items thBorderColor: '#6A6968', homeCardHover: '#525252', @@ -448,6 +449,7 @@ const sepiaThemeSpec = { thNavMenuFooter: '#DDD6C1', thLibrarySelectionColor: '#DDD6C1', + thBackground4: '#DDD6C166', // used on hover of menu items thBorderColor: '#DDD6C1', thBackground: '#FDF6E3',