webmail: ensure white background when viewing attachments, for the bl…

…ack 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.
mjl- · Jun 10, 2024 · a4f7e71 · a4f7e71
1 parent f56b048
commit a4f7e71
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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(