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; } } }

Background Shade the Codeblock?

Matthew Oney

Is there no way to make the background for the macro code block a different color? Or any other way to make it stand out?

It just looks odd with only the box around it. I've seen this asked in alot of other places but I haven't seen a solution yet.

Thanks!

Accepted answers

All comments

Daniel Eads

Hi @Matthew Oney ,

The code block macro in Confluence Server / Data Center comes with several themes. By selecting the macro, you can click the Edit button to modify the macro's options:

Aside from selecting a language for syntax highlighting and enabling line numbers, you can choose one of several themes. All the themes except 'Eclipse' and 'Confluence' come with dark backgrounds. Here's a screenshot of the snippet above using the Midnight theme:

You can even set a particular language as default for syntax highlighting, and change the default theme. (It's the 'Confluence' theme if this hasn't been configured yet).

Go to > General Configuration > Configure Code Macro.
Select a Default Theme and Default Language.
Choose Save.

If you're adding the macro using wiki markup, you can also pass options like the theme in as parameters. Details are available in the code macro's documentation.

On the Confluence Cloud side of things, the code macro has been replaced by the code snippet in the new editing experience. Currently code snippets aren't customizable (again, this is only Cloud) but a feature request for customizing them is fairly active . In Cloud however, the code snippets have a prominent grey background and stand out from the page fairly well.

Cheers,
Daniel | Atlassian Support

Matthew Oney

Got it, that's awesome and will definitely work!

Last question - In docuwiki there is a add-on for copy/paste; you left click in the code block and it copies the contents to your clipboard, is there something similar in confluence?

Thank you for your help!

Daniel Eads

Just noting another difference between Confluence Cloud and Confluence Server here for the benefit of other folks coming across this answer. On the Cloud code snippet, there's a copy button in the upper right:

However on Server, there's not a built-in button like this. I've checked the marketplace and found two code block apps that do provide this:

But it is pretty quick to "select all" with the out-of the-box code macro. Just double-click somewhere in the code block (after the first line) and all the text in the code block will be selected. From there you can cmd/ctrl+C or right-click to copy. Not as fast as a single button, but still faster than dragging to select all the text.

Matthew Oney

Actually this is crazy... so I can only have the 'default' code macro?

I can't have one for python that I call with like ...
{pyth...

one for powershell code block

{powe...

There's no way to have more than one codeblock?

Thanks for you patience and help with this!

Welcome!

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

Quick Links

Find more posts tagged with

confluence

server

confluence-server