How to make function names bold

[JerryI]

a crosspost from Telegram support chat

Hey guys, would it be simple or hard to highlight functions names in bold ?

[JerryI]

we have interface only for colors, but luckily one can do this in principle (thanks to CodeMirror)

  .ͼu {
    font-weight: 800;
}

just paste it as HTML cell, or directly to the settings (custom css)

to alter the font, you can use this class

.cm-line {
    font-family: ui-monospace !important;
}

[gganapat]

Hi, what are all the available classes and where are they documented?
thx!

[JerryI]

Hi!
Yep: https://wljs.io/frontend/Advanced/Styling
In principle with right click -> Inspect you can discover other classes, which are not officially covered.

[gganapat]

Thanks! I tried using macha template and making minor changes and some worked and some didn't.

p class worked but cin and cout didn't

[gganapat]

Never mind; I should have done .cin and .cout. Now it worked (kinda). The text in cin and cout still are green.

[JerryI]

Never mind; I should have done .cin and .cout. Now it worked (kinda). The text in cin and cout still are green.

I know how to fix it. Syntax highlighting uses special variables for different keywords

(see Root styles https://wljs.io/frontend/Advanced/Styling)

.html

<style>
 :root {

--editor-key-keyword: magenta;
--editor-key-literal: red;

 }
</style>

And I immediately spotted a bug, that fraction or square root does not inherit the same styles.

#403

[JerryI]

Never mind; I should have done .cin and .cout. Now it worked (kinda). The text in cin and cout still are green.

I know how to fix it. Syntax highlighting uses special variables for different keywords

(see Root styles https://wljs.io/frontend/Advanced/Styling)

.html

<style>
 :root {

--editor-key-keyword: magenta;
--editor-key-literal: red;

 }
</style>

Del.
I did not read your message properly.

[gganapat]

Pretty happy with the css generated by Claude with a simple prompt - "make a fancy css". Used as-is and it's great!

[JerryI]

Hah ;)
Nice!

I decided also to try and used a built-in "copilot" from the command palette (which is just OpenAPI api)

But it misunderstood me and made a "styled" page within a cell ;/

[gganapat]

ha, ha!