display links and image placeholders in entries in the same color as the text so that they are not mistaken for commafeed actions

This commit is contained in:
Athou
2023-12-31 18:22:12 +01:00
parent 6e5f362a8e
commit 8dab16090f
3 changed files with 17 additions and 39 deletions

View File

@@ -14,7 +14,6 @@ interface ImageWithPlaceholderWhileLoadingProps {
placeholderHeight?: number
placeholderBackgroundColor?: string
placeholderIconSize?: number
placeholderIconColor?: string
}
const useStyles = tss
@@ -24,20 +23,12 @@ const useStyles = tss
placeholderWidth?: number
placeholderHeight?: number
placeholderBackgroundColor?: string
placeholderIconColor?: string
}>()
.create(props => ({
placeholder: {
width: props.placeholderWidth ?? 400,
height: props.placeholderHeight ?? 600,
maxWidth: "100%",
color:
props.placeholderIconColor ??
props.theme.variantColorResolver({
theme: props.theme,
color: props.theme.primaryColor,
variant: "subtle",
}).color,
backgroundColor:
props.placeholderBackgroundColor ??
(props.colorScheme === "dark" ? props.theme.colors.dark[5] : props.theme.colors.gray[1]),
@@ -49,7 +40,6 @@ export function ImageWithPlaceholderWhileLoading({
height,
placeholderBackgroundColor,
placeholderHeight,
placeholderIconColor,
placeholderIconSize,
placeholderWidth,
src,
@@ -64,7 +54,6 @@ export function ImageWithPlaceholderWhileLoading({
placeholderWidth,
placeholderHeight,
placeholderBackgroundColor,
placeholderIconColor,
})
const [loading, setLoading] = useState(true)