The_Great_Archive/cryptpad
1
0
Fork 0
mirror of https://github.com/cryptpad/cryptpad.git synced 2026-09-14 11:05:41 +05:00
Code Issues Packages Projects Releases Wiki Activity

address some dark mode edge cases in markdown

Browse Source
This commit is contained in:
ansuz 2021-02-09 13:03:25 +05:30
parent e29df908a7
commit 7c0db7058c
3 changed files with 32 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -207,6 +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
// Avatar
@cp_avatar-bg: @cryptpad_color_grey_700;

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

@ -206,6 +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
// Avatar
@cp_avatar-bg: @cryptpad_color_grey;

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

@ -148,6 +148,31 @@
.tools_unselectable();
}
}
// XXX apply the styles below in modals-ui-elements.less
pre.mermaid[mermaid-source^="pie"] { // XXX
g.legend text, text.pieTitleText {
fill: @cp_markdown-contrast-fg;
}
}
pre.mermaid[mermaid-source^="gantt"] { // XXX
background-color: @cp_markdown-contrast-bg;
background-color: #444;
text.titleText {
fill: @cp_markdown-contrast-fg;
}
}
/* make sure markmap text shows up in dark mode */
pre.markmap svg { // XXX
color: @cp_markdown-contrast-fg;
}
pre.mathjax { // XXX
background-color: @cp_markdown-contrast-bg;
}
}
.markdown_preformatted-code () {
@ -160,6 +185,7 @@
padding-left: .25vw;
overflow-x: auto;
overflow-y: hidden;
background-color: @cp_markdown-contrast-bg; // XXX
}
}
@ -168,11 +194,10 @@
border-collapse: collapse;
tr {
th {
border: 1px solid @cryptpad_color_black;
padding: 15px;
}
td {
border: 1px solid @cryptpad_color_black;
th, td {
border: 1px solid @cp_markdown-border; // XXX
}
}
}