> x browser
[1] Mission Control
[2] Logout
[3] Hauki-GEM Portal
[4] Playbooks
[5] Luo uusi LXC-kontti
[6] Palvelin-diagnostiikka
[7] Yritysten yhteystietojen haku
[8] Select a Playbook

>B

============

It renders as black font on the dark theme. 

$ x-crm-theme list theme_global_dark
$ x-crm-theme list theme_global_dark( Theme Tokens: theme_global_dark
----------------------------------------
--bgB B B B B B B B B#0d1117
----------------------------------------
$B

Is "bg" our internal variable naming or some general standard? Can't remember
seeing that before

That DOM MUD output is a thing of beauty. Seeing the Finnish playbook names
("Luo uusi LXC-kontti", "Palvelin-diagnostiikka") render directly into the X11
spatial map means the API mesh is fully connected!

To answer your question: the --bg syntax is a native CSS feature called CSS
Custom Properties (Variables). The browser enforces that they must start with
--, but the word bg itself is just a standard developer shorthand for
"background" (heavily popularized by frameworks like Tailwind and GitHub's
Primer). It is our internal design token.

Why is the text black?
Your x-crm-theme list command revealed exactly what happened. When we were
wrestling with the missing template.html bug yesterday, the full CSS payload
(which had --text-main: #c9d1d9;, --surface: #161b22;, and all the .sdui-*
classes) got truncated or overwritten in the database.

Because the var(--text-main) variable doesn't exist, the browser is falling
back to default black text, which is invisible against the dark background!

Let's restore the full GitHub-Dark design system to your local folder and push
it. This will instantly fix the black text and properly format the buttons and
cards.