CSS Snippet for PDF Export

ScottKillen · January 9, 2023, 3:53pm

gist.github.com

https://gist.github.com/ScottKillen/499246e2f44fc1b59d8ff3795311f21f

print.css

@media print {

  /* set your preferred fonts here. */

  :root {
    --body-font-family: "Newsreader Text", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    --header-font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    --code-font-family: MonoLisa, Menlo, SFMono-Regular, Consolas, "Roboto Mono", monospace;
  }

This file has been truncated. show original

I use the minimal theme, and this snippet makes some assumptions based on that–but you should be able to adapt it to your needs. It also assumes that your theme color choices contrast well with white paper.

Flavinsh · August 5, 2023, 4:33pm

Is there a way to adapt this CSS to fit Minimal Theme Dark, i.e. PDF with black background, white texte and colored titles ?

ScottKillen · August 11, 2023, 12:47pm

@Flavinsh I use Minimal in dark mode, and the snippet is designed to undo it so the results are suitable for printing.

If you remove the color, background, and background-color directives, the colors of your theme should come through. 'colorhandles the color of text.backgroundandbackground-colorcontrol the, um, background. For instance, thebackground: none;` on line 19 removes the dark background of dark mode from the entire document.

Once you do this, you may need to add color directive to certain selectors (and you may need to add selectors that are not currently styled) to lighten the text of certain elements.