Noded/frontend
3
0
Fork 0
Code Issues 47 Pull Requests Releases Wiki Activity

Markdown editor respects dark mode
All checks were successful
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone Build is passing
Details

Browse Source
This commit is contained in:
Garrett Mills 2020-11-12 14:18:19 -06:00
parent c4e236a0bf
commit f1a34b7d1f
Signed by: garrettmills
GPG Key ID: D2BF5FBA8298F246
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/components/nodes/markdown/markdown.component.ts
View File

@ -22,6 +22,7 @@ export class MarkdownComponent extends EditorNodeContract implements OnInit {
protected hadOneFocusOut = false; protected hadOneFocusOut = false;
public editorOptions = { public editorOptions = {
theme: this.isDark() ? 'vs-dark' : 'vs',
language: 'markdown', language: 'markdown',
uri: v4(), uri: v4(),
readOnly: false, readOnly: false,
@ -37,6 +38,10 @@ export class MarkdownComponent extends EditorNodeContract implements OnInit {
this.savedValue = this.initialValue; this.savedValue = this.initialValue;
} }
public isDark() {
return document.body.classList.contains('dark');
}
ngOnInit() { ngOnInit() {
this.editorService = this.editorService.getEditor(this.editorUUID); this.editorService = this.editorService.getEditor(this.editorUUID);
this.editorService.registerNodeEditor(this.nodeId, this).then(() => { this.editorService.registerNodeEditor(this.nodeId, this).then(() => {