diff --git a/app/components/CommandBarItem.tsx b/app/components/CommandBarItem.tsx index c205e25a7..f9de5a0d4 100644 --- a/app/components/CommandBarItem.tsx +++ b/app/components/CommandBarItem.tsx @@ -92,7 +92,9 @@ const Content = styled(Flex)` const Item = styled.div<{ active?: boolean }>` font-size: 15px; - padding: 10px 16px; + padding: 9px 12px; + margin: 0 8px; + border-radius: 4px; background: ${(props) => props.active ? props.theme.menuItemSelected : "none"}; display: flex; @@ -103,6 +105,7 @@ const Item = styled.div<{ active?: boolean }>` text-overflow: ellipsis; white-space: nowrap; overflow: hidden; + user-select: none; min-width: 0; ${(props) => diff --git a/app/components/Key.ts b/app/components/Key.ts index 7f5b9dd49..d3068a280 100644 --- a/app/components/Key.ts +++ b/app/components/Key.ts @@ -12,13 +12,12 @@ const Key = styled.kbd` font-family: ${(props) => props.symbol ? props.theme.fontFamily : props.theme.fontFamilyMono}; line-height: 10px; - color: ${(props) => props.theme.almostBlack}; + color: ${(props) => props.theme.textSecondary}; vertical-align: middle; background-color: ${(props) => props.theme.smokeLight}; border: solid 1px ${(props) => props.theme.slateLight}; border-bottom-color: ${(props) => props.theme.slate}; border-radius: 3px; - box-shadow: inset 0 -1px 0 ${(props) => props.theme.slate}; `; export default Key;