Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-11-11 01:54:40 +08:00
Code Issues Projects Releases Packages Wiki Activity

feat(dark-mode): Double invert filter for nice dark HTML bodies

Browse source
This commit is contained in:
Ben Gotow 2015-11-20 18:53:34 -08:00
parent d437e6866f
commit 5d4c1b96a9
3 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
internal_packages/message-list/lib/email-frame.cjsx
View file

@ -45,7 +45,9 @@ class EmailFrame extends React.Component
# `padding`.
doc.write("<!DOCTYPE html>")
EmailFixingStyles = document.querySelector('[source-path*="email-frame.less"]')?.innerText
EmailFixingStyles = ""
for sheet in document.querySelectorAll('[source-path*="email-frame.less"]')
EmailFixingStyles += "\n"+sheet.innerText
EmailFixingStyles = EmailFixingStyles.replace(/.ignore-in-parent-frame/g, '')
if (EmailFixingStyles)
doc.write("<style>#{EmailFixingStyles}</style>")

1
internal_packages/ui-dark/package.json
View file

@ -7,5 +7,6 @@
"engines": {
"nylas": "*"
},
"styleSheets": ["email-frame"],
"private": true
}

10
internal_packages/ui-dark/styles/email-frame.less Normal file
View file

@ -0,0 +1,10 @@
.ignore-in-parent-frame {
body {
-webkit-filter: invert() hue-rotate(180deg);
color: #111;
}
img {
-webkit-filter: invert() hue-rotate(180deg);
}
}