Como posso fazer essas modificações específicas usando tcolorbox

Question

Estou desenvolvendo um template e queria fazer uma caixa utilizando o pacote tcolorbox de uma forma específica. Gostaria que quando a página quebrasse a caixa de uma página para outra, a formatação ficasse assim:

E na próxima página ficaria assim:

Além disso, quando não houvesse intervalo, ficaria assim:

Até agora, meu código está assim:

\definecolor{ChapterBackground}{HTML}{101010}
\definecolor{ChapterForeground}{HTML}{e93820}
\newtcolorbox{solution}[1][]{%
enhanced,
breakable,
boxrule = 0pt,frame hidden,
borderline west = {4pt}{0pt}{ChapterBackground},
colback = CoverForeground!10,
sharp corners,
coltitle = ChapterForeground!85,
rounded corners = southeast,
rounded corners = northeast,
arc is angular,
arc = 3mm,
attach boxed title to top left,
boxed title style = {%
        enhanced,
        colback=ChapterBackground,
        top=0pt,
        bottom=0pt,
        sharp corners,
        rounded corners = northeast,
        arc is angular,
        arc = 2mm,
        colframe = ChapterBackground,
        rightrule = 0pt,
        bottomrule = 0pt,
        toprule = 0pt,
},
title = {\bfseries Solution:},
underlay = {% Leaf fold
    \path[fill = tcbcolback!80!black] ([yshift = 3mm]interior.south east)--++(-0.4,-0.1)--++(0.1,-0.2);
    \path[draw = tcbcolframe,
    shorten <=-0.05mm,
    shorten >=-0.05mm, 
    draw opacity=0] ([yshift = 3mm]interior.south east)--++(-0.4,-0.1)--++(0.1,-0.2);
},
overlay unbroken and first={%
    \path
    let
    \p1=(title.north east),
    \p2=(frame.north east)
    in
    node[anchor=west,
         color=black!70] 
    at (title.east) {#1};}}

Se alguém souber como fazer essas pequenas alterações bem específicas, ficaria muito grato.

Answer 1

Eu acho que o que você está procurando é algo assim:

\documentclass{article}
\usepackage{tcolorbox}
\tcbuselibrary{skins, breakable}

\definecolor{ChapterBackground}{HTML}{101010}
\definecolor{ChapterForeground}{HTML}{e93820}
\definecolor{CoverForeground}{HTML}{ee0000}

\newtcolorbox{solution}[1][]{%
    enhanced,
    skin first = enhanced,
    skin middle = enhanced,
    skin last = enhanced,
    breakable,
    boxrule = 0pt,
    frame hidden,
    borderline west = {4pt}{0pt}{ChapterBackground},
    colback = CoverForeground!10,
    coltitle = ChapterForeground!85,
    sharp corners,
    rounded corners = southeast,
    rounded corners = northeast,
    arc is angular,
    arc = 3mm,
    attach boxed title to top left,
    boxed title style = {%
        enhanced,
        colback = ChapterBackground,
        colframe = ChapterBackground,
        top = 0pt,
        bottom = 0pt,
        sharp corners,
        rounded corners = northeast,
        arc is angular,
        arc = 2mm,
        rightrule = 0pt,
        bottomrule = 0pt,
        toprule = 0pt,
    },
    title = {\bfseries Solution:}, 
    overlay unbroken = {%
        \node[anchor=west, color=black!70] at (title.east) {#1};
    },
    overlay first = {%
        \node[anchor=west, color=black!70] at (title.east) {#1};
        \path[fill = tcbcolback!80!black] 
            ([yshift = 3mm]interior.south east) -- ++(-0.4,-0.1) -- ++(0.1,-0.2);
    },
    overlay middle = {%
        \path[fill = tcbcolback!80!black] 
            ([yshift = -3mm]interior.north east) -- ++(-0.4,0.1) -- ++(0.1,0.2);
        \path[fill = tcbcolback!80!black] 
            ([yshift = 3mm]interior.south east) -- ++(-0.4,-0.1) -- ++(0.1,-0.2);
    },
    overlay last = {%
        \path[fill = tcbcolback!80!black] 
            ([yshift = -3mm]interior.north east) -- ++(-0.4,0.1) -- ++(0.1,0.2);
    }
}

\usepackage{lipsum}

\begin{document}

\begin{solution}[This is a box]
\lipsum[1]
\end{solution}

\vspace{5cm}

\begin{solution}[This is a box]
\lipsum[1-2]
\end{solution}

\end{document}

Uma caixa quebrada várias vezes teria duas orelhas de cachorro (ou seja, cantos "dobrados") na parte central, uma no canto superior direito e outra no canto inferior direito.

---

Você precisa de várias coisas para configurar: Primeiro de tudo, você deseja que cada parte da caixa quebrada tenha o skin enhanced, mas por padrão, eles têm skins diferentes, o que também afeta o rounded borders. Como você define o canto cortado no canto superior direito e no canto inferior direito usando rounded corners, precisamos definir skin first = enhanced, skin middle = enhanced, skin last = enhanced.

Em seguida, você adiciona duas coisas usando sobreposições: o título real próximo ao título da caixa e as orelhas de cachorro. Portanto, você precisa definir

1. overlay unbrokenonde você coloca apenas o título,
2. overlay firstonde você coloca o título e a orelha inferior,
3. overlay middleonde você coloca a orelha superior e inferior e, finalmente,
4. overlay lastonde você coloca apenas a orelha superior do cachorro.

Você não mostrou como deveria ser o canto inferior direito de uma caixa inteira, então presumi que você também gostaria de um canto cortado. Se não quiser um canto cortado no canto inferior direito, você pode substituir a opção rounded corners = southeastpor extras first and middle = { rounded corners = southeast }(porque ainda precisamos de cantos cortados no canto inferior direito para as orelhas de cachorro).