add black, keep backgound on unselected color

Signed-off-by: mathieu <mathieu.dreano@gmail.com>
usebruno · Oct 23, 2024 · 9026f34 · 9026f34
1 parent d0ebd4a
commit 9026f34
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js b/packages/bruno-app/src/components/Environments/EnvironmentSelector/StyledWrapper.js
@@ -2,6 +2,7 @@ import styled from 'styled-components';
 
 const Wrapper = styled.div`
   .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-radius: 15px;
 

diff --git a/...ronments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentColor/index.js b/...ronments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentColor/index.js
@@ -21,7 +21,7 @@ const EnvironmentColor = ({ environment, collectionUid }) => {
       id="environment-color"
       circleSize={14}
       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}
       onChangeComplete={(color) => onColorChange(color.hex)}
     />