infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Fix Mermaid diagram styles

pull/1/head
David Benqué 2021-02-09 17:26:00 +00:00
parent d571822adf
commit 92bdc6b33b
3 changed files with 25 additions and 18 deletions
customize.dist/src/less2/include

4
customize.dist/src/less2/include/colortheme-dark.less
View File

@ -207,8 +207,8 @@
// Rendered Markdown
@cp_markdown-bg: @cryptpad_color_grey_900;
@cp_markdown-border: @cryptpad_color_grey_700;
@cp_markdown-contrast-fg: white; // XXX
@cp_markdown-contrast-bg: @cryptpad_color_grey; // XXX
@cp_markdown-block-fg: @cryptpad_text_col;
@cp_markdown-block-bg: @cryptpad_color_grey_800;
// Avatar
@cp_avatar-bg: @cryptpad_color_grey_700;

4
customize.dist/src/less2/include/colortheme.less
View File

@ -206,8 +206,8 @@
// Rendered Markdown
@cp_markdown-bg: @cryptpad_color_lighter_grey;
@cp_markdown-border: @cryptpad_color_grey;
@cp_markdown-contrast-fg: @cryptpad_text_col; // XXX
@cp_markdown-contrast-bg: transparent; // XXX
@cp_markdown-block-fg: @cryptpad_text_col; // XXX
@cp_markdown-block-bg: @cryptpad_color_grey_200; // XXX
// Avatar
@cp_avatar-bg: @cryptpad_color_grey;

35
customize.dist/src/less2/include/markdown.less
View File

@ -151,27 +151,34 @@
// XXX apply the styles below in modals-ui-elements.less
pre.mermaid[mermaid-source^="pie"] { // XXX
pre.mermaid[mermaid-source^="pie"] {
g.legend text, text.pieTitleText {
fill: @cp_markdown-contrast-fg;
fill: @cp_markdown-block-fg;
}
}
pre.mermaid[mermaid-source^="gantt"] { // XXX
background-color: @cp_markdown-contrast-bg;
background-color: #444;
pre.mermaid[mermaid-source^="gantt"] {
text.titleText {
fill: @cp_markdown-contrast-fg;
fill: @cp_markdown-block-fg;
}
g.tick {
text {
fill: @cp_markdown-block-fg;
}
line {
stroke: fade(@cp_markdown-block-fg, 50%);
}
}
}
/* make sure markmap text shows up in dark mode */
pre.markmap svg { // XXX
color: @cp_markdown-contrast-fg;
pre.markmap svg {
color: @cp_markdown-block-fg;
}
pre.mathjax { // XXX
background-color: @cp_markdown-contrast-bg;
pre.mathjax {
padding: 5px;
color: @cryptpad_text_col;
background-color: @cp_markdown-block-bg;
}
}
@ -179,13 +186,13 @@
pre > code {
display: block;
position: relative;
border: 1px solid @cp_markdown-border;
width: 90%;
margin: auto;
padding-left: .25vw;
padding: 5px;
overflow-x: auto;
overflow-y: hidden;
background-color: @cp_markdown-contrast-bg; // XXX
color: @cp_markdown-block-fg;
background-color: @cp_markdown-block-bg; // XXX
}
}