Text with background color and rounded borders in asciidoctor-pdf

Question

I am trying to create some badge-like texts for my documentation, to highlight the status of some issues.

Here are some examples (jira issues embedded in a confluence wiki)

Example for a "closed"-badge

Example for "waiting for solution"-badge

I even struggle to find any simple way to set a background-color for a text in asciidoctor-pdf.

The most promising attempt was using a themed button-macro.

btn:[Closed]

with this theme-section:

button:
  background-color: #88FF88
  border-color: #33FF33
  border-radius: 5
  border-width: 0.5
  border-offset: 3.0

The result is quite close to what I hoped to achieve, however I cannot have buttons with different colors. Or is it possible to overwrite the theme-values in the *.adoc file itself?

Is there any other possibility to create something similar in asciidoc-pdf?

Nicolai Henriksen · Accepted Answer · 2023-03-13 20:54:06Z

2

You might be able to achive this with roles.

I have at the top of my .adoc file:

:pdf-theme: my-theme.yml

Then I have a file called my-theme.yml in the same directory as my .adoc:

extends: default

role:
  done:
    font-color: ffffff
    background-color: #88FF88
    border-color: #33FF33
    border-radius: 2
    border-width: 0.5
    border-offset: .0

When I use it, I do this:

[.done]#DONE#

answered Mar 13, 2023 at 20:54

Nicolai Henriksen

1,5243 gold badges17 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

aZr4el Over a year ago

Thanks for the hint, was already using roles but did not know that I can also define borders in them. I am using this configuration now: green: font-color: #006644 font_size: 7 font_style: bold background-color: #e3fcef border-color: #e3fcef border-radius: 3 border-width: 0.5 border-offset: 1.0

Collectives™ on Stack Overflow

Text with background color and rounded borders in asciidoctor-pdf

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related