[Bug] Print styles being ignored

[cjlotz]

Describe the bug
Custom styles created for printing does not seem to get applied. I'm trying to change the background-color of the code blocks as the background color used for web output does not match the printed output. I've added the following CSS to my custom main.css file

@media print {
    section[role="tabpanel"] {
        display: block !important;
    }

    .hljs {
        background-color: aliceblue;
    }
}

The section[role] gets applied, but the background-color overide does not get applied. I've verified that the .hljs override does work when applied to the whole site and not only to print media selector.

[yufeih]

PDF does not print background graphics by default, we could add an option to opt-in background graphics.

[cjlotz]

@yufeih is background-color classified as background graphics? All I'm looking for is for the area assigned to the code fence to have a different background color so that it is visible for the user from where they should be selecting the text to copy/paste and execute outside of the document.

[yufeih]

Is background-color classified as background graphics?

You can save the page as PDF in the browser and test with "Background Graphics" off:

[cjlotz]

I can confirm that if I turn the Background graphics setting on, the background-color is indeed rendered correctly. Having a setting to opt into this behaviour will be great.