I want to document actions in a ssh terminal. I want to show what commands to type, what the response is, and maybe highlight some important information. In the legacy editor, this was possible with using code blocks. Unfortunately, the new editor does not allow any styling of code blocks and the background color isn't very terminal-ish. So to be precise: * I want a dark black background, that screams terminal to the user. * I want selectable text, so no screenshot * I want to color specific parts in contrasting colors, e.g. light gray for normal output. Bright white for what I type, Bright green and red for good or bad output. I got halfway by using a Custom Panel, coloring it gray and removing the icon, but it feels very sad compared to what I could do with the legacy editor.

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Terminal screenshot in confluence

Hans Yperman

I want to document actions in a ssh terminal. I want to show what commands to type, what the response is, and maybe highlight some important information.

In the legacy editor, this was possible with using code blocks. Unfortunately, the new editor does not allow any styling of code blocks and the background color isn't very terminal-ish.

So to be precise:

I want a dark black background, that screams terminal to the user.
I want selectable text, so no screenshot
I want to color specific parts in contrasting colors, e.g. light gray for normal output. Bright white for what I type, Bright green and red for good or bad output.

I got halfway by using a Custom Panel, coloring it gray and removing the icon, but it feels very sad compared to what I could do with the legacy editor.

Accepted answers

Aron Gombas _Midori_

Yes, I know this problem. The old macro had a "theme" parameter that allowed to choose a terminal-like color set, but the macro in the new editor doesn't support this.

There is a pretty good-looking app called Advanced Codeblocks. It seems that they are supporting themes, including dark one!

All comments

Aron Gombas _Midori_

Yes, I know this problem. The old macro had a "theme" parameter that allowed to choose a terminal-like color set, but the macro in the new editor doesn't support this.

There is a pretty good-looking app called Advanced Codeblocks. It seems that they are supporting themes, including dark one!

Hans Yperman

Thanks for your response. I was hoping for a solution without plugins (and I'm not a Confluence admin),. But we'll do with what we have, I guess.

Benedetta Russo

Hi Hans,

Unfortunately, the new editor’s code block styling is quite limited compared to the legacy one. There are a few workarounds you can try:

1. Use the Code macro (Cloud):
Type /code → choose Code snippet → pick a dark theme (e.g., “Dark”) if available. Syntax highlighting can give you some color contrast, but it’s not fully customizable.

2. Use the Custom Panel macro:
You can keep your approach but add inline formatting (bold, color text, etc.) inside it for limited highlighting.

3. Use a third-party app:
Apps like Content Formatting for Confluence or Advanced Code Blocks let you define custom colors and themes — great if you need a true terminal look with syntax-style coloring.

There’s no built-in way to fully style text inside code blocks in the new editor yet, but these options are the closest alternatives.

Hope that helps!

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

confluence-cloud