diff --git a/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/StyledWrapper.jsx b/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/StyledWrapper.jsx index 7eb9b6753..04f8b1101 100644 --- a/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/StyledWrapper.jsx +++ b/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/StyledWrapper.jsx @@ -70,7 +70,16 @@ const StyledWrapper = styled.div` transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease; &.is-selected { - background-color: ${(props) => props.theme.background.surface2}; + background-color: ${(props) => props.theme.background.surface0}; + + .checkbox { + background-color: ${(props) => props.theme.primary.solid}; + border-color: ${(props) => props.theme.primary.solid}; + } + + .checkbox-icon { + color: ${(props) => props.theme.bg}; + } } &.is-dragging { @@ -144,7 +153,7 @@ const StyledWrapper = styled.div` .checkbox { width: 1rem; height: 1rem; - border: 1px solid ${(props) => props.theme.sidebar.dragbar}; + border: 1px solid ${(props) => props.theme.border.border2}; border-radius: 3px; display: flex; align-items: center; @@ -152,7 +161,7 @@ const StyledWrapper = styled.div` transition: all 0.1s ease; &:hover { - border-color: ${(props) => props.theme.textLink}; + border-color: ${(props) => props.theme.primary.solid}; } } } diff --git a/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/index.jsx b/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/index.jsx index 818d90276..994be21c3 100644 --- a/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/index.jsx +++ b/packages/bruno-app/src/components/RunnerResults/RunConfigurationPanel/index.jsx @@ -107,7 +107,7 @@ const RequestItem = ({ item, index, moveItem, isSelected, onSelect, onDrop }) =>
onSelect(item)}>
- {isSelected && } + {isSelected && }
diff --git a/packages/bruno-app/src/components/RunnerResults/StyledWrapper.js b/packages/bruno-app/src/components/RunnerResults/StyledWrapper.js index 5cdfa200b..958cc3a45 100644 --- a/packages/bruno-app/src/components/RunnerResults/StyledWrapper.js +++ b/packages/bruno-app/src/components/RunnerResults/StyledWrapper.js @@ -52,6 +52,10 @@ const Wrapper = styled.div` .button-sm { font-size: ${(props) => props.theme.font.size.sm}; } + + .run-config-panel, .run-config-option { + border-color: ${(props) => props.theme.background.surface1}; + } `; export default Wrapper; diff --git a/packages/bruno-app/src/components/RunnerResults/index.jsx b/packages/bruno-app/src/components/RunnerResults/index.jsx index 6504eda2e..6450e346a 100644 --- a/packages/bruno-app/src/components/RunnerResults/index.jsx +++ b/packages/bruno-app/src/components/RunnerResults/index.jsx @@ -303,7 +303,7 @@ export default function RunnerResults({ collection }) { {/* Configure requests option */} -
+
{configureMode && ( -
+