Chrome print to PDF with background colors

Question

I have page based on Bootstrap with Flat UI css and I'd like to print it (save to PDF).

But it can't print color of headlines and color of progress bar. I saw tutorials there, but it didn't work.

Here is live demo.

Answer 1

Looks like the folloing code snippet in Bootstrap css causing this issue, I just removed it for mine .

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; // Black prints faster: h5bp.com/s
        box-shadow: none !important;
        text-shadow: none !important;
    }