Make changed text to black to make messages printable

- Add preview image
- Add source files to track changes directly

Signed-off-by: Juraj Oravec <sgd.orava@gmail.com>
This commit is contained in:
Juraj Oravec 2019-04-13 16:42:59 +02:00
parent 89d3702bd8
commit 3289b28abc
No known key found for this signature in database
GPG Key ID: 63ACB65056BC8D07
7 changed files with 305 additions and 0 deletions

Binary file not shown.

BIN
preview.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

7
source/header.desktop Normal file
View File

@ -0,0 +1,7 @@
[Desktop Entry]
Author=SGOrava
AuthorEmail=sgd.orava@gmail.com
Description=KMail theme enhanced for black times
FileName=header.html
Name=KMail Enhanced Dark
ThemeVersion=1

87
source/header.html Normal file
View File

@ -0,0 +1,87 @@
<link href="{{ header.absoluteThemePath }}/style.css" rel="stylesheet" type="text/css" />
<div id="kmailPage">
<div id="headerbox" dir="ltr">
<div id="subject" dir="{{ header.subjectDir }}">{{ header.subject|safe }}</div>
<div id="photo">
{% if header.photourl %}
<img src="{{ header.photourl }}" width="{{ header.photowidth }}" height="{{ header.photoheight }}" />
{% else %}
<img src="{{ header.absoluteThemePath }}/photo.svg" width="{{ header.photowidth }}" height="{{ header.photoheight }}" />
{% endif %}
</div>
<div class="table">
<div class="row">
<div class="headerleft">{{ header.fromi18n }}</div>
<div class="headerright">
{{ header.from.fullAddress|safe }}
{% if header.resentfrom.isSet %}
{{ header.resentfromi18n }}: {{ header.resentfrom.fullAddress|safe }}
{% endif %}
{% if header.vcardname %}
<a href="{{ header.vcardname|safe }}">{{ header.vcardi18n }}</a>
{% endif %}
{% if header.organization %}
({{ header.organization|safe }})
{% endif %}
</div>
</div>
{% if header.to.isSet %}
<div class="row">
<div class="headerleft">{{ header.toi18n }}</div>
<div class="headerright">{{ header.to.expandableTo|safe }}</div>
</div>
{% endif %}
{% if header.cc.isSet %}
<div class="row">
<div class="headerleft">{{ header.cci18n }}</div>
<div class="headerright">{{ header.cc.expandableCc|safe }}</div>
</div>
{% endif %}
{% if header.bcc.isSet %}
<div class="row">
<div class="headerleft">{{ header.bcci18n }}</div>
<div class="headerright">{{ header.bcc.fullAddress|safe }}</div>
</div>
{% endif %}
{% if header.sender %}
<div class="row">
<div class="headerleft">{{ header.senderi18n }}</div>
<div class="headerright">{{ header.sender|safe }}</div>
</div>
{% endif %}
{% if header.listid %}
<div class="row">
<div class="headerleft">{{ header.listidi18n }}</div>
<div class="headerright">{{ header.listid }}</div>
</div>
{% endif %}
<div class="row">
<div class="headerleft">{{ header.datei18n }}</div>
<div class="headerrightdate" dir="{{ header.applicationDir }}">{{ header.date.short }}</div>
</div>
{% if header.spamHTML %}
<div class="row">
<div class="headerleft">{{ header.spamstatusi18n }}</div>
<div class="headerright">{{ header.spamHTML|safe }}</div>
</div>
{% endif %}
{% if header.messageHasSecurityInfo %}
<div class="row">
<div class="headerleft">{{ header.messageHasSecurityInfoI18n }}</div>
<div class="headerright">
{% if header.messageIsSigned %}
{{ header.signedIcon|safe }}
{% endif %}
{% if header.messageIsEncrypted %}
{{ header.encryptedIcon|safe }}
{% endif %}
</div>
</div>
{% endif %}
</div>
{% if header.hasAttachment %}
<div id="attachmentInjectionPoint">{{ header.attachmentHtml|safe }}</div>
{% endif %}
</div>
</div>
<div id="kmailContent">

BIN
source/photo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 975 B

107
source/photo.svg Normal file
View File

