FEAT(client,Markdown): Add further Markdown support including lists

Adds the following features: - Underline text - Reference links and reference images - Combinable formatting, such as emphasis on links and images in lists or tables - Strikethrough text changed to require having no more surrounding tildes - Block quotes support subquotes and have a container with padding and colors in both Lite and Dark theme - Superscript and subscript text - Unordered and ordered lists - Description lists - Images and linked images - Tables - Thematic breaks - Centered blocks - Multiple code blocks per message - Code blocks and inline code may use additional signature characters to include more such characters in the text - Code blocks may use triple tildes or indents on each line with at least 4 spaces instead - Code blocks and inline code have padding (with just fixed spaces for inline code) and colors in both Lite and Dark theme as well as support for adding syntax highlighting in the future - Colored text via LaTeX or HTML - Fixed spaces via HTML - Linebreaks via Markdown or HTML and regular linebreaks come as double or none (single linebreaks are collapsed into one space) - Removal of HTML comments in output (as with the rest, text remains as-is in inline code or code blocks)
mumble-voip · Feb 26, 2025 · 3be0c13 · 3be0c13
1 parent 7d920e7
commit 3be0c13
Show file tree

Hide file tree

Showing 7 changed files with 1,522 additions and 262 deletions.
diff --git a/src/mumble/Markdown.cpp b/src/mumble/Markdown.cpp
diff --git a/themes/Default/Dark.qss b/themes/Default/Dark.qss
@@ -1085,4 +1085,33 @@ TalkingUI > QFrame {
   border-radius: 2px;
 }
 
+code {
+  background-color: #0d0620;
+}
+
+.codeblock > tr > * {
+  background-color: #0c0d27;
+  border: 1px solid #117d90;
+  border-right-color: #12727c;
+  border-bottom-color: #0a5861;
+  padding: 8px;
+}
+
+.blockquote > tr > * {
+  background-color: #1e1e1e;
+  color: #cbcac9;
+  border: 3px none #6e6e6e;
+  border-left-style: solid;
+  padding: 2px 5px;
+}
+
+.table {
+  border-width: 1px;
+  border-style: solid;
+  vertical-align: middle;
+}
+.table > tr > * {
+  padding: 2px;
+}
+
 /*# sourceMappingURL=Dark.qss.map */
diff --git a/themes/Default/Lite.qss b/themes/Default/Lite.qss
@@ -1085,4 +1085,33 @@ TalkingUI > QFrame {
   border-radius: 2px;
 }
 
+code {
+  background-color: #d1ebf5;
+}
+
+.codeblock > tr > * {
+  background-color: #dcebee;
+  border: 1px solid #c7f1fb;
+  border-right-color: #b1e6f1;
+  border-bottom-color: #aae1ed;
+  padding: 8px;
+}
+
+.blockquote > tr > * {
+  background-color: #e0e0e0;
+  color: #2a2a2a;
+  border: 3px none #595a5b;
+  border-left-style: solid;
+  padding: 2px 5px;
+}
+
+.table {
+  border-width: 1px;
+  border-style: solid;
+  vertical-align: middle;
+}
+.table > tr > * {
+  padding: 2px;
+}
+
 /*# sourceMappingURL=Lite.qss.map */
diff --git a/themes/Default/source/Dark.scss b/themes/Default/source/Dark.scss
@@ -21,3 +21,33 @@
 @import 'Imports/Base Theme';
 
 // Add or import your own custom QSS below
+
+code {
+    background-color: $code-background-color;
+}
+
+.codeblock > tr > * {
+    background-color: $codeblock-background-color;
+    border: 1px solid $codeblock-border-color;
+    border-right-color: $codeblock-border-right-color;
+    border-bottom-color: $codeblock-border-bottom-color;
+    padding: 8px;
+}
+
+.blockquote > tr > * {
+    background-color: $blockquote-background-color;
+    color: $blockquote-color;
+    border: 3px none $blockquote-border-color;
+    border-left-style: solid;
+    padding: 2px 5px;
+}
+
+.table {
+    border-width: 1px;
+    border-style: solid;
+    vertical-align: middle;
+
+    & > tr > * {
+        padding: 2px;
+    }
+}
diff --git a/themes/Default/source/Imports/Dark Definitions.scss b/themes/Default/source/Imports/Dark Definitions.scss
@@ -82,3 +82,12 @@ $font-size-small: 8pt;
 $font-size-extra-small: 7pt;
 $font-size-qslider-groove: 3pt;
 $font-size-qslider-handle: 4pt;
+
+$code-background-color: #0d0620;
+$codeblock-background-color: #0c0d27;
+$codeblock-border-color: #117d90;
+$codeblock-border-right-color: #12727c;
+$codeblock-border-bottom-color: #0a5861;
+$blockquote-background-color: #1e1e1e;
+$blockquote-color: #cbcac9;
+$blockquote-border-color: #6e6e6e;
diff --git a/themes/Default/source/Imports/Lite Definitions.scss b/themes/Default/source/Imports/Lite Definitions.scss
@@ -82,3 +82,12 @@ $font-size-small: 8pt;
 $font-size-extra-small: 7pt;
 $font-size-qslider-groove: 3pt;
 $font-size-qslider-handle: 4pt;
+
+$code-background-color: #d1ebf5;
+$codeblock-background-color: #dcebee;
+$codeblock-border-color: #c7f1fb;
+$codeblock-border-right-color: #b1e6f1;
+$codeblock-border-bottom-color: #aae1ed;
+$blockquote-background-color: #e0e0e0;
+$blockquote-color: #2a2a2a;
+$blockquote-border-color: #595a5b;
diff --git a/themes/Default/source/Lite.scss b/themes/Default/source/Lite.scss
@@ -22,3 +22,32 @@
 
 // Add or import your own custom QSS below
 
+code {
+    background-color: $code-background-color;
+}
+
+.codeblock > tr > * {
+    background-color: $codeblock-background-color;
+    border: 1px solid $codeblock-border-color;
+    border-right-color: $codeblock-border-right-color;
+    border-bottom-color: $codeblock-border-bottom-color;
+    padding: 8px;
+}
+
+.blockquote > tr > * {
+    background-color: $blockquote-background-color;
+    color: $blockquote-color;
+    border: 3px none $blockquote-border-color;
+    border-left-style: solid;
+    padding: 2px 5px;
+}
+
+.table {
+    border-width: 1px;
+    border-style: solid;
+    vertical-align: middle;
+
+    & > tr > * {
+        padding: 2px;
+    }
+}