Allow plain text editing of files

Signed-off-by: Julius Härtl <jus@bitgrid.net>

1 files changed, 63 insertions, 1 deletions

diff --git a/css/prosemirror.scss b/css/prosemirror.scss
index 69d3f71da..6d6f45423 100644
--- a/css/prosemirror.scss
+++ b/css/prosemirror.scss
@@ -1,5 +1,5 @@
 /* Document rendering styles */
-.ProseMirror {
+#editor-wrapper .ProseMirror {
 	margin-top: 44px;
 	height: 100%;
 	position: relative;
@@ -133,3 +133,65 @@
 .ProseMirror-focused .ProseMirror-gapcursor {
 	display: block;
 }
+#editor-wrapper:not(.richEditor) .ProseMirror {
+	pre {
+		background-color: var(--color-main-background);
+
+		&::before {
+			content: attr(data-language);
+			text-transform: uppercase;
+			display: block;
+			text-align: right;
+			font-weight: bold;
+			font-size: 0.6rem;
+		}
+		code {
+			.hljs-comment,
+			.hljs-quote {
+				color: #999999;
+			}
+			.hljs-variable,
+			.hljs-template-variable,
+			.hljs-attribute,
+			.hljs-tag,
+			.hljs-name,
+			.hljs-regexp,
+			.hljs-link,
+			.hljs-name,
+			.hljs-selector-id,
+			.hljs-selector-class {
+				color: #f2777a;
+			}
+			.hljs-number,
+			.hljs-meta,
+			.hljs-built_in,
+			.hljs-builtin-name,
+			.hljs-literal,
+			.hljs-type,
+			.hljs-params {
+				color: #f99157;
+			}
+			.hljs-string,
+			.hljs-symbol,
+			.hljs-bullet {
+				color: #99cc99;
+			}
+			.hljs-title,
+			.hljs-section {
+				color: #ffcc66;
+			}
+			.hljs-keyword,
+			.hljs-selector-tag {
+				color: #6699cc;
+			}
+			.hljs-emphasis {
+				font-style: italic;
+			}
+			.hljs-strong {
+				font-weight: 700;
+			}
+		}
+	}
+}
+
+