diff --git a/apple/OmnivoreKit/Sources/Views/TextChip.swift b/apple/OmnivoreKit/Sources/Views/TextChip.swift index fab31a816..eeac92cda 100644 --- a/apple/OmnivoreKit/Sources/Views/TextChip.swift +++ b/apple/OmnivoreKit/Sources/Views/TextChip.swift @@ -58,7 +58,7 @@ public struct TextChip: View { } var backgroundColor: Color { - color.opacity(colorScheme == .dark ? 0.08 : 1) + color.opacity(colorScheme == .dark ? 0.2 : 1) } var borderColor: Color { @@ -73,7 +73,7 @@ public struct TextChip: View { ZStack(alignment: .topTrailing) { Text(text) .strikethrough(color: negated ? textColor : .clear) - .padding(.horizontal, 10) + .padding(.horizontal, 8) .padding(.vertical, 5) .font(.appCaptionBold) .foregroundColor(textColor) diff --git a/packages/web/components/elements/LabelChip.tsx b/packages/web/components/elements/LabelChip.tsx index 648977c84..c822e3eb1 100644 --- a/packages/web/components/elements/LabelChip.tsx +++ b/packages/web/components/elements/LabelChip.tsx @@ -41,7 +41,7 @@ export function LabelChip(props: LabelChipProps): JSX.Element { css={{ display: 'inline-table', margin: '4px', - borderRadius: '32px', + borderRadius: '4px', color: isDarkMode ? darkThemeTextColor : lightThemeTextColor, fontSize: '12px', fontWeight: 'bold', @@ -49,7 +49,9 @@ export function LabelChip(props: LabelChipProps): JSX.Element { whiteSpace: 'nowrap', cursor: 'pointer', backgroundClip: 'padding-box', - border: isDarkMode ? `1px solid ${darkThemeTextColor}` :`1px solid rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.7)`, + border: isDarkMode + ? `1px solid ${darkThemeTextColor}` + : `1px solid rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.7)`, backgroundColor: isDarkMode ? `rgba(${color[0]}, ${color[1]}, ${color[2]}, 0.08)` : props.color,