For instance, this is swift code func jjj () { let jj: String = "1" } [image] I want it to be coloured like the following, [image]

You can target separately the code languages and override the auto language detection like the posts above mentioned it. If you want to target swift than you can do it with .language-swift class. To be more specific… code.hljs.language-swift. And you can change swift colors in CSS. [صورة] Prett…

The color is added depending on the language. You can check whether Swift is added in the highlighted_languages and if detection still does not work, you can also manually set the language for a code block. [صورة] Select the programming language used in code blocks Using Discourse …

The code block formatting is fine it was added as (without the “”) "``` swift [code here] "``` It highlights as follows, but the issue is the colour it provides, I don’t like it. It gets highlighted as below. (see the red colour “jjj”, I want to have it in blue colour. [image] But I want somet…

Detected languages are done through a site setting: highlighted languages. [image] Swift belongs to the list by default but does not on meta. The supported languages by this third-party library are listed here: https://highlightjs.readthedocs.io/en/latest/supported-languages.html edit: as expl…

Hello :waving_hand: You can also try to change colors with this theme component :slightly_smiling_face: [صورة] Custom Code Theme component discourse2 Summary Custom Code allows you to customize the font and colors for source shared on the site. eyeglasses …

Thank you for the tip and the link. However, the site setting highlighted languages includes swift. It gets highlighted, but I don’t like the colours it currently highlighting. Is there any other way? editing the highlight.js inside the discourse folder etc? there should be a way isn’t it, I notice …

Oh, sorry about that, I misread your topic. :person_facepalming: [صورة] PrettyGirl: Discourse ships with hightlight.js by default? Yes :slight_smile:

Did you try the theme component posted beeper your last message?

I didn’t, because, I don’t know what other areas (throughout the entire discourse app) will look different if I apply any other themes. I like the current look and settings, but just couple of issues here and there. If the theme changes other appearance or settings etc along with providing nice code…

[صورة] PrettyGirl: I didn’t, because, I don’t know what other areas (throughout the entire discourse app) will look different if I apply any other themes. A theme-component is added to the theme you already use. So it does not change the whole look, it adds or changes something specific. So …

[صورة] PrettyGirl: I didn’t, because, I don’t know what other areas (throughout the entire discourse app) will look different if I apply any other themes. The description says that it changes just code blocks, which is exactly what you want to do. Please read the links about how themes work …

كيفية تغيير الألوان الافتراضية لكتل الكود المتوفرة؟

الدعم

Moin 5 أكتوبر 2023، 5:30ص 11

تمت إضافة Theme component إلى Theme الذي تستخدمه بالفعل. لذا فهو لا يغير المظهر بالكامل، بل يضيف أو يغير شيئًا محددًا. لذا فإن مكون الكود المخصص يغير مظهر الكود فقط

الموضوع		الردود	مرات العرض
Add new highlightjs languages Support	2	125	13 مايو 2025
HighlightJS is auto-selecting wrong language Support	6	1152	18 مارس 2020
Configure which programming languages are available for syntax highlighting Site Management how-to , customization	6	2615	26 أغسطس 2024
Choosing code highlight styles Support	5	1260	8 يناير 2019
Be sure to get user input on which language the preformatted text is UX	2	333	23 مارس 2024

كيفية تغيير الألوان الافتراضية لكتل الكود المتوفرة؟

الموضوعات ذات الصلة