diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-07-19 18:45:46 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-07-19 18:45:46 -0700 |
| commit | 2f777ea933d4a41b600feedeff7d85257c5b136d (patch) | |
| tree | c58c8b95e8ed57d394ddb562b720370a1aeac8f1 /extension/react-app/src | |
| parent | 6bcb3dcb7158ccb9674f79978b343312f9ad8a31 (diff) | |
| download | sncontinue-2f777ea933d4a41b600feedeff7d85257c5b136d.tar.gz sncontinue-2f777ea933d4a41b600feedeff7d85257c5b136d.tar.bz2 sncontinue-2f777ea933d4a41b600feedeff7d85257c5b136d.zip | |
transparent bg fix
Diffstat (limited to 'extension/react-app/src')
| -rw-r--r-- | extension/react-app/src/components/ComboBox.tsx | 3 | ||||
| -rw-r--r-- | extension/react-app/src/components/PillButton.tsx | 2 |
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 || ( |