From a4f7e714573ef2fdaddd270f7ebe2ba138cc560b Mon Sep 17 00:00:00 2001 From: Mechiel Lukkien Date: Mon, 10 Jun 2024 20:11:26 +0200 Subject: [PATCH] webmail: ensure white background when viewing attachments, for the black text of plain text attachments otherwise, in dark mode, the plain text iframe content would be black text on the white background of the iframe as set by webmail. i can't find a way to set the content text on the iframe that contains it. --- webmail/lib.ts | 4 ++-- webmail/webmail.js | 2 +- webmail/webmail.ts | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/webmail/lib.ts b/webmail/lib.ts index 44da000..f463b39 100644 --- a/webmail/lib.ts +++ b/webmail/lib.ts @@ -139,12 +139,12 @@ ensureCSS('.keyword.keywordCollapsed', {opacity: .75}), // Generic styling. ensureCSS('*', {fontSize: 'inherit', fontFamily: "'ubuntu', 'lato', sans-serif", margin: 0, padding: 0, boxSizing: 'border-box'}) -ensureCSS('.mono, .mono *', {fontFamily: "'ubuntu mono', monospace" }) +ensureCSS('.mono, .mono *', {fontFamily: "'ubuntu mono', monospace"}) ensureCSS('table td, table th', {padding: '.15em .25em'}) ensureCSS('.pad', {padding: '.5em'}) ensureCSS('iframe', {border: 0}) ensureCSS('img, embed, video, iframe', {backgroundColor: 'white', color: 'black'}) -ensureCSS(':root', {backgroundColor: styles.backgroundColor, color: styles.color }) +ensureCSS(':root', {backgroundColor: styles.backgroundColor, color: styles.color}) ensureCSS('a', {color: ['rgb(9, 107, 194)', 'rgb(99, 182, 255)']}) ensureCSS('a:visited', {color: ['rgb(7, 4, 193)', 'rgb(199, 99, 255)']}) diff --git a/webmail/webmail.js b/webmail/webmail.js index 96b6e42..7a5abec 100644 --- a/webmail/webmail.js +++ b/webmail/webmail.js @@ -3909,7 +3909,7 @@ const newMsgView = (miv, msglistView, listMailboxes, possibleLabels, messageLoad Escape: cmdViewClose, }; const attachmentsArrowStyle = css('attachmentsArrow', { color: styles.backgroundColor, backgroundColor: styles.color, width: '2em', height: '2em', borderRadius: '1em', lineHeight: '2em', textAlign: 'center', fontWeight: 'bold' }); - const attachmentsIframeStyle = css('attachmentsIframe', { flexGrow: 1, boxShadow: styles.boxShadow, backgroundColor: styles.popupBackgroundColor, margin: '0 5em' }); + const attachmentsIframeStyle = css('attachmentsIframe', { flexGrow: 1, boxShadow: styles.boxShadow, margin: '0 5em' }); let content; const popupRoot = dom.div(css('attachmentsOverlay', { position: 'fixed', left: 0, right: 0, top: 0, bottom: 0, backgroundColor: styles.overlayBackgroundColor, display: 'flex', flexDirection: 'column', alignContent: 'stretch', padding: '1em', zIndex: zindexes.attachments }), function click(e) { e.stopPropagation(); diff --git a/webmail/webmail.ts b/webmail/webmail.ts index bb50bcf..1b7c521 100644 --- a/webmail/webmail.ts +++ b/webmail/webmail.ts @@ -3278,7 +3278,7 @@ const newMsgView = (miv: MsgitemView, msglistView: MsglistView, listMailboxes: l } const attachmentsArrowStyle = css('attachmentsArrow', {color: styles.backgroundColor, backgroundColor: styles.color, width: '2em', height: '2em', borderRadius: '1em', lineHeight: '2em', textAlign: 'center', fontWeight: 'bold'}) - const attachmentsIframeStyle = css('attachmentsIframe', {flexGrow: 1, boxShadow: styles.boxShadow, backgroundColor: styles.popupBackgroundColor, margin: '0 5em'}) + const attachmentsIframeStyle = css('attachmentsIframe', {flexGrow: 1, boxShadow: styles.boxShadow, margin: '0 5em'}) let content: HTMLElement const popupRoot = dom.div(