MIME-Version: 1.0
From: Clodoaldo Pinto <clodoaldo.pinto@gmail.com>
Date: Sun, 29 Mar 2026 10:39:08 -0300
Message-ID: 
 <CA+Z73LFZS4iPdgjjd=CUJifdTq2oBJHQtFvw2JUPLg1Gp--FYQ@mail.gmail.com>
Subject: Themed offline HTML docs
To: pgsql-docs@lists.postgresql.org
Content-Type: multipart/alternative; boundary="000000000000bf5fb5064e29dcf5"
Archived-At: 
 <https://www.postgresql.org/message-id/CA%2BZ73LFZS4iPdgjjd%3DCUJifdTq2oBJHQtFvw2JUPLg1Gp--FYQ%40mail.gmail.com>
Precedence: bulk

--000000000000bf5fb5064e29dcf5
Content-Type: text/plain; charset="UTF-8"

I always wanted to have the dark/light themed HTML docs for offline use.

So I finally did:

wget --mirror https://www.postgresql.org/favicon.ico

wget \
    --continue \
    --mirror \
    --convert-links \
    --adjust-extension \
    --page-requisites \
    --no-parent \
    --limit-rate=200k \
    https://www.postgresql.org/docs/18/\
    https://www.postgresql.org/docs/17/\
    https://www.postgresql.org/media/\
    https://www.postgresql.org/dyncss/\

I then modified the .pg-shout-box class in /dyncss/base.css?a9fcb4a2.css
including the display line to suppress the announcement:

/** SHOUTOUT BOX */
.pg-shout-box {
background-color: var(--pg-shoutbox-bg-color);
font-weight: 600;
padding-bottom: 0.2rem;
padding-top: 0.2rem;
display: none;
}

Why not include it in the packages instead of the plain one?

Regards, Clodoaldo

--000000000000bf5fb5064e29dcf5
Content-Type: text/html; charset="UTF-8"
Content-Transfer-Encoding: quoted-printable

<div dir=3D"ltr"><div>I always wanted to have the dark/light themed HTML do=
cs for offline use.</div><div><br></div><div>So I finally did:</div><div><b=
r></div><div>wget --mirror <a href=3D"https://www.postgresql.org/favicon.ic=
o">https://www.postgresql.org/favicon.ico</a><br><br>wget \<br>=C2=A0 =C2=
=A0 --continue \<br>=C2=A0 =C2=A0 --mirror \<br>=C2=A0 =C2=A0 --convert-lin=
ks \<br>=C2=A0 =C2=A0 --adjust-extension \<br>=C2=A0 =C2=A0 --page-requisit=
es \<br>=C2=A0 =C2=A0 --no-parent \<br>=C2=A0 =C2=A0 --limit-rate=3D200k \<=
br>=C2=A0 =C2=A0 <a href=3D"https://www.postgresql.org/docs/18/\">https://w=
ww.postgresql.org/docs/18/\</a><br>=C2=A0 =C2=A0 <a href=3D"https://www.pos=
tgresql.org/docs/17/\">https://www.postgresql.org/docs/17/\</a><br>=C2=A0 =
=C2=A0 <a href=3D"https://www.postgresql.org/media/\">https://www.postgresq=
l.org/media/\</a><br>=C2=A0 =C2=A0 <a href=3D"https://www.postgresql.org/dy=
ncss/\">https://www.postgresql.org/dyncss/\</a><br><br></div><div>I then mo=
dified the .pg-shout-box class in /dyncss/<span style=3D"white-space:pre-wr=
ap">base.css?a9fcb4a2.css including the display line to suppress the announ=
cement:</span></div><div><br></div><div><div style=3D"color:rgb(204,204,204=
);background-color:rgb(31,31,31);font-family:&quot;Droid Sans Mono&quot;,mo=
nospace;font-weight:normal;font-size:13px;line-height:18px;white-space:pre"=
><div><span style=3D"color:rgb(106,153,85)">/** SHOUTOUT BOX */</span></div=
><div><span style=3D"color:rgb(215,186,125)">.pg-shout-box</span><span styl=
e=3D"color:rgb(204,204,204)"> {</span></div><div><span style=3D"color:rgb(2=
04,204,204)">  </span><span style=3D"color:rgb(156,220,254)">background-col=
or</span><span style=3D"color:rgb(204,204,204)">: </span><span style=3D"col=
or:rgb(220,220,170)">var</span><span style=3D"color:rgb(204,204,204)">(</sp=
an><span style=3D"color:rgb(156,220,254)">--pg-shoutbox-bg-color</span><spa=
n style=3D"color:rgb(204,204,204)">);</span></div><div><span style=3D"color=
:rgb(204,204,204)">  </span><span style=3D"color:rgb(156,220,254)">font-wei=
ght</span><span style=3D"color:rgb(204,204,204)">: </span><span style=3D"co=
lor:rgb(181,206,168)">600</span><span style=3D"color:rgb(204,204,204)">;</s=
pan></div><div><span style=3D"color:rgb(204,204,204)">  </span><span style=
=3D"color:rgb(156,220,254)">padding-bottom</span><span style=3D"color:rgb(2=
04,204,204)">: </span><span style=3D"color:rgb(181,206,168)">0.2rem</span><=
span style=3D"color:rgb(204,204,204)">;</span></div><div><span style=3D"col=
or:rgb(204,204,204)">  </span><span style=3D"color:rgb(156,220,254)">paddin=
g-top</span><span style=3D"color:rgb(204,204,204)">: </span><span style=3D"=
color:rgb(181,206,168)">0.2rem</span><span style=3D"color:rgb(204,204,204)"=
>;</span></div><div><span style=3D"color:rgb(204,204,204)">  </span><span s=
tyle=3D"color:rgb(156,220,254)">display</span><span style=3D"color:rgb(204,=
204,204)">: </span><span style=3D"color:rgb(206,145,120)">none</span><span =
style=3D"color:rgb(204,204,204)">;</span></div><div><span style=3D"color:rg=
b(204,204,204)">}</span></div></div><br></div><div>Why not include it in th=
e packages instead of the plain one?</div><div><br></div><div>Regards, Clod=
oaldo</div></div>

--000000000000bf5fb5064e29dcf5--