Skip to content

Instantly share code, notes, and snippets.

@intika

intika/combinedview.html

Forked from AlexandreBonneau/combinedview.html
Created April 22, 2019 10:52
Show Gist options
  • Save intika/34bd6d30149c707ba0407a36ef8dceb7 to your computer and use it in GitHub Desktop.
Save intika/34bd6d30149c707ba0407a36ef8dceb7 to your computer and use it in GitHub Desktop.
Download ZIP
Akregator color workaround on dark breeze theme (see https://bugs.kde.org/show_bug.cgi?id=383404)
Raw
combinedview.html
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<title>.</title>
<style type="text/css">
@media screen, print {
body {
font-family: {{ standardFamilyFont }} ! important;
font-size: {{ mediumFontSize}}px ! important;
color: white ! important;
background: #232629 ! important;
}
a {
color: #2980b9 ! important;
}
.actiontable {
width: 100%;
}
.actionrowtable {
display:table-row;
}
.theactioncell{
display: table-cell;
padding: 0px 2px; /* just some padding, if needed*/
white-space: pre; /* this will avoid line breaks*/
}
.theactionbigcell{
width: 100%; /* this will shrink other cells */
}
.headerbox {
background: #222 ! important;
color: #white ! important;
border:1px solid #000;
margin-bottom: 10pt;
font-size: 22px;
}
.headertitle a:link {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:visited {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:hover{
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:active {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle {
padding:2px;
color: rgb(100,100,100) ! important;
font-weight: bold;
text-decoration: none ! important;
}
.header {
color: rgb(120, 125, 129) ! important;
font-weight: bold;
padding:2px;
margin-right: 5px;
text-decoration: none ! important;
font-size: 12px;
}
.headertext {
text-decoration: none ! important;
color: rgb(120, 125, 129) ! important;
font-size: 12px;
}
.headimage {
float: right;
margin-left: 5px;
}
body {
clear: none;
}
.content {
display: block;
margin-bottom: 6px;
}
.content > P:first-child {
margin-top: 1px;
}
.content > DIV:first-child {
margin-top: 1px;
}
.content > BR:first-child {
display: none;
}
}
</style>
<link href="{{ absoluteThemePath }}/combinedview.css" rel="stylesheet" type="text/css" />
</head>
<body>
{% if articles %}
{% for article in articles %}
<hr>
<p><div class="article">
{% if article.strippedTitle %}
<div class="headertitle" dir="{{ applicationDir }}"><a href="{{ article.articleLinkUrl }}">{{ article.strippedTitle|safe }}</a></div>
{% endif %}
{%if article.articlePubDate %}
<span class="header" dir="{{ applicationDir }}">{{ dateI18n }}:</span><span class="headertext">{{ article.articlePubDate }}</span>
{% endif %}
{% if article.author %}
<br/><span class="header" dir="{{ applicationDir }}">{{ authorI18n }}:</span><span class="headertext">{{ article.author|safe }}</span>
{% endif %}
<div class="actiontable">
<div class="actionrowtable">
{% with article.articleStatus as result %}
{% ifequal article.Unread result %}
<div class="theactioncell">{{ article.markAsReadAction|safe }}</div>
{% endifequal %}
{% ifequal article.Read result %}
<div class="theactioncell">{{ article.markAsUnreadAction|safe }}</div>
{% endifequal %}
{% endwith %}
<div class="theactioncell">{{ article.markAsImportantAction|safe }}</div>
<div class="theactioncell">{{ article.openInExternalBrowser|safe }}</div>
<div class="theactioncell">{{ article.openInBackgroundTab|safe }}</div>
<div class="theactioncell">{{ article.sendFileAction|safe }}</div>
<div class="theactioncell">{{ article.sendUrlAction|safe }}</div>
<div class="theactioncell theactionbigcell">{{ article.deleteAction|safe }}</div>
<div>
</div>
{% if article.enclosure %}
<br/><span class="header" dir="{{ applicationDir }}">{{ enclosureI18n }}:</span><span class="headertext">{{ article.enclosure|safe }}</span>
{% endif %}
</div>
{% if article.imageFeed %}
{{ article.imageFeed }}
{% endif %}
<hr>
{% if article.content %}
<div dir="{{ applicationDir }}"><span class="content">{{ article.content|safe }}</span>
{% endif %}
{% if article.commentNumber %}
<div class="body"><a class="contentlink" href="{{ article.commentLink }}">{{ commentI18n }} ({{ article.commentNumber }})</a>
{% endif %}
{% if article.enclosure %}
<p><em>{{ enclosureI18n }}</em> {{ article.enclosure }}</p>
{% endif %}
{% if article.articleCompleteStoryLink %}
<p><a class="contentlink" href="{{ article.articleCompleteStoryLink }}">{{ completeStoryI18n }}</a></p>
{% endif %}
</div>
</div><p>
{% endfor %}
{% endif %}
</body>
Raw
defaultnormalvisitfeed.html
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<style type="text/css">
@media screen, print {
body {
font-family: {{ standardFamilyFont }} ! important;
font-size: {{ mediumFontSize}}px ! important;
color: white ! important;
background: #232629 ! important;
}
a {
color: #2980b9 ! important;
}
.headerbox {
background: #222 ! important;
color: white ! important;
border:1px solid #000;
margin-bottom: 10pt;
font-size: 22px;
}
.headertitle a:link {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:visited {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:hover{
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:active {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle {
padding:2px;
color: rgb(100,100,100) ! important;
font-weight: bold;
text-decoration: none ! important;
}
.header {
color: rgb(120, 125, 129) ! important;
font-weight: bold;
padding:2px;
margin-right: 5px;
text-decoration: none ! important;
font-size: 12px;
}
.headertext {
text-decoration: none ! important;
color: rgb(120, 125, 129) ! important;
font-size: 12px;
}
.headimage {
float: right;
margin-left: 5px;
}
body {
clear: none;
}
.content {
display: block;
margin-bottom: 6px;
}
.content > P:first-child {
margin-top: 1px;
}
.content > DIV:first-child {
margin-top: 1px;
}
.content > BR:first-child {
display: none;
}
}
</style>
<title>.</title>
<link href="{{ absoluteThemePath }}/defaultnormalvisitfeed.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="headertitle" dir="{{ applicationDir }}">{{ strippedTitle }}{{ feedCount }}</div>
{{ feedImage|safe }}
{{ feedDescription|safe }}
{{ feedHomePage|safe }}
</body>
Raw
defaultnormalvisitfolder.html
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<style type="text/css">
@media screen, print {
body {
font-family: {{ standardFamilyFont }} ! important;
font-size: {{ mediumFontSize}}px ! important;
color: white ! important;
background: #232629 ! important;
}
a {
color: #2980b9 ! important;
}
.headerbox {
background: #222 ! important;
color: white ! important;
border:1px solid #000;
margin-bottom: 10pt;
font-size: 22px;
}
.headertitle a:link {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:visited {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:hover{
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:active {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle {
padding:2px;
color: rgb(100,100,100) ! important;
font-weight: bold;
text-decoration: none ! important;
}
.header {
color: rgb(120, 125, 129) ! important;
font-weight: bold;
padding:2px;
margin-right: 5px;
text-decoration: none ! important;
font-size: 12px;
}
.headertext {
text-decoration: none ! important;
color: rgb(120, 125, 129) ! important;
font-size: 12px;
}
.headimage {
float: right;
margin-left: 5px;
}
body {
clear: none;
}
.content {
display: block;
margin-bottom: 6px;
}
.content > P:first-child {
margin-top: 1px;
}
.content > DIV:first-child {
margin-top: 1px;
}
.content > BR:first-child {
display: none;
}
}
</style>
<title>.</title>
<link href="{{ absoluteThemePath }}/defaultnormalvisitfolder.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="headertitle" dir="{{ applicationDir }}">{{ nodeTitle }} {{nodeCount}}</div>
</body>
Raw
normalview.html
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<style type="text/css">
@media screen, print {
body {
font-family: {{ standardFamilyFont }} ! important;
font-size: {{ mediumFontSize}}px ! important;
color: white ! important;
background: #232629 ! important;
}
a {
color: #2980b9 ! important;
}
.headerbox {
background: #222 ! important;
color: white ! important;
border:1px solid #000;
margin-bottom: 10pt;
font-size: 22px;
}
.headertitle a:link {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:visited {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:hover{
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle a:active {
color: rgb(100,100,100) ! important;
text-decoration: none ! important;
}
.headertitle {
padding:2px;
color: rgb(100,100,100) ! important;
font-weight: bold;
text-decoration: none ! important;
}
.header {
color: rgb(120, 125, 129) ! important;
font-weight: bold;
padding:2px;
margin-right: 5px;
text-decoration: none ! important;
font-size: 12px;
}
.headertext {
text-decoration: none ! important;
color: rgb(120, 125, 129) ! important;
font-size: 12px;
}
.headimage {
float: right;
margin-left: 5px;
}
body {
clear: none;
}
.content {
display: block;
margin-bottom: 6px;
}
.content > P:first-child {
margin-top: 1px;
}
.content > DIV:first-child {
margin-top: 1px;
}
.content > BR:first-child {
display: none;
}
}
</style>
<title>.</title>
<link href="{{ absoluteThemePath }}/normalview.css" rel="stylesheet" type="text/css" />
</head>
<body>
{% if articles %}
{% for article in articles %}
<p><div class="article">
{% if article.strippedTitle %}
<div class="headertitle" dir="{{ applicationDir }}"><a href="{{ article.articleLinkUrl }}">{{ article.strippedTitle|safe }}</a></div>
{% endif %}
{%if article.articlePubDate %}
<span class="header" dir="{{ applicationDir }}">{{ dateI18n }}:</span><span class="headertext">{{ article.articlePubDate }}</span>
{% endif %}
{% if article.author %}
<br/><span class="header" dir="{{ applicationDir }}">{{ authorI18n }}:</span><span class="headertext">{{ article.author|safe }}</span>
{% endif %}
{% if article.enclosure %}
<br/><span class="header" dir="{{ applicationDir }}">{{ enclosureI18n }}:</span><span class="headertext">{{ article.enclosure|safe }}</span>
{% endif %}
</div>
{% if article.imageFeed %}
{{ article.imageFeed }}
{% endif %}
<hr>
{% if article.content %}
<div dir="{{ applicationDir }}"><span class="content">{{ article.content|safe }}</span>
{% endif %}
{% if article.commentNumber %}
<div class="body"><a class="contentlink" href="{{ article.commentLink }}">{{ commentI18n }} ({{ article.commentNumber }})</a>
{% endif %}
{% if article.enclosure %}
<p><em>{{ enclosureI18n }}</em> {{ article.enclosure }}</p>
{% endif %}
{% if article.articleCompleteStoryLink %}
<p><a class="contentlink" href="{{ article.articleCompleteStoryLink }}">{{ completeStoryI18n }}</a></p>
{% endif %}
{% endfor %}
{% endif %}
</body>
@haasosaurus
Copy link

haasosaurus commented Mar 30, 2020 •
edited
Loading

thanks a lot, for me the system files were in /usr/share/akregator/grantleetheme/5.2, so i put these in /home/username/.local/share/akregator/grantleetheme/5.2 and it worked great

@iamtalhaasghar
Copy link

For future readers:
The dark mode issue in Akregator has been fixed and should be avail in akregator v24.0 (not sure thou). You should update to latest version of Akregator

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment