From be9e446b6f52ce75e47a9fbb4457fae680090c96 Mon Sep 17 00:00:00 2001 From: Pagwin Date: Sat, 2 Nov 2024 20:07:54 -0400 Subject: [PATCH] made print not use up all your ink --- static/css/colors.css | 12 ++++++++++++ static/css/layout.css | 24 +++++++++++++----------- 2 files changed, 25 insertions(+), 11 deletions(-) diff --git a/static/css/colors.css b/static/css/colors.css index a9045fe..82f89f7 100644 --- a/static/css/colors.css +++ b/static/css/colors.css @@ -1,6 +1,7 @@ @layer baseline, print; /* https://color.adobe.com/create/color-contrast-analyzer */ /*dark theme*/ +@layer baseline{ @media (prefers-color-scheme: dark) { :root { --bg-color: #1c1b19; @@ -50,6 +51,7 @@ --blockquote-bg: #fff; } } +} @layer baseline{ body { background: var(--bg-color); @@ -92,3 +94,13 @@ pre:has( > code) { background: var(--blockquote-bg); } } +@media print { +@layer print{ + +:root { + /*trying to avoid accidentally eating the entire printer's ink supply with bg color*/ + --bg-color: #FFF; +} + +} +} diff --git a/static/css/layout.css b/static/css/layout.css index 2f8cf3f..a1643a2 100644 --- a/static/css/layout.css +++ b/static/css/layout.css @@ -100,15 +100,17 @@ p { } /* I mean why not? */ @media print { - @layer print{ - #header { - visibility: hidden; - } - #content { - border-style: none; - } - pre { - page-break-inside: avoid; - } - } +@layer print{ + +#header { + visibility: hidden; +} +#content { + border-style: none; +} +pre { + page-break-inside: avoid; +} + +} }