Update "nudus" skin and more (#540)
* Update dark style colours in skinfactory.cpp * Update vergilius metadata.xml, add %8 id * Update nudus skin. Separate it to light and dark versions (SCSS) Co-authored-by: akinokonomi <akinokonomi@example.com>
This commit is contained in:
akinokonomi
GitHub
parent
3b7be451d5
commit
92aa7c8d97
25 changed files with 1838 additions and 373 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -25,3 +25,4 @@
|
||||||
*.user*
|
*.user*
|
||||||
localization/*qm
|
localization/*qm
|
||||||
*.TMP
|
*.TMP
|
||||||
|
resources/skins/*/*.map
|
||||||
|
|
@ -81,13 +81,20 @@
|
||||||
<file>skins/vergilius/metadata.xml</file>
|
<file>skins/vergilius/metadata.xml</file>
|
||||||
<file>skins/vergilius/qt_style.qss</file>
|
<file>skins/vergilius/qt_style.qss</file>
|
||||||
|
|
||||||
<file>skins/nudus/html_adblocked.html</file>
|
<file>skins/nudus-base/html_adblocked.html</file>
|
||||||
<file>skins/nudus/html_enclosure_every.html</file>
|
<file>skins/nudus-base/html_enclosure_every.html</file>
|
||||||
<file>skins/nudus/html_enclosure_image.html</file>
|
<file>skins/nudus-base/html_enclosure_image.html</file>
|
||||||
<file>skins/nudus/html_single_message.html</file>
|
<file>skins/nudus-base/html_single_message.html</file>
|
||||||
<file>skins/nudus/html_wrapper.html</file>
|
<file>skins/nudus-base/html_wrapper.html</file>
|
||||||
<file>skins/nudus/metadata.xml</file>
|
|
||||||
<file>skins/nudus/qt_style.qss</file>
|
<file>skins/nudus-dark/html_wrapper.html</file>
|
||||||
|
<file>skins/nudus-dark/html_style.css</file>
|
||||||
|
<file>skins/nudus-dark/metadata.xml</file>
|
||||||
|
<file>skins/nudus-dark/qt_style.qss</file>
|
||||||
|
|
||||||
|
<file>skins/nudus-light/html_style.css</file>
|
||||||
|
<file>skins/nudus-light/metadata.xml</file>
|
||||||
|
<file>skins/nudus-light/qt_style.qss</file>
|
||||||
|
|
||||||
<file>initial_feeds/feeds-en.opml</file>
|
<file>initial_feeds/feeds-en.opml</file>
|
||||||
|
|
||||||
|
|
|
||||||
1
resources/skins/nudus-base/html_enclosure_every.html
Normal file
1
resources/skins/nudus-base/html_enclosure_every.html
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
 / <a class="menc" href="%1"><span style="display:none"><!-- Cannot be removed -->%2</span><span style="text-transform: uppercase;">%3</span></a>
|
||||||
16
resources/skins/nudus-base/html_single_message.html
Normal file
16
resources/skins/nudus-base/html_single_message.html
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<div class="rssguard-mwrapper" dir="auto" id="%8">
|
||||||
|
|
||||||
|
<section class="rssguard-mhead">
|
||||||
|
<div style="float: right; margin: 10px;"><!-- Should it remain here??? -->%7</div>
|
||||||
|
<span class="msmall">%2</span>
|
||||||
|
<h1>%1<span class="mlinks">%6<span class="mwrapurl"><a href="%3">URL</a><span> / </span></span></h1>
|
||||||
|
<span class="msmall">%5</span>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
<div class="rssguard-mbody">
|
||||||
|
%4
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
432
resources/skins/nudus-base/html_style_base.scss
Normal file
432
resources/skins/nudus-base/html_style_base.scss
Normal file
|
|
@ -0,0 +1,432 @@
|
||||||
|
// ___________________________
|
||||||
|
// < I'm an expert in my field. >
|
||||||
|
// ---------------------------
|
||||||
|
// \ ^__^
|
||||||
|
// \ (oo)\_______
|
||||||
|
// (__)\ )\/\
|
||||||
|
// ||----w |
|
||||||
|
// || ||
|
||||||
|
|
||||||
|
//
|
||||||
|
// Variables
|
||||||
|
//
|
||||||
|
|
||||||
|
$base-unit: 10px !default;
|
||||||
|
|
||||||
|
//
|
||||||
|
// Styling
|
||||||
|
//
|
||||||
|
|
||||||
|
// Let the font be customised via RSS Guard settings
|
||||||
|
// Note: Font size there related **only** to that font alone, it is
|
||||||
|
// not absolute, and nothing else can be done from my side
|
||||||
|
// E.g. "Roboto 10" <-- something like this is send from RSS Guard side
|
||||||
|
* {
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Reset some basic elements
|
||||||
|
//
|
||||||
|
|
||||||
|
body, h1, h2, h3, h4, h5, h6,
|
||||||
|
p, blockquote, pre, hr,
|
||||||
|
dl, dd, ol, ul, figure {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Add some basic styling
|
||||||
|
//
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: $cbg00;
|
||||||
|
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: $cfg00;
|
||||||
|
//cursor: default;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-webkit-font-feature-settings: "kern" 1;
|
||||||
|
font-feature-settings: "kern" 1;
|
||||||
|
font-kerning: normal;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background-color: $clink;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6,
|
||||||
|
p, blockquote, pre,
|
||||||
|
ul, ol, dl, figure,
|
||||||
|
details {
|
||||||
|
margin-bottom: $base-unit;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
background-color: $cbor2;
|
||||||
|
border: none;
|
||||||
|
display: block;
|
||||||
|
height: 2px;
|
||||||
|
margin: $base-unit 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-weight: 600 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 { font-size: 1.25rem !important; }
|
||||||
|
h2 { font-size: 1.20rem !important; }
|
||||||
|
h3 { font-size: 1.15rem !important; }
|
||||||
|
h4 { font-size: 1.1rem !important; }
|
||||||
|
h5 { font-size: 1rem !important; }
|
||||||
|
h6 { font-size: .95rem !important; }
|
||||||
|
|
||||||
|
b {
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-style: italic !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: 800 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
em {
|
||||||
|
font-style: oblique !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: $cmark;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: .8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: .9rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
abbr {
|
||||||
|
cursor: help;
|
||||||
|
font-style: italic !important;
|
||||||
|
font-weight: 100 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
q {
|
||||||
|
font-style: italic !important;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: '“';
|
||||||
|
}
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
content: '”';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
time {
|
||||||
|
font-weight: 450 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
var {
|
||||||
|
font-style: oblique !important;
|
||||||
|
font-weight: 500 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: $clink;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
cite {
|
||||||
|
font-style: italic !important;
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
figure > img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
figcaption {
|
||||||
|
font-size: .8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
border-left: .3em solid $cbor2;
|
||||||
|
margin-left: 0;
|
||||||
|
padding: 0 $base-unit;
|
||||||
|
|
||||||
|
&,
|
||||||
|
p {
|
||||||
|
color: $cfg11;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code {
|
||||||
|
border: 1px solid $cbor3;
|
||||||
|
border-radius: $radius-unit;
|
||||||
|
color: $cfg10;
|
||||||
|
// cursor: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
background-color: $ccode;
|
||||||
|
padding: 0 .25em;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
background-color: $ccodeblock;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 7px 13px;
|
||||||
|
tab-size: 2;
|
||||||
|
// For <pre style='white-space:pre-wrap;'>
|
||||||
|
white-space: pre !important;
|
||||||
|
|
||||||
|
// For <pre style='white-space:pre-wrap;width:81ex'>
|
||||||
|
width: unset !important;
|
||||||
|
|
||||||
|
> code {
|
||||||
|
background-color: unset;
|
||||||
|
border: none;
|
||||||
|
color: unset;
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
kbd {
|
||||||
|
background: $ccode;
|
||||||
|
border: 1px solid $cbor3;
|
||||||
|
border-bottom: 3px solid darken($cbor3, 3%);
|
||||||
|
border-radius: $radius-unit;
|
||||||
|
box-shadow:
|
||||||
|
0 2px 4px darken($cbg00, 6%),
|
||||||
|
inset 0 1px $cbg00
|
||||||
|
;
|
||||||
|
font-size: .9rem !important;
|
||||||
|
padding: .1em .4em .2em .4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
background-color: $ccodeblock;
|
||||||
|
border: 1px solid $cbor3;
|
||||||
|
border-radius: $radius-unit;
|
||||||
|
color: $cfg00;
|
||||||
|
padding: .04em .25em;
|
||||||
|
// Do not use max-width here
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
|
||||||
|
background-color: $cbg00;
|
||||||
|
}
|
||||||
|
|
||||||
|
> option {
|
||||||
|
background-color: $cbg00;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
// `!important` is set to override something like <table width="900px">
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Return this if something goes wrong, and return the JS override for dark theme
|
||||||
|
//table,
|
||||||
|
//th,
|
||||||
|
//td {
|
||||||
|
// color: $cfg00;
|
||||||
|
//}
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul,
|
||||||
|
ol {
|
||||||
|
padding-left: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: disc;
|
||||||
|
|
||||||
|
li ul {
|
||||||
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
list-style-type: decimal;
|
||||||
|
|
||||||
|
li ol {
|
||||||
|
list-style-type: lower-roman;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
// Let the width be defined (see .rssguard-mbody img), but keep aspect ratio
|
||||||
|
height: auto;
|
||||||
|
// `width auto` creates many problems even if set as a fallback
|
||||||
|
//width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
details {
|
||||||
|
border: 1px solid $ccodeblock;
|
||||||
|
border-radius: $radius-unit;
|
||||||
|
padding: .5em .5em 0;
|
||||||
|
|
||||||
|
> summary {
|
||||||
|
background-color: $ccodeblock;
|
||||||
|
border-radius: $radius-unit * 0.9;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: -.5em -.5em 0;
|
||||||
|
padding-left: .5em;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& *:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
details[open] {
|
||||||
|
border-color: $cbor3;
|
||||||
|
padding: .5em;
|
||||||
|
|
||||||
|
> summary {
|
||||||
|
border-bottom: 1px solid $cbor3;
|
||||||
|
border-radius: ($radius-unit * 0.9) ($radius-unit * 0.9) 0 0;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
select,
|
||||||
|
summary {
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
background-color: $cbor3;
|
||||||
|
text-shadow: 0 -1px $cbg00;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
:target {
|
||||||
|
outline: 1px solid $clink;
|
||||||
|
}
|
||||||
|
|
||||||
|
// m* == message*
|
||||||
|
body:hover .rssguard-mwrapper .rssguard-mhead .mwrapurl {
|
||||||
|
|
||||||
|
a,
|
||||||
|
span {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mwrapurl a:focus {
|
||||||
|
|
||||||
|
&,
|
||||||
|
& + span {
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rssguard-mwrapper {
|
||||||
|
padding: $base-unit !important;
|
||||||
|
|
||||||
|
.rssguard-mhead {
|
||||||
|
|
||||||
|
.msmall,
|
||||||
|
.mlinks {
|
||||||
|
opacity: .8;
|
||||||
|
}
|
||||||
|
|
||||||
|
> h1 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msmall {
|
||||||
|
font-size: .9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mlinks {
|
||||||
|
|
||||||
|
.menc {
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mwrapurl {
|
||||||
|
display: inline-flex;
|
||||||
|
|
||||||
|
a {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
a,
|
||||||
|
span {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rssguard-mbody img {
|
||||||
|
// Needs to be `!important` when max-width is defined by image style
|
||||||
|
// <img src="https://....png" alt="alt" style="max-width: 100%;">
|
||||||
|
max-width: 450px !important;
|
||||||
|
// For cases when they both are set
|
||||||
|
max-height: unset !important;
|
||||||
|
|
||||||
|
@media only screen and (max-width: 800px) {
|
||||||
|
// `!important` to override `!important` that is set above
|
||||||
|
max-width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Other
|
||||||
|
//
|
||||||
|
|
||||||
|
// For articles without any html elements;
|
||||||
|
// If not applied to _all_, *must* be applied to links in mbody
|
||||||
|
// mbody == article body
|
||||||
|
.rssguard-mbody {
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fix at least some mess produced by above
|
||||||
|
table {
|
||||||
|
word-break: normal;
|
||||||
|
}
|
||||||
16
resources/skins/nudus-base/html_wrapper.html
Normal file
16
resources/skins/nudus-base/html_wrapper.html
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>%1</title>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<style>
|
||||||
|
%style%
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
%2
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
505
resources/skins/nudus-dark/html_style.css
Normal file
505
resources/skins/nudus-dark/html_style.css
Normal file
|
|
@ -0,0 +1,505 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
* {
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
body, h1, h2, h3, h4, h5, h6,
|
||||||
|
p, blockquote, pre, hr,
|
||||||
|
dl, dd, ol, ul, figure {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #373A3D;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #f5f5f5;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-webkit-font-feature-settings: "kern" 1;
|
||||||
|
font-feature-settings: "kern" 1;
|
||||||
|
font-kerning: normal;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background-color: #8291AD;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6,
|
||||||
|
p, blockquote, pre,
|
||||||
|
ul, ol, dl, figure,
|
||||||
|
details {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
background-color: #545556;
|
||||||
|
border: none;
|
||||||
|
display: block;
|
||||||
|
height: 2px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-weight: 600 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.25rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.20rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.15rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1.1rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 1rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: .95rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
b {
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-style: italic !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: 800 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
em {
|
||||||
|
font-style: oblique !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: #f8d08c66;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: .8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: .9rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
abbr {
|
||||||
|
cursor: help;
|
||||||
|
font-style: italic !important;
|
||||||
|
font-weight: 100 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
q {
|
||||||
|
font-style: italic !important;
|
||||||
|
}
|
||||||
|
q::before {
|
||||||
|
content: '“';
|
||||||
|
}
|
||||||
|
q::after {
|
||||||
|
content: '”';
|
||||||
|
}
|
||||||
|
|
||||||
|
time {
|
||||||
|
font-weight: 450 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
var {
|
||||||
|
font-style: oblique !important;
|
||||||
|
font-weight: 500 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #8291AD;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
cite {
|
||||||
|
font-style: italic !important;
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
figure > img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
figcaption {
|
||||||
|
font-size: .8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
border-left: 0.3em solid #545556;
|
||||||
|
margin-left: 0;
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
blockquote,
|
||||||
|
blockquote p {
|
||||||
|
color: #D8D8D8;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code {
|
||||||
|
border: 1px solid #282a2c;
|
||||||
|
border-radius: 0.3em;
|
||||||
|
color: #D8D8D8;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
background-color: rgba(33, 35, 39, 0.4);
|
||||||
|
padding: 0 .25em;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
background-color: rgba(33, 35, 39, 0.4);
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 7px 13px;
|
||||||
|
tab-size: 2;
|
||||||
|
white-space: pre !important;
|
||||||
|
width: unset !important;
|
||||||
|
}
|
||||||
|
pre > code {
|
||||||
|
background-color: unset;
|
||||||
|
border: none;
|
||||||
|
color: unset;
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
kbd {
|
||||||
|
background: rgba(33, 35, 39, 0.4);
|
||||||
|
border: 1px solid #282a2c;
|
||||||
|
border-bottom: 3px solid #212224;
|
||||||
|
border-radius: 0.3em;
|
||||||
|
box-shadow: 0 2px 4px #282b2d, inset 0 1px #373A3D;
|
||||||
|
font-size: .9rem !important;
|
||||||
|
padding: .1em .4em .2em .4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
background-color: rgba(33, 35, 39, 0.4);
|
||||||
|
border: 1px solid #282a2c;
|
||||||
|
border-radius: 0.3em;
|
||||||
|
color: #f5f5f5;
|
||||||
|
padding: .04em .25em;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
select:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
background-color: #373A3D;
|
||||||
|
}
|
||||||
|
select > option {
|
||||||
|
background-color: #373A3D;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul,
|
||||||
|
ol {
|
||||||
|
padding-left: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
ul li ul {
|
||||||
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
ol li ol {
|
||||||
|
list-style-type: lower-roman;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
details {
|
||||||
|
border: 1px solid rgba(33, 35, 39, 0.4);
|
||||||
|
border-radius: 0.3em;
|
||||||
|
padding: .5em .5em 0;
|
||||||
|
}
|
||||||
|
details > summary {
|
||||||
|
background-color: rgba(33, 35, 39, 0.4);
|
||||||
|
border-radius: 0.27em;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: -.5em -.5em 0;
|
||||||
|
padding-left: .5em;
|
||||||
|
}
|
||||||
|
details > summary:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
details *:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
details[open] {
|
||||||
|
border-color: #282a2c;
|
||||||
|
padding: .5em;
|
||||||
|
}
|
||||||
|
details[open] > summary {
|
||||||
|
border-bottom: 1px solid #282a2c;
|
||||||
|
border-radius: 0.27em 0.27em 0 0;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:focus,
|
||||||
|
select:focus,
|
||||||
|
summary:focus {
|
||||||
|
background-color: #282a2c;
|
||||||
|
text-shadow: 0 -1px #373A3D;
|
||||||
|
}
|
||||||
|
|
||||||
|
:target {
|
||||||
|
outline: 1px solid #8291AD;
|
||||||
|
}
|
||||||
|
|
||||||
|
body:hover .rssguard-mwrapper .rssguard-mhead .mwrapurl a,
|
||||||
|
body:hover .rssguard-mwrapper .rssguard-mhead .mwrapurl span {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mwrapurl a:focus, .rssguard-mwrapper .rssguard-mhead .mwrapurl a:focus + span {
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rssguard-mwrapper {
|
||||||
|
padding: 10px !important;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .msmall,
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks {
|
||||||
|
opacity: .8;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead > h1 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .msmall {
|
||||||
|
font-size: .9em;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .menc {
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl a {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl a,
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl span {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mbody img {
|
||||||
|
max-width: 450px !important;
|
||||||
|
max-height: unset !important;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 800px) {
|
||||||
|
.rssguard-mwrapper .rssguard-mbody img {
|
||||||
|
max-width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rssguard-mbody {
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
word-break: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
html::before,
|
||||||
|
html::after,
|
||||||
|
body::before,
|
||||||
|
body::after {
|
||||||
|
content: "";
|
||||||
|
background-color: #282a2c;
|
||||||
|
display: block;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
html::before {
|
||||||
|
height: 1px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html::after {
|
||||||
|
width: 1px;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::before {
|
||||||
|
height: 1px;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::after {
|
||||||
|
width: 1px;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
height: 13px;
|
||||||
|
width: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track,
|
||||||
|
::-webkit-scrollbar-corner {
|
||||||
|
background-color: #37393c;
|
||||||
|
box-shadow: inset 1px 1px #323437;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-corner {
|
||||||
|
border-radius: 0 0 0.3em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
box-shadow: inset 1px 1px #565a5f, inset -1px -1px #565a5f, inset 0px 1px #565a5f, inset 0px -1px #565a5f, inset 1px 0px #565a5f, inset 1px -1px #565a5f, inset -1px 0px #565a5f, inset -1px 1px #565a5f;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb:horizontal {
|
||||||
|
background-image: linear-gradient(#414347 5%, #3c3e42);
|
||||||
|
min-width: 25px;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb:horizontal:hover {
|
||||||
|
background-image: linear-gradient(#43464a 25%, #3c3e42);
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb:vertical {
|
||||||
|
background-image: linear-gradient(to right, #414347 5%, #3c3e42);
|
||||||
|
min-height: 25px;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb:vertical:hover {
|
||||||
|
background-image: linear-gradient(to right, #43464a 25%, #3c3e42);
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb:active {
|
||||||
|
background-image: linear-gradient(#3c3e42, #3c3e42) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
:not(body)::-webkit-scrollbar-thumb:horizontal {
|
||||||
|
box-shadow: inset 1px 1px #565a5f, inset -1px -1px #565a5f, inset 0px 1px #565a5f, inset 0px -1px #565a5f, inset 1px 0px #565a5f, inset 1px -1px #565a5f, inset -1px 0px #565a5f, inset -1px 1px #565a5f, 1px 0px #282a2c, 1px 1px #282a2c, -1px 1px #282a2c, -1px 0px #282a2c;
|
||||||
|
}
|
||||||
|
:not(body)::-webkit-scrollbar-thumb:vertical {
|
||||||
|
box-shadow: inset 1px 1px #565a5f, inset -1px -1px #565a5f, inset 0px 1px #565a5f, inset 0px -1px #565a5f, inset 1px 0px #565a5f, inset 1px -1px #565a5f, inset -1px 0px #565a5f, inset -1px 1px #565a5f, 0px -1px #282a2c, 1px -1px #282a2c, 1px 1px #282a2c, 0px 1px #282a2c;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb:horizontal,
|
||||||
|
::-webkit-scrollbar-track:horizontal {
|
||||||
|
border-top: 1px solid #282a2c;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-thumb:vertical,
|
||||||
|
::-webkit-scrollbar-track:vertical {
|
||||||
|
border-left: 1px solid #282a2c;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::-webkit-scrollbar-thumb:horizontal, body::-webkit-scrollbar-thumb:vertical,
|
||||||
|
body::-webkit-scrollbar-track:horizontal,
|
||||||
|
body::-webkit-scrollbar-track:vertical {
|
||||||
|
border: 1px solid #282a2c;
|
||||||
|
}
|
||||||
|
body::-webkit-scrollbar-thumb:horizontal,
|
||||||
|
body::-webkit-scrollbar-track:horizontal {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
body::-webkit-scrollbar-thumb:vertical,
|
||||||
|
body::-webkit-scrollbar-track:vertical {
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::-webkit-scrollbar-corner {
|
||||||
|
border: 1px solid #282a2c;
|
||||||
|
border-top: none;
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track:corner-present:horizontal,
|
||||||
|
::-webkit-scrollbar-thumb:corner-present:horizontal {
|
||||||
|
border-radius: 0 0 0 0.3em;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-track:corner-present:vertical,
|
||||||
|
::-webkit-scrollbar-thumb:corner-present:vertical {
|
||||||
|
border-radius: 0 0.3em 0 0;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-track:horizontal,
|
||||||
|
::-webkit-scrollbar-thumb:horizontal {
|
||||||
|
border-radius: 0 0 0.3em 0.3em;
|
||||||
|
}
|
||||||
|
::-webkit-scrollbar-track:vertical,
|
||||||
|
::-webkit-scrollbar-thumb:vertical {
|
||||||
|
border-radius: 0 0.3em 0.3em 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Please enable JS for additional font-colouring features */
|
||||||
|
:root {
|
||||||
|
--rssguard-red: 0;
|
||||||
|
--rssguard-green: 0;
|
||||||
|
--rssguard-blue: 0;
|
||||||
|
--rssguard-threshold: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--rssguard-r: calc(var(--rssguard-red) * 0.2126);
|
||||||
|
--rssguard-g: calc(var(--rssguard-green) * 0.7152);
|
||||||
|
--rssguard-b: calc(var(--rssguard-blue) * 0.0722);
|
||||||
|
--rssguard-sum:
|
||||||
|
calc(
|
||||||
|
var(--rssguard-r) +
|
||||||
|
var(--rssguard-g) +
|
||||||
|
var(--rssguard-b)
|
||||||
|
);
|
||||||
|
--rssguard-perceived-lightness: calc(var(--rssguard-sum) / 255);
|
||||||
|
}
|
||||||
|
|
||||||
|
body,
|
||||||
|
::selection,
|
||||||
|
mark, code, pre, pre > code,
|
||||||
|
blockquote {
|
||||||
|
color: hsla(0, 0%, calc( ( var(--rssguard-perceived-lightness) - var(--rssguard-threshold) ) * -10000000% ), 0.9);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=html_style.css.map */
|
||||||
313
resources/skins/nudus-dark/html_style.scss
Normal file
313
resources/skins/nudus-dark/html_style.scss
Normal file
|
|
@ -0,0 +1,313 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
$qtbg-base: #373A3D !default; // clr_basbg
|
||||||
|
$qtbg-button: #323437 !default; // clr_altbg // button bg (scrollbar, alt bg)
|
||||||
|
$qcselbg: #8291AD !default; // clr_selbg
|
||||||
|
|
||||||
|
//
|
||||||
|
// Emulate fusion colour processing (dark only)
|
||||||
|
//
|
||||||
|
|
||||||
|
//
|
||||||
|
// Scrollbar colours
|
||||||
|
//
|
||||||
|
|
||||||
|
//$qcbgbg: lighten($qtbg-button, 6%); // See toolbar bg
|
||||||
|
$bgscroll: lighten($qtbg-button, 2%) !default; // track and corner bg
|
||||||
|
$tr-border: darken($qtbg-button, 4%) !default; // track brdr
|
||||||
|
|
||||||
|
//
|
||||||
|
// Scrollbar thumb
|
||||||
|
//
|
||||||
|
|
||||||
|
// bg gradient
|
||||||
|
|
||||||
|
// Normal
|
||||||
|
$thscrlin: lighten($qtbg-button, 6%) !default;
|
||||||
|
$thscrlout: lighten($qtbg-button, 4%) !default;
|
||||||
|
|
||||||
|
// Hover
|
||||||
|
$thscrlhvin: lighten($qtbg-button, 7%) !default;
|
||||||
|
$thscrlhvout: $thscrlout;
|
||||||
|
|
||||||
|
// Light outline
|
||||||
|
$th-border: lighten($qtbg-button, 15%) !default;
|
||||||
|
|
||||||
|
//
|
||||||
|
// HTML palette (Colours)
|
||||||
|
//
|
||||||
|
|
||||||
|
$cbg00: $qtbg-base;
|
||||||
|
|
||||||
|
// Irrelevant, because fg is overridden by the switcher ~~~
|
||||||
|
$cfg00: #f5f5f5 !default;
|
||||||
|
$cfg10: #D8D8D8 !default;
|
||||||
|
$cfg11: $cfg10;
|
||||||
|
// ~~~
|
||||||
|
|
||||||
|
$cbor2: #545556 !default;
|
||||||
|
|
||||||
|
$ccodeblock: rgba(33, 35, 39, 0.4) !default;
|
||||||
|
$ccode: $ccodeblock;
|
||||||
|
$cbor3: $tr-border;
|
||||||
|
$cmark: #f8d08c66 !default; // 40% transparency
|
||||||
|
|
||||||
|
$clink: $qcselbg;
|
||||||
|
|
||||||
|
//
|
||||||
|
// Other
|
||||||
|
//
|
||||||
|
|
||||||
|
$radius-unit: .3em !default;
|
||||||
|
|
||||||
|
@import
|
||||||
|
"../nudus-base/html_style_base"
|
||||||
|
;
|
||||||
|
|
||||||
|
//
|
||||||
|
// Dark HTML-style has following additions:
|
||||||
|
//
|
||||||
|
|
||||||
|
//
|
||||||
|
// Border around viewport
|
||||||
|
|
||||||
|
// https://csswizardry.com/2010/12/simplified-page-borders-in-pure-css/
|
||||||
|
//
|
||||||
|
|
||||||
|
html::before,
|
||||||
|
html::after,
|
||||||
|
body::before,
|
||||||
|
body::after {
|
||||||
|
content: "";
|
||||||
|
background-color: $tr-border;
|
||||||
|
display: block;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 5;
|
||||||
|
}
|
||||||
|
|
||||||
|
html::before {
|
||||||
|
height: 1px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html::after {
|
||||||
|
width: 1px;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::before {
|
||||||
|
height: 1px;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body::after {
|
||||||
|
width: 1px;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Enhanced scrollbar
|
||||||
|
//
|
||||||
|
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
height: 13px;
|
||||||
|
width: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track,
|
||||||
|
::-webkit-scrollbar-corner {
|
||||||
|
background-color: $bgscroll;
|
||||||
|
box-shadow: inset 1px 1px lighten($tr-border, 4%);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Part where vertical and horizontal scrollbars meet
|
||||||
|
::-webkit-scrollbar-corner {
|
||||||
|
border-radius: 0 0 $radius-unit 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// TODO: Can be simplified to @include and function
|
||||||
|
$th-outline:
|
||||||
|
inset 1px 1px $th-border,
|
||||||
|
inset -1px -1px $th-border,
|
||||||
|
|
||||||
|
inset 0px 1px $th-border,
|
||||||
|
inset 0px -1px $th-border,
|
||||||
|
|
||||||
|
inset 1px 0px $th-border,
|
||||||
|
inset 1px -1px $th-border,
|
||||||
|
|
||||||
|
inset -1px 0px $th-border,
|
||||||
|
inset -1px 1px $th-border
|
||||||
|
;
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
$th-min-unit: 25px;
|
||||||
|
box-shadow: $th-outline;
|
||||||
|
|
||||||
|
&:horizontal {
|
||||||
|
background-image: linear-gradient($thscrlin 5%, $thscrlout);
|
||||||
|
min-width: $th-min-unit;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-image: linear-gradient($thscrlhvin 25%, $thscrlhvout);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:vertical {
|
||||||
|
background-image: linear-gradient(to right, $thscrlin 5%, $thscrlout);
|
||||||
|
min-height: $th-min-unit;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-image: linear-gradient(to right, $thscrlhvin 25%, $thscrlhvout);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-image: linear-gradient($thscrlout, $thscrlout) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Light and dark borders to outline the thumb
|
||||||
|
// Clockwise (x y)
|
||||||
|
:not(body)::-webkit-scrollbar-thumb {
|
||||||
|
|
||||||
|
&:horizontal {
|
||||||
|
box-shadow:
|
||||||
|
$th-outline,
|
||||||
|
1px 0px $tr-border,
|
||||||
|
1px 1px $tr-border,
|
||||||
|
-1px 1px $tr-border,
|
||||||
|
-1px 0px $tr-border
|
||||||
|
;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:vertical {
|
||||||
|
box-shadow:
|
||||||
|
$th-outline,
|
||||||
|
0px -1px $tr-border,
|
||||||
|
1px -1px $tr-border,
|
||||||
|
1px 1px $tr-border,
|
||||||
|
0px 1px $tr-border
|
||||||
|
;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb,
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
|
||||||
|
&:horizontal {
|
||||||
|
border-top: 1px solid $tr-border;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:vertical {
|
||||||
|
border-left: 1px solid $tr-border;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// More complete borders for `body` scrollbar
|
||||||
|
body::-webkit-scrollbar-thumb,
|
||||||
|
body::-webkit-scrollbar-track {
|
||||||
|
|
||||||
|
&:horizontal,
|
||||||
|
&:vertical {
|
||||||
|
border: 1px solid $tr-border;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:horizontal {
|
||||||
|
border-top: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:vertical {
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body::-webkit-scrollbar-corner {
|
||||||
|
border: 1px solid $tr-border;
|
||||||
|
border-top: none;
|
||||||
|
border-left: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track,
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
|
||||||
|
&:corner-present {
|
||||||
|
|
||||||
|
&:horizontal {
|
||||||
|
border-radius: 0 0 0 $radius-unit;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:vertical {
|
||||||
|
border-radius: 0 $radius-unit 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:horizontal {
|
||||||
|
border-radius: 0 0 $radius-unit $radius-unit;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:vertical {
|
||||||
|
border-radius: 0 $radius-unit $radius-unit 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Font colour switcher
|
||||||
|
|
||||||
|
// Thank you so much!!
|
||||||
|
// https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/
|
||||||
|
//
|
||||||
|
|
||||||
|
/* Please enable JS for additional font-colouring features */
|
||||||
|
:root {
|
||||||
|
// Default RGB values for background colour
|
||||||
|
--rssguard-red: 0;
|
||||||
|
--rssguard-green: 0;
|
||||||
|
--rssguard-blue: 0;
|
||||||
|
// The threshold at which colours are considered "light
|
||||||
|
// Range: decimals from 0 to 1, recommended 0.5 - 0.6
|
||||||
|
--rssguard-threshold: 0.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
// Calculates perceived lightness using the sRGB Luma method
|
||||||
|
// Luma = (red * 0.2126 + green * 0.7152 + blue * 0.0722) / 255
|
||||||
|
--rssguard-r: calc(var(--rssguard-red) * 0.2126);
|
||||||
|
--rssguard-g: calc(var(--rssguard-green) * 0.7152);
|
||||||
|
--rssguard-b: calc(var(--rssguard-blue) * 0.0722);
|
||||||
|
--rssguard-sum:
|
||||||
|
calc(
|
||||||
|
var(--rssguard-r) +
|
||||||
|
var(--rssguard-g) +
|
||||||
|
var(--rssguard-b)
|
||||||
|
);
|
||||||
|
--rssguard-perceived-lightness: calc(var(--rssguard-sum) / 255);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Shows either white or black colour depending on perceived lightness
|
||||||
|
body,
|
||||||
|
::selection,
|
||||||
|
mark, code, pre, pre > code,
|
||||||
|
blockquote {
|
||||||
|
color:
|
||||||
|
hsla(
|
||||||
|
0,
|
||||||
|
0%,
|
||||||
|
calc(
|
||||||
|
(
|
||||||
|
var(--rssguard-perceived-lightness) -
|
||||||
|
var(--rssguard-threshold)
|
||||||
|
) *
|
||||||
|
-10000000%
|
||||||
|
),
|
||||||
|
.9
|
||||||
|
);
|
||||||
|
}
|
||||||
29
resources/skins/nudus-dark/html_wrapper.html
Normal file
29
resources/skins/nudus-dark/html_wrapper.html
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>%1</title>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<style>
|
||||||
|
%style%
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
%2
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const rssGuardroot = document.documentElement;
|
||||||
|
rssGuardBody = document.body;
|
||||||
|
let rssGuardColor = window.getComputedStyle(rssGuardBody).backgroundColor;
|
||||||
|
rssGuardMatch = rssGuardColor.match(/(\w+)\((\d+), (\d+), (\d+)\)/);
|
||||||
|
|
||||||
|
if (rssGuardMatch != null) {
|
||||||
|
rssGuardroot.style.setProperty('--rssguard-red', rssGuardMatch[2]);
|
||||||
|
rssGuardroot.style.setProperty('--rssguard-green', rssGuardMatch[3]);
|
||||||
|
rssGuardroot.style.setProperty('--rssguard-blue', rssGuardMatch[4]);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
13
resources/skins/nudus-dark/metadata.xml
Normal file
13
resources/skins/nudus-dark/metadata.xml
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" ?>
|
||||||
|
<skin version="0.1" base="nudus-base">
|
||||||
|
<author>
|
||||||
|
<name>akinokonomi</name>
|
||||||
|
</author>
|
||||||
|
<palette>
|
||||||
|
<color key="FgInteresting" >#85ACF6</color>
|
||||||
|
<color key="FgSelectedInteresting" >#D9E3F7</color>
|
||||||
|
<color key="FgError" >#DF5656</color>
|
||||||
|
<color key="FgSelectedError" >#910303</color>
|
||||||
|
<color key="Allright" >#44AA44</color>
|
||||||
|
</palette>
|
||||||
|
</skin>
|
||||||
32
resources/skins/nudus-dark/qt_style.qss
Normal file
32
resources/skins/nudus-dark/qt_style.qss
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
QListWidget,
|
||||||
|
QScrollArea {
|
||||||
|
border: 1px solid palette(dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
QPlainTextEdit:focus {
|
||||||
|
border: 1px solid palette(highlight);
|
||||||
|
}
|
||||||
|
|
||||||
|
QToolTip {
|
||||||
|
background-color: palette(window);
|
||||||
|
border: 1px solid palette(dark);
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* TODO: Fine for now, may be improved in future */
|
||||||
|
QProgressBar {
|
||||||
|
background-color: palette(highlight);
|
||||||
|
color: palette(window);
|
||||||
|
}
|
||||||
|
|
||||||
|
QSplitter::handle {
|
||||||
|
background: palette(dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* For `qt5-styleplugins`: motif, cde, gtk2, etc.
|
||||||
|
*/
|
||||||
|
QStatusBar::item {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
353
resources/skins/nudus-light/html_style.css
Normal file
353
resources/skins/nudus-light/html_style.css
Normal file
|
|
@ -0,0 +1,353 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
* {
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
body, h1, h2, h3, h4, h5, h6,
|
||||||
|
p, blockquote, pre, hr,
|
||||||
|
dl, dd, ol, ul, figure {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
background-color: #FBFBFB;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #000000;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-webkit-font-feature-settings: "kern" 1;
|
||||||
|
font-feature-settings: "kern" 1;
|
||||||
|
font-kerning: normal;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
background-color: #5D88D2;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6,
|
||||||
|
p, blockquote, pre,
|
||||||
|
ul, ol, dl, figure,
|
||||||
|
details {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
background-color: #CFCFCF;
|
||||||
|
border: none;
|
||||||
|
display: block;
|
||||||
|
height: 2px;
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-weight: 600 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 1.25rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.20rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
font-size: 1.15rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 1.1rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 1rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: .95rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
b {
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
font-style: italic !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
strong {
|
||||||
|
font-weight: 800 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
em {
|
||||||
|
font-style: oblique !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
mark {
|
||||||
|
background-color: #FFECCC;
|
||||||
|
}
|
||||||
|
|
||||||
|
sub,
|
||||||
|
sup {
|
||||||
|
font-size: .8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
small {
|
||||||
|
font-size: .9rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
abbr {
|
||||||
|
cursor: help;
|
||||||
|
font-style: italic !important;
|
||||||
|
font-weight: 100 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
q {
|
||||||
|
font-style: italic !important;
|
||||||
|
}
|
||||||
|
q::before {
|
||||||
|
content: '“';
|
||||||
|
}
|
||||||
|
q::after {
|
||||||
|
content: '”';
|
||||||
|
}
|
||||||
|
|
||||||
|
time {
|
||||||
|
font-weight: 450 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
var {
|
||||||
|
font-style: oblique !important;
|
||||||
|
font-weight: 500 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #5D88D2;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
cite {
|
||||||
|
font-style: italic !important;
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
figure > img {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
figcaption {
|
||||||
|
font-size: .8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
blockquote {
|
||||||
|
border-left: 0.3em solid #CFCFCF;
|
||||||
|
margin-left: 0;
|
||||||
|
padding: 0 10px;
|
||||||
|
}
|
||||||
|
blockquote,
|
||||||
|
blockquote p {
|
||||||
|
color: #343434;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre,
|
||||||
|
code {
|
||||||
|
border: 1px solid #DEDEDE;
|
||||||
|
border-radius: 0.1em;
|
||||||
|
color: #343434;
|
||||||
|
}
|
||||||
|
|
||||||
|
code {
|
||||||
|
background-color: #F1F1F1;
|
||||||
|
padding: 0 .25em;
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
background-color: #F1F1F1;
|
||||||
|
overflow-x: auto;
|
||||||
|
padding: 7px 13px;
|
||||||
|
tab-size: 2;
|
||||||
|
white-space: pre !important;
|
||||||
|
width: unset !important;
|
||||||
|
}
|
||||||
|
pre > code {
|
||||||
|
background-color: unset;
|
||||||
|
border: none;
|
||||||
|
color: unset;
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
tab-size: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
kbd {
|
||||||
|
background: #F1F1F1;
|
||||||
|
border: 1px solid #DEDEDE;
|
||||||
|
border-bottom: 3px solid #d6d6d6;
|
||||||
|
border-radius: 0.1em;
|
||||||
|
box-shadow: 0 2px 4px #ececec, inset 0 1px #FBFBFB;
|
||||||
|
font-size: .9rem !important;
|
||||||
|
padding: .1em .4em .2em .4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
background-color: #F1F1F1;
|
||||||
|
border: 1px solid #DEDEDE;
|
||||||
|
border-radius: 0.1em;
|
||||||
|
color: #000000;
|
||||||
|
padding: .04em .25em;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
select:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
background-color: #FBFBFB;
|
||||||
|
}
|
||||||
|
select > option {
|
||||||
|
background-color: #FBFBFB;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: list-item;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul,
|
||||||
|
ol {
|
||||||
|
padding-left: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul {
|
||||||
|
list-style-type: disc;
|
||||||
|
}
|
||||||
|
ul li ul {
|
||||||
|
list-style-type: square;
|
||||||
|
}
|
||||||
|
|
||||||
|
ol {
|
||||||
|
list-style-type: decimal;
|
||||||
|
}
|
||||||
|
ol li ol {
|
||||||
|
list-style-type: lower-roman;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
details {
|
||||||
|
border: 1px solid #F1F1F1;
|
||||||
|
border-radius: 0.1em;
|
||||||
|
padding: .5em .5em 0;
|
||||||
|
}
|
||||||
|
details > summary {
|
||||||
|
background-color: #F1F1F1;
|
||||||
|
border-radius: 0.09em;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: -.5em -.5em 0;
|
||||||
|
padding-left: .5em;
|
||||||
|
}
|
||||||
|
details > summary:focus {
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
details *:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
details[open] {
|
||||||
|
border-color: #DEDEDE;
|
||||||
|
padding: .5em;
|
||||||
|
}
|
||||||
|
details[open] > summary {
|
||||||
|
border-bottom: 1px solid #DEDEDE;
|
||||||
|
border-radius: 0.09em 0.09em 0 0;
|
||||||
|
margin-bottom: .5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
iframe {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:focus,
|
||||||
|
select:focus,
|
||||||
|
summary:focus {
|
||||||
|
background-color: #DEDEDE;
|
||||||
|
text-shadow: 0 -1px #FBFBFB;
|
||||||
|
}
|
||||||
|
|
||||||
|
:target {
|
||||||
|
outline: 1px solid #5D88D2;
|
||||||
|
}
|
||||||
|
|
||||||
|
body:hover .rssguard-mwrapper .rssguard-mhead .mwrapurl a,
|
||||||
|
body:hover .rssguard-mwrapper .rssguard-mhead .mwrapurl span {
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mwrapurl a:focus, .rssguard-mwrapper .rssguard-mhead .mwrapurl a:focus + span {
|
||||||
|
visibility: visible !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rssguard-mwrapper {
|
||||||
|
padding: 10px !important;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .msmall,
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks {
|
||||||
|
opacity: .8;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead > h1 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .msmall {
|
||||||
|
font-size: .9em;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .menc {
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl {
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl a {
|
||||||
|
order: 1;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl a,
|
||||||
|
.rssguard-mwrapper .rssguard-mhead .mlinks .mwrapurl span {
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
.rssguard-mwrapper .rssguard-mbody img {
|
||||||
|
max-width: 450px !important;
|
||||||
|
max-height: unset !important;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 800px) {
|
||||||
|
.rssguard-mwrapper .rssguard-mbody img {
|
||||||
|
max-width: 100% !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rssguard-mbody {
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
word-break: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
color: #F1F1F1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=html_style.css.map */
|
||||||
39
resources/skins/nudus-light/html_style.scss
Normal file
39
resources/skins/nudus-light/html_style.scss
Normal file
|
|
@ -0,0 +1,39 @@
|
||||||
|
@charset "utf-8";
|
||||||
|
|
||||||
|
//
|
||||||
|
// Colours
|
||||||
|
//
|
||||||
|
|
||||||
|
$cbg00: #FBFBFB !default; // Background // Qt5 fusion bg light toolbar-grey
|
||||||
|
|
||||||
|
$cfg00: #000000 !default;
|
||||||
|
//$cfg10: #A23542 !default; // TODO: fg for code
|
||||||
|
$cfg11: #343434 !default; // Lighter fg for blockquote
|
||||||
|
$cfg10: $cfg11;
|
||||||
|
|
||||||
|
$cbor2: #CFCFCF !default; // hr and blockquote border
|
||||||
|
|
||||||
|
$ccodeblock: #F1F1F1 !default; // bg for `pre > code` and `details > summ`
|
||||||
|
$ccode: $ccodeblock !default; // bg for `code`
|
||||||
|
$cbor3: #DEDEDE !default; // code/pre border
|
||||||
|
$cmark: #FFECCC !default;
|
||||||
|
|
||||||
|
$clink: #5D88D2 !default; // Else use steelblue
|
||||||
|
|
||||||
|
//
|
||||||
|
// Other
|
||||||
|
//
|
||||||
|
|
||||||
|
$radius-unit: .1em !default;
|
||||||
|
|
||||||
|
@import
|
||||||
|
"../nudus-base/html_style_base"
|
||||||
|
;
|
||||||
|
|
||||||
|
//
|
||||||
|
// Light style has following additions:
|
||||||
|
//
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
color: #F1F1F1;
|
||||||
|
}
|
||||||
13
resources/skins/nudus-light/metadata.xml
Normal file
13
resources/skins/nudus-light/metadata.xml
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" ?>
|
||||||
|
<skin version="0.1" base="nudus-base">
|
||||||
|
<author>
|
||||||
|
<name>akinokonomi</name>
|
||||||
|
</author>
|
||||||
|
<palette>
|
||||||
|
<color key="FgInteresting" >#3A6FE4</color>
|
||||||
|
<color key="FgSelectedInteresting" >#F0F2FC</color>
|
||||||
|
<color key="FgError" >#E74343</color>
|
||||||
|
<color key="FgSelectedError" >#FFD7D7</color>
|
||||||
|
<color key="Allright" >#77dd77</color>
|
||||||
|
</palette>
|
||||||
|
</skin>
|
||||||
14
resources/skins/nudus-light/qt_style.qss
Normal file
14
resources/skins/nudus-light/qt_style.qss
Normal file
|
|
@ -0,0 +1,14 @@
|
||||||
|
QPlainTextEdit:focus {
|
||||||
|
border: 1px solid palette(highlight);
|
||||||
|
}
|
||||||
|
|
||||||
|
QSplitter::handle {
|
||||||
|
background: palette(dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* For `qt5-styleplugins`: motif, cde, gtk2, etc.
|
||||||
|
*/
|
||||||
|
QStatusBar::item {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
 / <a class="rssguard-menc" href="%1"><span style="display:none"><!-- Cannot be removed -->%2</span><span style="text-transform: uppercase;">%3</span></a>
|
|
||||||
|
|
@ -1,12 +0,0 @@
|
||||||
<div class="rssguard-mwrapper" dir="auto">
|
|
||||||
<section class="rssguard-mhead">
|
|
||||||
<div style="float: right; margin: 10px;"><!-- Should it remain here??? -->%7</div>
|
|
||||||
<span class="rssguard-msmall">%2</span>
|
|
||||||
<h1>%1<span class="rssguard-mlinks">%6<span class="rssguard-murl"> / <a href="%3">URL</a></span></span></h1>
|
|
||||||
<span class="rssguard-msmall">%5</span>
|
|
||||||
</section>
|
|
||||||
<hr>
|
|
||||||
<div class="rssguard-mbody">
|
|
||||||
%4
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,287 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<!--
|
|
||||||
___________________________
|
|
||||||
< I'm an expert in my field. >
|
|
||||||
---------------------------
|
|
||||||
\ ^__^
|
|
||||||
\ (oo)\_______
|
|
||||||
(__)\ )\/\
|
|
||||||
||----w |
|
|
||||||
|| ||
|
|
||||||
-->
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<style>
|
|
||||||
:root {
|
|
||||||
--rssguard-base-unit: 10px;
|
|
||||||
--rssguard-em-unit: .3em;
|
|
||||||
|
|
||||||
/* Qt5 fusion border grey */
|
|
||||||
--rssguard-grey01: #B8B8B8;
|
|
||||||
|
|
||||||
/* Some other grey */
|
|
||||||
--rssguard-grey02: #CFCFCF;
|
|
||||||
--rssguard-grey10: #343434;
|
|
||||||
--rssguard-grey20: #F1F1F1;
|
|
||||||
}
|
|
||||||
article, aside, details, div, dt,
|
|
||||||
figcaption, footer, form, header,
|
|
||||||
hgroup, html, main, nav, section, summary {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
body, h1, h2, h3, h4, h5, h6,
|
|
||||||
p, blockquote, pre, hr,
|
|
||||||
dl, dd, ol, ul, figure {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
h1, h2, h3, h4, h5, h6,
|
|
||||||
p, blockquote, pre,
|
|
||||||
ul, ol, dl, figure {
|
|
||||||
margin-bottom: var(--rssguard-base-unit);
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
/*
|
|
||||||
* Another Qt grey;
|
|
||||||
* bg required for "newspaper mode"
|
|
||||||
*/
|
|
||||||
background-color: #FBFBFB;
|
|
||||||
|
|
||||||
box-sizing: border-box;
|
|
||||||
cursor: default;
|
|
||||||
font-kerning: normal;
|
|
||||||
|
|
||||||
/* redundant? */
|
|
||||||
-webkit-font-feature-settings: "kern" 1;
|
|
||||||
font-feature-settings: "kern" 1;
|
|
||||||
-webkit-text-size-adjust: 100%;
|
|
||||||
}
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
font-weight: 600 !important;
|
|
||||||
}
|
|
||||||
h1 { font-size: 1.25em !important; }
|
|
||||||
h2 { font-size: 1.20em !important; }
|
|
||||||
h3 { font-size: 1.15em !important; }
|
|
||||||
h4 { font-size: 1.1em !important; }
|
|
||||||
h5 { font-size: 1em !important; }
|
|
||||||
h6 { font-size: .95em !important; }
|
|
||||||
b {
|
|
||||||
font-weight: bold !important;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
font-style: italic !important;
|
|
||||||
}
|
|
||||||
strong {
|
|
||||||
font-weight: 800 !important;
|
|
||||||
}
|
|
||||||
em {
|
|
||||||
font-style: oblique !important;
|
|
||||||
}
|
|
||||||
mark {
|
|
||||||
background-color: #FFECCC;
|
|
||||||
}
|
|
||||||
sub,
|
|
||||||
sup {
|
|
||||||
font-size: .8em !important;
|
|
||||||
}
|
|
||||||
small {
|
|
||||||
font-size: .9em !important;
|
|
||||||
}
|
|
||||||
q {
|
|
||||||
font-style: italic !important;
|
|
||||||
}
|
|
||||||
q::before {
|
|
||||||
content: '“';
|
|
||||||
}
|
|
||||||
q::after {
|
|
||||||
content: '”';
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
color: steelblue;
|
|
||||||
}
|
|
||||||
a:hover {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
cite {
|
|
||||||
font-style: italic !important;
|
|
||||||
font-weight: bold !important;
|
|
||||||
}
|
|
||||||
figure > img {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
figcaption {
|
|
||||||
font-size: .8em !important;
|
|
||||||
}
|
|
||||||
blockquote {
|
|
||||||
color: var(--rssguard-grey10);
|
|
||||||
border-left: var(--rssguard-em-unit) solid var(--rssguard-grey02);
|
|
||||||
margin-left: 0;
|
|
||||||
padding: 0 var(--rssguard-base-unit);
|
|
||||||
}
|
|
||||||
pre,
|
|
||||||
code {
|
|
||||||
background-color: var(--rssguard-grey20);
|
|
||||||
cursor: text;
|
|
||||||
}
|
|
||||||
pre {
|
|
||||||
--rssguard-horiz: 13px;
|
|
||||||
|
|
||||||
border-radius: var(--rssguard-em-unit);
|
|
||||||
overflow-x: auto;
|
|
||||||
padding: 7px var(--rssguard-horiz);
|
|
||||||
white-space: pre !important;
|
|
||||||
width: calc(100wv - calc(var(--rssguard-horiz) * 2)) !important;
|
|
||||||
}
|
|
||||||
code {
|
|
||||||
border-radius: var(--rssguard-em-unit);
|
|
||||||
color: var(--rssguard-grey10);
|
|
||||||
padding: 0 .25em;
|
|
||||||
word-break: break-word;
|
|
||||||
}
|
|
||||||
pre code {
|
|
||||||
display: block;
|
|
||||||
padding: 0;
|
|
||||||
tab-size: 4;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
table,
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
border: 1px solid var(--rssguard-grey01);
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
display: list-item;
|
|
||||||
}
|
|
||||||
ul,
|
|
||||||
ol {
|
|
||||||
padding-left: 1.5em;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
display: block;
|
|
||||||
list-style-type: circle;
|
|
||||||
}
|
|
||||||
ul li ul {
|
|
||||||
list-style-type: square;
|
|
||||||
}
|
|
||||||
ol {
|
|
||||||
display: block;
|
|
||||||
list-style-type: decimal;
|
|
||||||
}
|
|
||||||
ol li ol {
|
|
||||||
list-style-type: lower-roman;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
/* redundant? */
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
height: auto;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
details > summary {
|
|
||||||
border-radius: var(--rssguard-em-unit);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
details > summary:hover,
|
|
||||||
details[open] > summary {
|
|
||||||
background-color: var(--rssguard-grey20);
|
|
||||||
}
|
|
||||||
details > summary:focus {
|
|
||||||
box-shadow: none;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
hr {
|
|
||||||
background-color: var(--rssguard-grey02);
|
|
||||||
border: none;
|
|
||||||
display: block;
|
|
||||||
height: 2px;
|
|
||||||
margin: var(--rssguard-base-unit) 0;
|
|
||||||
}
|
|
||||||
iframe {
|
|
||||||
max-width: 100%;
|
|
||||||
height: auto;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
select {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
.rssguard-mwrapper {
|
|
||||||
padding: var(--rssguard-base-unit) !important;
|
|
||||||
}
|
|
||||||
.rssguard-mhead .rssguard-msmall,
|
|
||||||
.rssguard-mhead .rssguard-mlinks {
|
|
||||||
opacity: .8;
|
|
||||||
}
|
|
||||||
.rssguard-mhead h1 {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.rssguard-msmall {
|
|
||||||
font-size: .9em;
|
|
||||||
}
|
|
||||||
.rssguard-mlinks a.rssguard-menc {
|
|
||||||
word-break: break-word;
|
|
||||||
}
|
|
||||||
.rssguard-murl {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
body:hover .rssguard-mwrapper .rssguard-murl {
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
@media only screen and (max-width: 800px) {
|
|
||||||
|
|
||||||
.rssguard-mbody img {
|
|
||||||
max-width: 100% !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.rssguard-mbody img {
|
|
||||||
max-width: 450px;
|
|
||||||
}
|
|
||||||
.rssguard-mbody {
|
|
||||||
/*
|
|
||||||
* For articles without html elements;
|
|
||||||
* Not sure if I want to apply this to *all*;
|
|
||||||
* otherwise *must* be applied to links in mbody
|
|
||||||
*/
|
|
||||||
word-break: break-word;
|
|
||||||
}
|
|
||||||
/* Fix at least some mess produced by above */
|
|
||||||
table {
|
|
||||||
word-break: normal;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<style>
|
|
||||||
html, body, div, span, applet, object, iframe,
|
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
||||||
a, abbr, acronym, address, big, cite, code,
|
|
||||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
||||||
small, strike, strong, sub, sup, tt, var,
|
|
||||||
b, u, i, center,
|
|
||||||
dl, dt, dd, ol, ul, li,
|
|
||||||
fieldset, form, label, legend,
|
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
||||||
article, aside, canvas, details, embed,
|
|
||||||
figure, figcaption, footer, header, hgroup,
|
|
||||||
menu, nav, output, ruby, section, summary,
|
|
||||||
time, mark, audio, video {
|
|
||||||
font: inherit;
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
html {
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<title>%1</title>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
%2
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,13 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<skin version="0.01">
|
|
||||||
<author>
|
|
||||||
<name>Maki Blackwell</name>
|
|
||||||
</author>
|
|
||||||
<palette>
|
|
||||||
<color key="FgInteresting">#3A4EE4</color>
|
|
||||||
<color key="FgSelectedInteresting">#ff66cc</color>
|
|
||||||
<color key="FgError">#4EE43A</color>
|
|
||||||
<color key="FgSelectedError">#ff99ff</color>
|
|
||||||
<color key="Allright">#00ff99</color>
|
|
||||||
</palette>
|
|
||||||
</skin>
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
QTextEdit {
|
|
||||||
selection-background-color: #4861f0;
|
|
||||||
}
|
|
||||||
|
|
||||||
QStatusBar::item {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
QSplitter::handle {
|
|
||||||
background: rgba(117, 117, 117, 0.5);
|
|
||||||
}
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<div class="card filled fluid" dir="auto">
|
<div class="card filled fluid" dir="auto" id="%8">
|
||||||
<h5 class="doc section">%1 <a class="button small primary" href="%3">🔗URL</a> %6</h5>
|
<h5 class="doc section">%1 <a class="button small primary" href="%3">🔗URL</a> %6</h5>
|
||||||
<div class="doc section">
|
<div class="doc section">
|
||||||
<div style="text-align: center;">
|
<div style="text-align: center;">
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,13 @@
|
||||||
<?xml version="1.0" encoding="UTF-8"?>
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
<skin version="0.24">
|
<skin version="0.25">
|
||||||
<author>
|
<author>
|
||||||
<name>Martin Rotter</name>
|
<name>Martin Rotter</name>
|
||||||
</author>
|
</author>
|
||||||
<palette>
|
<palette>
|
||||||
<color key="FgInteresting">#3A4EE4</color>
|
<color key="FgInteresting" >#3A4EE4</color>
|
||||||
<color key="FgSelectedInteresting">#ff66cc</color>
|
<color key="FgSelectedInteresting" >#F0F2FC</color>
|
||||||
<color key="FgError">#4EE43A</color>
|
<color key="FgError" >#DF5656</color>
|
||||||
<color key="FgSelectedError">#ff99ff</color>
|
<color key="FgSelectedError" >#FFD7D7</color>
|
||||||
<color key="Allright">#00ff99</color>
|
<color key="Allright" >#77dd77</color>
|
||||||
</palette>
|
</palette>
|
||||||
</skin>
|
</skin>
|
||||||
|
|
@ -68,36 +68,40 @@ void SkinFactory::loadSkinFromData(const Skin& skin) {
|
||||||
qDebugNN << LOGSEC_GUI << "Activating dark palette for Fusion style.";
|
qDebugNN << LOGSEC_GUI << "Activating dark palette for Fusion style.";
|
||||||
|
|
||||||
QPalette fusion_palette = qApp->palette();
|
QPalette fusion_palette = qApp->palette();
|
||||||
QColor clr_bg(QSL("#2D2F32"));
|
QColor clr_maibg(QSL("#2D2F32"));
|
||||||
|
QColor clr_basbg(QSL("#373A3D"));
|
||||||
QColor clr_altbg(QSL("#323437"));
|
QColor clr_altbg(QSL("#323437"));
|
||||||
QColor clr_selbg(QSL("#8291AD"));
|
QColor clr_selbg(QSL("#8291AD"));
|
||||||
QColor clr_fg(QSL("#D8D8D8"));
|
QColor clr_selfg(QSL("#FFFFFF"));
|
||||||
QColor clr_brdr(QSL("#585C65"));
|
QColor clr_btnfg(QSL("#E7E7E7"));
|
||||||
QColor clr_tooltip_brdr(QSL("#707580"));
|
QColor clr_dibfg(QSL("#A7A7A7"));
|
||||||
QColor clr_link(QSL("#a1acc1"));
|
QColor clr_winfg(QSL("#D8D8D8"));
|
||||||
QColor clr_dis_fg(QSL("#727272"));
|
QColor clr_diwfg(QSL("#999999"));
|
||||||
|
QColor clr_brdbg(QSL("#202224")); // Use colour picker on dark brdr under list header for this one
|
||||||
|
QColor clr_wlink(QSL("#a1acc1"));
|
||||||
|
|
||||||
//
|
//
|
||||||
// Normal state.
|
// Normal state.
|
||||||
//
|
//
|
||||||
|
|
||||||
// Backgrounds & bases.
|
// Backgrounds & bases.
|
||||||
fusion_palette.setColor(QPalette::ColorRole::Window, clr_bg);
|
fusion_palette.setColor(QPalette::ColorRole::Window, clr_maibg);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::Base, clr_bg);
|
fusion_palette.setColor(QPalette::ColorRole::Base, clr_basbg);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::Dark, clr_bg);
|
fusion_palette.setColor(QPalette::ColorRole::Dark, clr_brdbg);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::AlternateBase, clr_altbg);
|
fusion_palette.setColor(QPalette::ColorRole::AlternateBase, clr_altbg);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::Button, clr_altbg);
|
fusion_palette.setColor(QPalette::ColorRole::Button, clr_altbg);
|
||||||
|
fusion_palette.setColor(QPalette::ColorRole::Light, clr_altbg); // Bright
|
||||||
fusion_palette.setColor(QPalette::ColorRole::Highlight, clr_selbg);
|
fusion_palette.setColor(QPalette::ColorRole::Highlight, clr_selbg);
|
||||||
|
|
||||||
// Texts.
|
// Texts.
|
||||||
fusion_palette.setColor(QPalette::ColorRole::WindowText, clr_fg);
|
fusion_palette.setColor(QPalette::ColorRole::ButtonText, clr_btnfg);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::ButtonText, clr_fg);
|
fusion_palette.setColor(QPalette::ColorRole::WindowText, clr_winfg);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::BrightText, clr_fg);
|
fusion_palette.setColor(QPalette::ColorRole::BrightText, clr_basbg);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::Text, clr_fg);
|
fusion_palette.setColor(QPalette::ColorRole::Text, clr_winfg); // Normal text
|
||||||
fusion_palette.setColor(QPalette::ColorRole::PlaceholderText, clr_fg);
|
fusion_palette.setColor(QPalette::ColorRole::PlaceholderText, clr_dibfg);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::Link, clr_link);
|
fusion_palette.setColor(QPalette::ColorRole::Link, clr_wlink);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::LinkVisited, clr_link);
|
fusion_palette.setColor(QPalette::ColorRole::LinkVisited, clr_wlink);
|
||||||
fusion_palette.setColor(QPalette::ColorRole::HighlightedText, clr_fg);
|
fusion_palette.setColor(QPalette::ColorRole::HighlightedText, clr_selfg);
|
||||||
|
|
||||||
//
|
//
|
||||||
// Inactive state.
|
// Inactive state.
|
||||||
|
|
@ -112,29 +116,30 @@ void SkinFactory::loadSkinFromData(const Skin& skin) {
|
||||||
//
|
//
|
||||||
|
|
||||||
// Backgrounds & bases.
|
// Backgrounds & bases.
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Window, clr_altbg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Window, clr_maibg);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Base, clr_altbg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Base, clr_basbg);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Dark, clr_altbg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Dark, clr_brdbg);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::AlternateBase, clr_altbg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::AlternateBase, clr_altbg);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Button, Qt::GlobalColor::red);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Button, clr_altbg);
|
||||||
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Light, clr_altbg); // Bright
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Highlight, clr_selbg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Highlight, clr_selbg);
|
||||||
|
|
||||||
// Texts.
|
// Texts.
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::WindowText, clr_dis_fg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::ButtonText, clr_dibfg);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::ButtonText, clr_dis_fg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::WindowText, clr_diwfg);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::BrightText, clr_fg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::BrightText, clr_basbg);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Text, clr_dis_fg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Text, clr_diwfg); // Normal text
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::PlaceholderText, clr_fg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::PlaceholderText, clr_dibfg);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Link, clr_link);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::Link, clr_wlink);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::LinkVisited, clr_link);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::LinkVisited, clr_wlink);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::HighlightedText, clr_fg);
|
fusion_palette.setColor(QPalette::ColorGroup::Disabled, QPalette::ColorRole::HighlightedText, clr_selfg);
|
||||||
|
|
||||||
//
|
//
|
||||||
// Tooltips.
|
// Tooltips.
|
||||||
//
|
//
|
||||||
|
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::All, QPalette::ColorRole::ToolTipBase, clr_bg);
|
fusion_palette.setColor(QPalette::ColorGroup::All, QPalette::ColorRole::ToolTipBase, clr_maibg);
|
||||||
fusion_palette.setColor(QPalette::ColorGroup::All, QPalette::ColorRole::ToolTipText, clr_fg);
|
fusion_palette.setColor(QPalette::ColorGroup::All, QPalette::ColorRole::ToolTipText, clr_winfg);
|
||||||
|
|
||||||
QToolTip::setPalette(fusion_palette);
|
QToolTip::setPalette(fusion_palette);
|
||||||
qApp->setPalette(fusion_palette);
|
qApp->setPalette(fusion_palette);
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue