From da8836ba9911fe0df4a0e2ce36ca22cd96b5c31d Mon Sep 17 00:00:00 2001 From: Rodrigo Kuerten Date: Fri, 23 Feb 2024 22:07:28 -0300 Subject: [PATCH 1/2] Added new theme --- themes/codeMirror/customThemes/darkvision.css | 111 ++++++++++++++++++ themes/codeMirror/editorThemes.json | 1 + 2 files changed, 112 insertions(+) create mode 100644 themes/codeMirror/customThemes/darkvision.css diff --git a/themes/codeMirror/customThemes/darkvision.css b/themes/codeMirror/customThemes/darkvision.css new file mode 100644 index 000000000..6662202a2 --- /dev/null +++ b/themes/codeMirror/customThemes/darkvision.css @@ -0,0 +1,111 @@ +.CodeMirror { + background: #0C0C0C; + color: #B9BDB6; +} + +/* Brew BG */ +.brewRenderer { + background-color: #0C0C0C; +} + +/* Blinking cursor and selection */ +.cm-s-darkvision .CodeMirror-cursor { + border-left: 1px solid #B9BDB6; +} +.cm-s-darkvision .CodeMirror-selected { + background: #E0E8FF40; +} + +/* Line number stuff */ +.cm-s-darkvision .CodeMirror-gutter-elt { + color: #81969A; +} +.cm-s-darkvision .CodeMirror-linenumber { + background-color: #0C0C0C; +} +.cm-s-darkvision .CodeMirror-gutter { + background-color: #0C0C0C; +} + +/* column splits */ +.cm-s-darkvision .editor .codeEditor .columnSplit { + font-style: italic; + color: inherit; + background-color:#1F5763; + border-bottom: #299 solid 1px; +} + +/* # headings */ +.cm-s-darkvision .cm-header { + color: #C51B1B; + -webkit-text-stroke-width: 0.1px; +} +/* bold points */ +.cm-s-darkvision .cm-strong { + font-weight: bold; + color: #309DD2; +} +/* Link headings */ +.cm-s-darkvision .cm-link { + color: #DD6300; +} +/* links */ +.cm-s-darkvision .cm-string { + color: #5CE638; +} +/*@import*/ +.cm-s-darkvision .cm-def { + color:#2986CC; +} +/* Bullets and such */ +.cm-s-darkvision .cm-variable-2 { + color: #3CBF30; +} +/* blocks */ +.editor .codeEditor .block:not(.cm-comment) { + color: magenta !important; +} + +/* definition lists */ +.editor .codeEditor .define.definition { + color: #FFAA3E !important; +} +.editor .codeEditor .define.term { + color: #7290d9 !important; +} + +/* Tags (divs) */ +.cm-s-darkvision .cm-tag { + color: #E3FF00; +} +.cm-s-darkvision .cm-attribute { + color: #E3FF00; +} +.cm-s-darkvision .cm-atom { + color:#CF7EA9; +} +.cm-s-darkvision .cm-qualifier { + color:#EE1919; +} +.cm-s-darkvision .cm-comment { + color:#BBC700; +} +.cm-s-darkvision .cm-keyword { + color:#CC66FF; +} +.cm-s-darkvision .cm-property.cm-error { + color:#C50202; +} +.cm-s-darkvision .CodeMirror-foldmarker { + color:#F0FF00; +} + +/* New page */ +.editor .codeEditor .pageLine { + background: #000; + color:#000; + border-bottom: 1px solid #FFF; +} +.cm-s-darkvision .cm-builtin { + color:#FFF; +} \ No newline at end of file diff --git a/themes/codeMirror/editorThemes.json b/themes/codeMirror/editorThemes.json index 384ce4602..679c6874b 100644 --- a/themes/codeMirror/editorThemes.json +++ b/themes/codeMirror/editorThemes.json @@ -16,6 +16,7 @@ "colorforth", "darcula", "darkbrewery-v301", +"darkvision", "dracula", "duotone-dark", "duotone-light", From 254b0852ca993d0dcfeafb596cca4a6a543bd789 Mon Sep 17 00:00:00 2001 From: Rodrigo Kuerten Date: Sat, 24 Feb 2024 20:57:26 -0300 Subject: [PATCH 2/2] Cleaned up css, added missing variables --- themes/codeMirror/customThemes/darkvision.css | 198 +++++++++--------- 1 file changed, 104 insertions(+), 94 deletions(-) diff --git a/themes/codeMirror/customThemes/darkvision.css b/themes/codeMirror/customThemes/darkvision.css index 6662202a2..4c74d105e 100644 --- a/themes/codeMirror/customThemes/darkvision.css +++ b/themes/codeMirror/customThemes/darkvision.css @@ -8,104 +8,114 @@ background-color: #0C0C0C; } -/* Blinking cursor and selection */ -.cm-s-darkvision .CodeMirror-cursor { - border-left: 1px solid #B9BDB6; -} -.cm-s-darkvision .CodeMirror-selected { - background: #E0E8FF40; -} +.cm-s-darkvision { + /* Blinking cursor and selection */ + .CodeMirror-cursor { + border-left: 1px solid #B9BDB6; + } + .CodeMirror-selected { + background: #E0E8FF40; + } -/* Line number stuff */ -.cm-s-darkvision .CodeMirror-gutter-elt { - color: #81969A; -} -.cm-s-darkvision .CodeMirror-linenumber { - background-color: #0C0C0C; -} -.cm-s-darkvision .CodeMirror-gutter { - background-color: #0C0C0C; -} + /* Line number stuff */ + .CodeMirror-gutter-elt { + color: #81969A; + } + .CodeMirror-linenumber { + background-color: #0C0C0C; + } + .CodeMirror-gutter { + background-color: #0C0C0C; + } -/* column splits */ -.cm-s-darkvision .editor .codeEditor .columnSplit { - font-style: italic; - color: inherit; - background-color:#1F5763; - border-bottom: #299 solid 1px; -} + /* column splits */ + .editor .codeEditor .columnSplit { + font-style: italic; + color: inherit; + background-color:#1F5763; + border-bottom: #299 solid 1px; + } -/* # headings */ -.cm-s-darkvision .cm-header { - color: #C51B1B; - -webkit-text-stroke-width: 0.1px; -} -/* bold points */ -.cm-s-darkvision .cm-strong { - font-weight: bold; - color: #309DD2; -} -/* Link headings */ -.cm-s-darkvision .cm-link { - color: #DD6300; -} -/* links */ -.cm-s-darkvision .cm-string { - color: #5CE638; -} -/*@import*/ -.cm-s-darkvision .cm-def { - color:#2986CC; -} -/* Bullets and such */ -.cm-s-darkvision .cm-variable-2 { - color: #3CBF30; -} -/* blocks */ -.editor .codeEditor .block:not(.cm-comment) { - color: magenta !important; -} + /* # headings */ + .cm-header { + color: #C51B1B; + -webkit-text-stroke-width: 0.1px; + } + /* bold points */ + .cm-strong { + font-weight: bold; + color: #309DD2; + } + /* Link headings */ + .cm-link { + color: #DD6300; + } + /* links */ + .cm-string { + color: #5CE638; + } + /*@import*/ + .cm-def { + color: #2986CC; + } + /* Bullets and such */ + .cm-variable-2 { + color: #3CBF30; + } -/* definition lists */ -.editor .codeEditor .define.definition { - color: #FFAA3E !important; -} -.editor .codeEditor .define.term { - color: #7290d9 !important; -} - -/* Tags (divs) */ -.cm-s-darkvision .cm-tag { - color: #E3FF00; -} -.cm-s-darkvision .cm-attribute { - color: #E3FF00; -} -.cm-s-darkvision .cm-atom { - color:#CF7EA9; -} -.cm-s-darkvision .cm-qualifier { - color:#EE1919; -} -.cm-s-darkvision .cm-comment { - color:#BBC700; -} -.cm-s-darkvision .cm-keyword { - color:#CC66FF; -} -.cm-s-darkvision .cm-property.cm-error { - color:#C50202; -} -.cm-s-darkvision .CodeMirror-foldmarker { - color:#F0FF00; + /* Tags (divs) */ + .cm-tag { + color: #E3FF00; + } + .cm-attribute { + color: #E3FF00; + } + .cm-atom { + color: #CF7EA9; + } + .cm-qualifier { + color: #EE1919; + } + .cm-comment { + color: #BBC700; + } + .cm-keyword { + color: #CC66FF; + } + .cm-property { + color: aqua; + } + .cm-error { + color: #C50202; + } + .CodeMirror-foldmarker { + color: #F0FF00; + } + /* New page */ + .cm-builtin { + color: #FFF; + } } -/* New page */ -.editor .codeEditor .pageLine { - background: #000; - color:#000; - border-bottom: 1px solid #FFF; +.editor .codeEditor { + /* blocks */ + .block:not(.cm-comment) { + color: magenta; + } + /* definition lists */ + .define.definition { + color: #FFAA3E; + } + .define.term { + color: #7290d9; + } + .define:not(.term):not(.definition) { + background: #333; + } + /* New page */ + .pageLine { + background: #000; + color: #000; + border-bottom: 1px solid #FFF; + } } -.cm-s-darkvision .cm-builtin { - color:#FFF; -} \ No newline at end of file