feat(ui): give unselected menu items a different colour

packages/ui/src/atoms/Menu.js

@@ -65,7 +65,7 @@ const Option = styled.div.attrs({
   tabIndex: '0',
   'aria-selected': props => props.active,
 })`
-  color: ${props => (props.active ? 'black' : 'inherit')};
+  color: ${props => (props.active ? 'black' : '#444')};
   font-weight: ${props => (props.active ? '600' : 'inherit')};
   cursor: pointer;
   font-family: var(--font-author);

packages/ui/test/__snapshots__/Menu.test.js.snap

@@ -147,7 +147,7 @@ exports[`Menu is rendered correctly when open 1`] = `
 }
 
 .c10 {
-  color: inherit;
+  color: #444;
   font-weight: inherit;
   cursor: pointer;
   font-family: var(--font-author);