add black, keep backgound on unselected color

Signed-off-by: mathieu <mathieu.dreano@gmail.com>
This commit is contained in:
mathieu 2024-10-23 23:06:00 +02:00
parent 1ce499f95b
commit d863c54243
2 changed files with 2 additions and 1 deletions

View File

@ -2,6 +2,7 @@ import styled from 'styled-components';
const Wrapper = styled.div` const Wrapper = styled.div`
.current-environment { .current-environment {
background-color: ${(props) => props.color ? undefined : props.theme.sidebar.badge.bg};
border: 2px solid ${(props) => props.color ?? props.theme.sidebar.badge.bg}; border: 2px solid ${(props) => props.color ?? props.theme.sidebar.badge.bg};
border-radius: 15px; border-radius: 15px;

View File

@ -21,7 +21,7 @@ const EnvironmentColor = ({ environment, collectionUid }) => {
id="environment-color" id="environment-color"
circleSize={14} circleSize={14}
circleSpacing={3} circleSpacing={3}
colors={['#9c27b0','#3f51b5','#03a9f4','#009688','#8bc34a','#ffeb3b','#ff9800','#ff5722','#795548','#607d8b']} colors={['#000000','#9c27b0','#3f51b5','#03a9f4','#009688','#8bc34a','#ffeb3b','#ff9800','#ff5722','#795548','#607d8b']}
color={environment.color} color={environment.color}
onChangeComplete={(color) => onColorChange(color.hex)} onChangeComplete={(color) => onColorChange(color.hex)}
/> />