diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-theme-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-theme-button.tsx index 188adf6eed..c0ee61ccef 100644 --- a/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-theme-button.tsx +++ b/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-theme-button.tsx @@ -8,6 +8,7 @@ export const PdfHybridThemeButton = () => { const id = useId() const { t } = useTranslation() const { + pdfUrl, pdfViewer, darkModePdf, setDarkModePdf, @@ -19,12 +20,14 @@ export const PdfHybridThemeButton = () => { setDarkModePdf(!darkModePdf) }, [darkModePdf, setDarkModePdf]) + const isHtmlOutput = pdfUrl?.includes('output.html') + if (activeOverallTheme !== 'dark') { return null } - if (pdfViewer !== 'pdfjs') { - // We can't affect the theme of the embedded viewer + if (pdfViewer !== 'pdfjs' && !isHtmlOutput) { + // We can't affect the theme of the embedded native viewer return null } diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.tsx index 8482554013..aef48227a4 100644 --- a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.tsx +++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.tsx @@ -20,8 +20,11 @@ function PdfPreviewPane() { activeOverallTheme, } = useCompileContext() const { compileTimeout } = getMeta('ol-compileSettings') + const isHtmlOutput = pdfUrl?.includes('output.html') const darkModePdf = - pdfViewer === 'pdfjs' && activeOverallTheme === 'dark' && darkModeSetting + (pdfViewer === 'pdfjs' || isHtmlOutput) && + activeOverallTheme === 'dark' && + darkModeSetting const classes = classNames('pdf', 'full-size', { 'pdf-empty': !pdfUrl, diff --git a/services/web/frontend/stylesheets/pages/editor/pdf.scss b/services/web/frontend/stylesheets/pages/editor/pdf.scss index 46504b49fb..32f3ab14f0 100644 --- a/services/web/frontend/stylesheets/pages/editor/pdf.scss +++ b/services/web/frontend/stylesheets/pages/editor/pdf.scss @@ -204,6 +204,10 @@ filter: invert(95%) hue-rotate(180deg) brightness(90%) contrast(90%); } } + + .pdf-viewer iframe { + filter: invert(95%) hue-rotate(180deg) brightness(90%) contrast(90%); + } } }