improve styling for dark theme

This commit is contained in:
aghArdeshir 2023-08-02 21:51:55 +02:00 committed by Alexandre Prokoudine
parent 4bd3ad884f
commit 9b6e7bd011
4 changed files with 25 additions and 6 deletions

View File

@ -590,12 +590,12 @@ for header in fileStruct:
# but the basic fundamental organizing unit WRT content is still the
# chapter.
githubedit = ''
themechanger = '<span style="float:right;padding: 0 5px 5px 5px;"><button class="theme-changer" onclick="changetheme()" title="Change Theme"></button></span>'
themechanger = '<span style="float:right;padding: 0 5px 5px 5px;position:relative;bottom:-5px;"><button class="theme-changer" onclick="changetheme()" title="Change Theme"></button></span>'
if level > 0:
if 'include' in header:
srcFile = open('include/' + header['include'])
githubedit = '<span style="float:right;padding:5px;"><a class="github-link" title="Edit in GitHub" href="' + global_githuburl + header['include'] + '"><img src="/images/github.png" alt="Edit in GitHub"/></a></span>'
githubedit = '<span style="float:right;padding:5px;"><a class="github-link" title="Edit in GitHub" href="' + global_githuburl + header['include'] + '"></a></span>'
content = srcFile.read()
srcFile.close()

View File

@ -51,7 +51,10 @@
backend. While many of the concepts are true, the specifics may be different.
</p>
<figure>
<img src="/images/latency-chain.png" alt="Latency chain">
<img
src="/images/latency-chain.png"
alt="Latency chain"
class="invert-in-dark">
<figcaption>
Latency chain
</figcaption>
@ -186,7 +189,10 @@
</p>
<figure>
<img src="/images/jack-latency-excerpt.png" alt="Jack Latency Compensation">
<img
src="/images/jack-latency-excerpt.png"
alt="Jack Latency Compensation"
class="invert-in-dark">
<figcaption>
Jack Latency Compensation
</figcaption>

View File

@ -230,7 +230,10 @@
</p>
<figure class="center">
<img src="/images/ltc-transport-alignment.png" alt="LTC frame alignment">
<img
src="/images/ltc-transport-alignment.png"
alt="LTC frame alignment"
class="invert-in-dark">
<figcaption>
LTC frame alignment for the 525/60 TV standard
</figcaption>

View File

@ -343,7 +343,7 @@ body.dark-theme #content kbd.input {
}
body.dark-theme #content .warning {
background-color: #995555;
background-color: darkred;
}
body.dark-theme #content table tr:nth-child(2n+1) {
@ -415,3 +415,13 @@ body.dark-theme #tree a {
color: white;
text-shadow: 0 0 0 white;
}
body.dark-theme #tree .active > a {
color: #FF8080;
text-shadow: 0 0 0 #FF8080;
}
body.dark-theme .invert-in-dark {
filter: invert(1);
}