Changing label recolor syntax to #\ so we can use '#' in text

Feature request
1

Right now, if I turn on the recolor feature for labels, I can’t actually use a normal # character in my text because LVGL always thinks it’s the start of a color code. This is a problem when I want to write something like “System #1 status: #00FF00 ONLINE#”. Currently, that first # causes the text to be rendered differently than intended.

I want to change the syntax to use #\ instead of just #. For example, changing a color would look like this: System #1 status: #\00FF00 ONLINE#

This way, the parser knows that a single # is just regular text, and it only starts coloring when it sees the #\ sequence. I’m ready to write the code for this change myself—I just wanted to check if you guys like this syntax before I start on the PR.

2

Hi @isabella,

This is an interesting topic to discuss. As for the syntax, is fine. But have you considered using two different labels to represent your message?

For example,

First Label : “System #1”
Second label: "#00FF00 ONLINE#” or #00FF00 OFFLINE#”

3

Thank you for the input!

Yes, it is absolutely possible to use two different labels. But I was hoping for a solution which is easier for the user :slight_smile:

4

Umm isnt ## for this?

5

Didn’t know about that, thank you! But it doesn’t seem like I can recolor the actual # then, right?

6

Did you try escaping the # in the text? Usually a backslash before a character locks it in as a literal.

7

It seems LVGL doesn’t currently support an escape sequence for recolor mode. Using ## renders the second #, but the label text is clipped when using LV_SIZE_CONTENT.

lv_obj_t *label = lv_label_create(lv_screen_active());
lv_label_set_text(label, "Set Data ## and some text");
lv_label_set_recolor(label, true);

Screenshot 2026-07-20 at 22.54.13