How to render code blocks with the same style as figures in PDF

[jandermoreira]

Description

I'm writing a book and just started learning quarto.

When I render the document in PDF, figures and tables use the standard style for captions: one line captions are centered, multi-line captions are justified with "Figure X"/"Table X" at left. This is all ok for me. I'm using document class scrbook and, so far, everything else looks just as I expected.

My text also include Python code. For example:

```{#lst-my-code .python lst-cap="My simple code"}
def f(n):
    return n*n
```

These listings are rendered in a very distinct way than figures and tables. The captions are always left aligned, the "Listing" text is bold face, there are lines above and below the caption text and a line at the bottom of the code too.

Is there a setting to get listings rendered (in special the caption) the same way as figures and tables?

Can I edit CSS styles somewhere?

[mcanouil]

Can I edit CSS styles somewhere?

PDF book format uses LaTeX. CSS is for HTML.

What you can do is use LaTeX and define your own environment.
Code listing uses listing LaTeX environment.
You can see the LaTeX by adding keep-tex: true in your YAML frontmatter.

\begin{codelisting}

\caption{My simple code}

\hypertarget{lst-my-code}{%
\label{lst-my-code}}%
\begin{Shaded}
\begin{Highlighting}[]
\KeywordTok{def}\NormalTok{ f(n):}
    \ControlFlowTok{return}\NormalTok{ n}\OperatorTok{*}\NormalTok{n}
\end{Highlighting}
\end{Shaded}

\end{codelisting}

Where codelisting LaTeX environment is defined as (also in the tex file):

\@ifpackageloaded{float}{}{\usepackage{float}}
\floatstyle{ruled}
\@ifundefined{c@chapter}{\newfloat{codelisting}{h}{lop}}{\newfloat{codelisting}{h}{lop}[chapter]}
\floatname{codelisting}{Listing}

Work ongoing (watch #4944) will add more flexibility in the cross-reference system which would allow you to do what you want.

[jandermoreira]

The option keep-tex: true is a great one! I was using two formats: pdf and latex. Now it's half the effort!

I just solved this by adding:

include-before-body: 
  - text: |
      \floatstyle{plain}
      \restylefloat{codelisting}

I took me some time to figure out the \floatstyle{ruled} in the TeX file.

#4944 is also great news!