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 | b511cb76792add9b4297c2c2765ffa7ac77e359d (patch) | |
tree | e950e73f24cb1463fbd8ec6b5262b16cde7f0769 /extension/react-app/src | |
parent | 5237ae04282441f952ebb7e090b935e8bf43dedf (diff) | |
download | sncontinue-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.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 || ( |