Skip to content

Commit

Permalink
feat: change dropdown selected item background to aqua with 0.2 opacity
Browse files Browse the repository at this point in the history
  • Loading branch information
expectNothin9 committed Oct 27, 2021
1 parent d61189e commit 1018949
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 2 deletions.
7 changes: 6 additions & 1 deletion packages/react-dropdown/src/Items.js
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,12 @@ export const HIGHLIGHTED = (props: { theme: Object }) =>
? props.theme.colors.gray1
: props.theme.colors.gray5;

export const SELECTED = (props: { theme: Object }) => props.theme.colors.gray3;
export const SELECTED = (props: { theme: Object }) =>
props.theme.current === 'light'
? Color(props.theme.colors.aqua)
.alpha(0.2)
.string()
: props.theme.colors.gray3;

export const Item = styled.li`
display: flex;
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -1478,7 +1478,7 @@ exports[`using arrow down should hover on element 1`] = `
flex-direction: row;
cursor: pointer;
padding: 5px;
background-color: #8F9BA3;
background-color: rgba(30,215,209,0.2);
color: #2E3338;
}
Expand Down

0 comments on commit 1018949

Please sign in to comment.