github/hedgedoc
1
0
Fork 0
mirror of https://github.com/hedgedoc/hedgedoc.git synced 2024-11-28 14:10:57 -05:00
Code Issues Projects Releases Packages Wiki Activity

Improved CSS in night-mode

Browse source 
A general invert-filter is applied to all pre elements in night mode. As diagrams are embedded inside pre tags, they're inverted as well. For sequence-diagrams and flow-charts this looks well, if we wouldn't additionally set the stroke and text color to white in night-mode. These additional white rules invert the already inverted diagram again and make it not good visible. The graphviz and abc embeddings aren't really optimized to be inverted, therefore they're now excluded from invertion and stay in day mode.

Signed-off-by: Erik Michelson <github@erik.michelson.eu>
This commit is contained in:
Erik Michelson 2021-01-28 12:30:47 +01:00
parent dfd710982a
commit 40d30baa03
No known key found for this signature in database
GPG key ID: DB99ADDDC5C0AF82
1 changed files with 8 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
public/css/markdown.css
View file

@ -74,9 +74,10 @@
} }
.night .markdown-body .gist table tr:nth-child(2n){ .night .markdown-body .gist table tr:nth-child(2n){
background-color: #ddd; background-color: #ddd;
}
.night .markdown-body .gist table tr:nth-child(2n+1) {
background-color: #e3e3e3;
} }
.markdown-body code[data-gist-id] { .markdown-body code[data-gist-id] {
@ -133,8 +134,8 @@
white-space: inherit; white-space: inherit;
} }
.night .markdown-body pre.graphviz .graph > polygon{ .night .markdown-body pre.graphviz {
fill: #333; filter: none;
} }
.night .markdown-body pre.mermaid .titleText, .night .markdown-body pre.mermaid .titleText,
@ -160,27 +161,15 @@
height: 100%; height: 100%;
} }
.night .markdown-body .abc path{ .night .markdown-body .abc {
fill: #eee; background-color: #fff;
} filter: none;
.night .markdown-body .abc path.note_selected{
fill: ##4DD0E1;
}
.night tspan{
fill: #fefefe;
} }
.night pre rect{ .night pre rect{
fill: transparent; fill: transparent;
} }
.night pre.flow-chart rect,
.night pre.flow-chart path{
stroke: white;
}
.markdown-body pre > code.wrap { .markdown-body pre > code.wrap {
white-space: pre-wrap; /* Since CSS 2.1 */ white-space: pre-wrap; /* Since CSS 2.1 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */