Coloring borders

[mavam]

Is there a way to colorize borders? Adding | border alone doesn't give the desired control. I'm catching myself now doing things like separator() | color(...), but that workaround only works in rare occasions. Have you ever considered adding color parameter to border?

Here's an example screenshot of a data analytics TUI I'm building:

[ArthurSonzogni]

Sounds like a good idea to me!

[mavam]

What I noticed is that the the current border functions allow for passing in a style (light, single, double), but not a color. If we encode the style in the name of the border function (e.g., border(Light|Single|Double|Heavy), then the color can become an optional argument.

[ArthurSonzogni]

Feature added here: https://github.com/ArthurSonzogni/FTXUI/pull/595/files

[mavam]

Related question: is there a way to configure the color of a border of a resizable split? I posted a video in #632 that uses colored borders, but I cannot apply the same coloring to the resizable split border.

[ArthurSonzogni]

After this patch: 9b074d1

You should be able to put "arbitrary" element as a separator. For your use case:

  auto component = ResizableSplit({
      .main = BasicComponent(),
      .back = BasicComponent(),
      .direction = Direction::Right,
      .main_size = &position,
      .separator_func = [] { return separator() | color(Color::Red) },
  });

[mavam]

💯