A few design fixes (#424)

This commit is contained in:
Charles Bochet
2023-06-25 19:28:02 -07:00
committed by GitHub
parent f0bbfb11ee
commit 643d090091
4 changed files with 4 additions and 6 deletions

View File

@ -56,7 +56,7 @@ const StyledTooltip = styled(Tooltip)`
box-shadow: 2px 4px 16px 6px box-shadow: 2px 4px 16px 6px
${(props) => props.theme.lightBackgroundTransparent}; ${(props) => props.theme.lightBackgroundTransparent};
color: ${(props) => props.theme.text100}; color: ${(props) => props.theme.text80};
opacity: 1; opacity: 1;
padding: 8px; padding: 8px;

View File

@ -42,8 +42,6 @@ const StyledThreadItemListContainer = styled.div`
gap: ${(props) => props.theme.spacing(4)}; gap: ${(props) => props.theme.spacing(4)};
justify-content: flex-start; justify-content: flex-start;
max-height: 400px;
overflow: auto;
width: 100%; width: 100%;
`; `;

View File

@ -28,7 +28,7 @@ const StyledItem = styled.button<StyledItemProps>`
border-radius: 4px; border-radius: 4px;
color: ${(props) => { color: ${(props) => {
if (props.active) { if (props.active) {
return props.theme.text100; return props.theme.text80;
} }
if (props.danger) { if (props.danger) {
return props.theme.red; return props.theme.red;
@ -49,7 +49,7 @@ const StyledItem = styled.button<StyledItemProps>`
pointer-events: ${(props) => (props.soon ? 'none' : 'auto')}; pointer-events: ${(props) => (props.soon ? 'none' : 'auto')};
:hover { :hover {
background: ${(props) => props.theme.lightBackgroundTransparent}; background: ${(props) => props.theme.lightBackgroundTransparent};
color: ${(props) => (props.danger ? props.theme.red : props.theme.text100)}; color: ${(props) => (props.danger ? props.theme.red : props.theme.text80)};
} }
user-select: none; user-select: none;

View File

@ -30,7 +30,7 @@ const AddButtonContainer = styled.div`
align-items: center; align-items: center;
border: 1px solid ${(props) => props.theme.primaryBorder}; border: 1px solid ${(props) => props.theme.primaryBorder};
border-radius: 4px; border-radius: 4px;
color: ${(props) => props.theme.text80}; color: ${(props) => props.theme.text40};
cursor: pointer; cursor: pointer;
display: flex; display: flex;
flex-shrink: 0; flex-shrink: 0;