diff --git a/packages/uniwind/src/metro/processor/rn.ts b/packages/uniwind/src/metro/processor/rn.ts index f83f173e..f72e7d2c 100644 --- a/packages/uniwind/src/metro/processor/rn.ts +++ b/packages/uniwind/src/metro/processor/rn.ts @@ -165,6 +165,7 @@ const cssToRNMap: Record Record> = { } const BORDER_WIDTH_KEYS = ['borderTopWidth', 'borderRightWidth', 'borderBottomWidth', 'borderLeftWidth'] +const BORDER_COLOR_KEYS = ['borderTopColor', 'borderRightColor', 'borderBottomColor', 'borderLeftColor'] export class RN { constructor(private readonly Processor: ProcessorBuilder) {} @@ -304,6 +305,18 @@ export class RN { } } + if (BORDER_COLOR_KEYS.every(key => keys.includes(key))) { + const borderColor = styles.borderTopColor + + // Join border colors + if (BORDER_COLOR_KEYS.every(key => styles[key] === borderColor)) { + return { + ...removeKeys(styles, BORDER_COLOR_KEYS), + borderColor, + } + } + } + return styles } }