Margin or padding inside Color doesn't use background color

A simple example:

<Color bgCyan black>
  <Box padding={1}>Text here</Box>
</Color>

Expected result: Text here at the center of a cyan box with 1 padding all around

Actual result: Text here with cyan background, but at the center of a 1 padding black box

[vadimdemedes]

So the issue is when you have a box with padding, like <Box padding={1}>Text</Box>, for <Color> component there’s nothing to color on first and third lines, because those are just empty.

I’m going to leave this issue open for now, but I think when Ink is going to have support for borders, this will get solved as part of that work.

[icopp]

That makes sense, but also makes me think that there’s missing functionality there on Box. Of course, that’s probably more suited to wait until after borders go on so any color stuff can take advantage of the same boundary handling.