How to make design like this?

[ayanokoji (Kiyotaka Ayaokoji)]

How do I add line number of texts? and if possible then I also want to add different colors on text like this (like pink color for variables, green for codes etc.)

[mahmoud_hooda (AEMO)]

@ayanokoji try this extension

[Free] WebCodeView ||| Preview code in WebView very easy and simple with awesome styles

All Blocks : [all] Instructions Of Extension : [blocks] To add webview in your view [blocks (1)] To set your code [blocks (2)] If true that is will wrap any line doesn't have code [blocks (4)] To set style of view (Theme)

All Styles

<a class="lightbox" href="https://kodular-community.s3.dualstack.eu-west-1.amazonaws.com/original/3X/5/a/5a28e05ca6397af9ee7827df32815c29a59a417a.png" data-download-href="/uploads/short-url/cRAy4RFVIcxASO4B2a6W5KwNmK6.png…

[ayanokoji (Kiyotaka Ayaokoji)]

thanks but i found lots of issue in this extension

[mahmoud_hooda (AEMO)]

Like what?