Merge branch 'master' of https://github.com/zsviczian/obsidian-codeed…

…itor

README.md

@@ -1,4 +1,5 @@
-![image](https://user-images.githubusercontent.com/14358394/132259364-9ea50ed5-0603-43fa-b802-bb31ff468350.png)
+![image](https://user-images.githubusercontent.com/14358394/132396744-05ee5a1e-c6e5-489c-adf3-446cd88b9935.png)
+![image](https://user-images.githubusercontent.com/14358394/132396815-a7edf2c8-e5a5-4a6d-9b88-74ad4af25221.png)
 
 A minimalistic solution to view js and css files in Obsidian.
 
@@ -7,6 +8,40 @@ In settings you can set up a mirror folder for css snippets and themes. With thi
 You can configure the styling of code mirror with a css snippet. More on CodeMirror styling [here](https://codemirror.net/lib/codemirror.css).
 
 ```css
+:root {
+    --cm-keyword: #c792ea;
+    --cm-atom: #f78c6c;
+    --cm-number: #ff5370;
+    --cm-type: #decb6b;
+    --cm-def: #82aaff;
+    --cm-property: #c792ea;
+    --cm-variable: #f07178;
+    --cm-variable-2: #eeffff;
+    --cm-variable-3: #f07178;
+    --cm-definition: #82aaff;
+    --cm-callee: #89ddff;
+    --cm-qualifier: #decb6b;
+    --cm-operator: #89ddff;
+    --cm-hr: #98e342;
+    --cm-link: #696d70;
+    --cm-error-bg: #ff5370;
+    --cm-header: #da7dae;
+    --cm-builtin: #ffcb6b;
+    --cm-meta: #ffcb6b;
+    --cm-matching-bracket: #ffffff;
+    --cm-tag: #ff5370;
+    --cm-tag-in-comment: #ff5370;
+    --cm-string-2: #f07178;
+    --cm-bracket: #ff5370;
+    --cm-comment: #676e95;
+    --cm-string: #c3e88d;
+    --cm-attribute: #c792ea;
+    --cm-attribute-in-comment: #c792ea;
+    --cm-background-color: #292d3e;
+    --cm-active-line-background-color: #353a50;
+    --cm-foreground-color: #d4d4d4;
+}
+
 .CodeView .cm-header {color: var(--cm-header) !important;}
 .CodeView .cm-negative {color: var(--cm-negative) !important;}
 .CodeView .cm-positive {color: var(--cm-positive) !important;}
@@ -46,4 +81,4 @@ You can configure the styling of code mirror with a css snippet. More on CodeMir
 .CodeView .cm-callee {color: var(--cm-callee) !important;}
 .CodeView .cm-definition {color: var(--cm-definition) !important;}
 .CodeView .cm-tag-in-comment {color: var(--cm-tag-in-comment) !important;}
-```
+```