[Question]A Custom Code Theme In Markdown.

[tanmay-bhatgare]

Question

Is there any way to add custom theme for code block in ft.Markdown()? I look into markdown.py file but didn't find any solution. Your answers and welcomed?

Code sample

None

Error message

None

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[ingdesarr1]

In the documentation, appears this:

https://flet.dev/docs/reference/types/markdownstylesheet/

[tanmay-bhatgare]

In the documentation, appears this:

https://flet.dev/docs/reference/types/markdownstylesheet/

@ingdesarr1
thanks for help but ft.MarkdownStyleSheet is used to style entire markdown control including its style(like h1 text size etc), but I specifically want to add my own custom code theme so idt it's what I need.

[ndonkoHenri]

use Markdown.code_style_sheet:

def main(page: ft.Page):
    page.scroll = "auto"

    page.add(
        ft.Markdown(
            YOUR_TEXT_HERE,
            selectable=True,
            extension_set=ft.MarkdownExtensionSet.GITHUB_WEB,
            code_theme=ft.MarkdownCodeTheme.ATOM_ONE_DARK,
            code_style_sheet=ft.MarkdownStyleSheet(
                code_text_style=ft.TextStyle(color=ft.colors.YELLOW, size=12),
            ),
            on_tap_link=lambda e: page.launch_url(e.data),
        )
    )


ft.app(main)

[tanmay-bhatgare]

@ndonkoHenri
Apologies for the late update, but when I tried implementing the syntax highlighting, it just colors every word purple, leaving only strings intact. See:

I’d like to create a custom theme with different colors for keywords, variables, strings, etc., something structured like a dictionary holding these elements. How did you set up themes like the Atom or GitHub code themes initially, and can I do the same and how?

[ndonkoHenri]

I created an issue to fix that: #4342