improve styling for dark theme
This commit is contained in:
parent
4bd3ad884f
commit
9b6e7bd011
4
build.py
4
build.py
|
@ -590,12 +590,12 @@ for header in fileStruct:
|
||||||
# but the basic fundamental organizing unit WRT content is still the
|
# but the basic fundamental organizing unit WRT content is still the
|
||||||
# chapter.
|
# chapter.
|
||||||
githubedit = ''
|
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 level > 0:
|
||||||
if 'include' in header:
|
if 'include' in header:
|
||||||
srcFile = open('include/' + header['include'])
|
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()
|
content = srcFile.read()
|
||||||
srcFile.close()
|
srcFile.close()
|
||||||
|
|
||||||
|
|
|
@ -51,7 +51,10 @@
|
||||||
backend. While many of the concepts are true, the specifics may be different.
|
backend. While many of the concepts are true, the specifics may be different.
|
||||||
</p>
|
</p>
|
||||||
<figure>
|
<figure>
|
||||||
<img src="/images/latency-chain.png" alt="Latency chain">
|
<img
|
||||||
|
src="/images/latency-chain.png"
|
||||||
|
alt="Latency chain"
|
||||||
|
class="invert-in-dark">
|
||||||
<figcaption>
|
<figcaption>
|
||||||
Latency chain
|
Latency chain
|
||||||
</figcaption>
|
</figcaption>
|
||||||
|
@ -186,7 +189,10 @@
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<figure>
|
<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>
|
<figcaption>
|
||||||
Jack Latency Compensation
|
Jack Latency Compensation
|
||||||
</figcaption>
|
</figcaption>
|
||||||
|
|
|
@ -230,7 +230,10 @@
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<figure class="center">
|
<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>
|
<figcaption>
|
||||||
LTC frame alignment for the 525/60 TV standard
|
LTC frame alignment for the 525/60 TV standard
|
||||||
</figcaption>
|
</figcaption>
|
||||||
|
|
|
@ -343,7 +343,7 @@ body.dark-theme #content kbd.input {
|
||||||
}
|
}
|
||||||
|
|
||||||
body.dark-theme #content .warning {
|
body.dark-theme #content .warning {
|
||||||
background-color: #995555;
|
background-color: darkred;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.dark-theme #content table tr:nth-child(2n+1) {
|
body.dark-theme #content table tr:nth-child(2n+1) {
|
||||||
|
@ -415,3 +415,13 @@ body.dark-theme #tree a {
|
||||||
color: white;
|
color: white;
|
||||||
text-shadow: 0 0 0 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);
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue