diff --git a/README.md b/README.md index ad91087..9eb1ce7 100644 --- a/README.md +++ b/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;} -``` \ No newline at end of file +```