@ -0,0 +1,107 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="48"
height="72"
id="svg3049"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="photo.svg"
inkscape:export-filename="/home/uri/.kde/share/icons/NITRUX-KDE/16x16/actions/view-right-new.png"
inkscape:export-xdpi="30"
inkscape:export-ydpi="30">
<defs
id="defs3051" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="19.655546"
inkscape:cx="6.5434849"
inkscape:cy="43.289616"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="3200"
inkscape:window-height="1660"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:showpageshadow="false"
borderlayer="true"
showguides="true">
<sodipodi:guide
position="2.0000044,20.00003"
orientation="18,0"
id="guide4067" />
<sodipodi:guide
position="2.0000044,2.0000296"
orientation="0,18"
id="guide4069" />
<sodipodi:guide
position="46,19"
orientation="-18,0"
id="guide4071" />
<sodipodi:guide
position="38,70"
orientation="0,-18"
id="guide4073" />
<sodipodi:guide
position="3.0000044,19.00003"
orientation="16,0"
id="guide4077" />
<sodipodi:guide
position="3.0000044,3.0000296"
orientation="0,16"
id="guide4079" />
<sodipodi:guide
position="45,11"
orientation="-16,0"
id="guide4081" />
<sodipodi:guide
position="37,69"
orientation="0,-16"
id="guide4083" />
<inkscape:grid
type="xygrid"
id="grid4085" />
</sodipodi:namedview>
<metadata
id="metadata3054">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Capa 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-421.71429,-475.79074)">
<path
style="opacity:1;fill:#bdc3c7;fill-opacity:1;stroke:none"
d="m 445.67924,480.79074 c -6.648,0 -12,5.352 -12,12 0,6.648 5.352,12 12,12 6.648,0 12,-5.352 12,-12 0,-6.648 -5.352,-12 -12,-12 z m 0,32 c -11.08,0 -20,3.56792 -20,8 l 0,20 0,4 4.80468,0 30.39064,0 4.80468,0 0,-4 0,-20 c 0,-4.43208 -8.92,-8 -20,-8 z m 0,4 c 8.864,0 16,2.5452 16,5.71092 l 0,18.28908 -32,0 0,-18.28908 c 0,-3.16572 7.136,-5.71092 16,-5.71092 z"
id="rect4109"
inkscape:connector-curvature="0" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

104
source/style.css Normal file
View File

@ -0,0 +1,104 @@
body {
margin: 0;
padding: 0;
color: #FFFFFF !important;
}
div#headerbox {
border-radius: 3px;
border-bottom: 1px solid rgb(190, 190, 190);
color: rgb(200, 200, 200) !important;
overflow: auto;
padding: 5px 20px;
}
div#headerbox table.outer {
display: inline;
position: fixed !important;
top: -1px;
left: -1px;
bottom: -1px;
right: 0px;
border: none !important;
table-collapse: collapse;
}
div#headerbox div#subject {
color: rgb(200, 200, 200) !important;
font-size: 22px;
font-weight: normal;
line-height: 24px;
padding-bottom: 5px;
padding-top: 5px;
}
div#headerbox div#photo {
float: left;
margin: 5px;
}
div#headerbox div.table {
display: table;
padding-right: 12px;
padding-top: 6px;
}
div#headerbox div.row {
display: table-row;
}
div#headerbox div.headerleft {
display: table-cell;
padding: 0.1em 1em;
}
div#headerbox div.headerright {
display: table-cell;
font-weight: bold;
padding: 0.1em;
}
div#headerbox div.headerrightdate {
color: rgb(170, 175, 179) !important;
display: table-cell;
font-weight: bold;
padding: 0.1em;
}
div#headerbox .actiontable {
display: table;
width: 100%;
}
div#headerbox div.actionrowtable {
display:table-row;
}
div#headerbox div.theactioncell {
display: table-cell;
padding: 0px 2px; /* just some padding, if needed*/
white-space: pre; /* this will avoid line breaks*/
}
div#headerbox div.theactionbigcell{
display: table-cell;
width: 100%; /* this will shrink other cells */
}
div#attachmentInjectionPoint div{
color: #FFFFFF;
background-color: #141414 !important;
padding: 3px;
}
div#attachmentInjectionPoint span{
border-color: #555555 !important;
}
#kmailContent {
clear: both;
margin-top: 10px;
padding: 20px;
}
@media print {
body {
color: black !important;
}
div#headerbox {
color: black !important;
}
div#headerbox div#subject {
color: black !important;
}
div#attachmentInjectionPoint div{
color: black !important;
background-color: white !important;
}
}