summaryrefslogtreecommitdiff
path: root/extension/react-app/src
diff options
context:
space:
mode:
authorNate Sesti <sestinj@gmail.com>2023-07-19 18:45:46 -0700
committerNate Sesti <sestinj@gmail.com>2023-07-19 18:45:46 -0700
commitb511cb76792add9b4297c2c2765ffa7ac77e359d (patch)
treee950e73f24cb1463fbd8ec6b5262b16cde7f0769 /extension/react-app/src
parent5237ae04282441f952ebb7e090b935e8bf43dedf (diff)
downloadsncontinue-b511cb76792add9b4297c2c2765ffa7ac77e359d.tar.gz
sncontinue-b511cb76792add9b4297c2c2765ffa7ac77e359d.tar.bz2
sncontinue-b511cb76792add9b4297c2c2765ffa7ac77e359d.zip
transparent bg fix
Diffstat (limited to 'extension/react-app/src')
-rw-r--r--extension/react-app/src/components/ComboBox.tsx3
-rw-r--r--extension/react-app/src/components/PillButton.tsx2
2 files changed, 3 insertions, 2 deletions
diff --git a/extension/react-app/src/components/ComboBox.tsx b/extension/react-app/src/components/ComboBox.tsx
index f327e3a3..1e2ca135 100644
--- a/extension/react-app/src/components/ComboBox.tsx
+++ b/extension/react-app/src/components/ComboBox.tsx
@@ -71,7 +71,6 @@ const Ul = styled.ul<{
: `transform: translateY(${2 * mainInputFontSize}px);`}
position: absolute;
background: ${vscBackground};
- background-color: ${secondaryDark};
color: ${vscForeground};
max-height: ${UlMaxHeight}px;
width: calc(100% - 16px);
@@ -96,7 +95,7 @@ const Li = styled.li<{
selected: boolean;
isLastItem: boolean;
}>`
- background-color: ${secondaryDark};
+ background-color: ${vscBackground};
${({ highlighted }) => highlighted && "background: #ff000066;"}
${({ selected }) => selected && "font-weight: bold;"}
padding: 0.5rem 0.75rem;
diff --git a/extension/react-app/src/components/PillButton.tsx b/extension/react-app/src/components/PillButton.tsx
index c24dba83..5929d06a 100644
--- a/extension/react-app/src/components/PillButton.tsx
+++ b/extension/react-app/src/components/PillButton.tsx
@@ -4,6 +4,7 @@ import {
StyledTooltip,
defaultBorderRadius,
secondaryDark,
+ vscBackground,
vscForeground,
} from ".";
import {
@@ -113,6 +114,7 @@ const PillButton = (props: PillButtonProps) => {
<GridDiv
style={{
gridTemplateColumns: props.onlyShowDelete ? "1fr" : "1fr 1fr",
+ backgroundColor: vscBackground,
}}
>
{props.onlyShowDelete || (