Hôm nay thì mình không có ý định share code, vì lúc tối mình có lướt qua diễn đàn thấy bài viết của bạn Mr**** có hướng dẫn nội dung này bằng js. Mình dựa trên ý tưởng đó. Vẫn không phải là ý tưởng của mình nhé!

Hướng dẫn:
Bước 1 thêm code này vào sb ô 1:

Code số 1

{% for i in 0..message_list|split('[fbpro]')|length-1 %}<div style="background:#{% if i%2==0 %}f00{% else %}0f0{% endif %}">{{message_list|split('[fbpro]')|raw}}</div>{% endfor %}

Code trên ta thay thế {{message_list}} ở ô 1 thành code như trên. Thay f00 và 0f0 thành màu xen kẽ bạn thích. Next, thêm code sau vào cuối cùng [bắt buộc] ô 2 Code số 2

[fbpro]

Code trên không có gì để bàn.

Next to, cuối cùng là text thôi.

Giải thích: Code số 1: chứa hàm for twig gán giá trị số cho từng tin nhắn sb [dạng: mỗi tin
nhắn là 1 số riêng biệt]. Vậy là ta đã giải quyết xong việc gán số thứ tự cho tin nhắn. Còn hiện màu nền cho từng tin nhắn? Theo code 1 ta thấy if twig dùng để phân biệt tin nhắn chẵn, lẻ [như theo bạn Mr**** nói, thực là như vậy] mà ta gán mã màu xen kẽ. Code số 2 thực tế chỉ để phân tách tin nhắn ở ô 1
[dùng hàm split].
------------------------
Nói chung code trên khá đơn giản, chỉ cần áp dụng theo căn bản và mở rộng 1 chút. Code trên, mục đích mình viết ra chỉ có ý chuyển code js thành twig, hiển thị tốt hơn trên các trình duyệt.

Chúc bạn thành công!