Bootstrap allows theming via setting the data-bs-theme attribute on the body or parent element. All this works well, but we found that when light mode is the best for printing. Rather than write a whole set of styles for printing in dark mode, I wrote some stopgap JavaScript code that switches to light mode before any print operation and then switches back to the previous mode after the user begins printing.
This works, but it’s not the best user experience. In Chrome in particular the switch between light and dark modes while the print modal is open can be jarring.
Is there a better approach here between using JavaScript to catch the event and writing a whole new set of CSS just for printing in dark mode?