https://wiki.runerealm.org/index.php?action=history&feed=atom&title=MediaWiki%3ATest.less%2Facesyntax.less 2026-04-26T08:40:36Z Revision history for this page on the wiki MediaWiki 1.41.1 https://wiki.runerealm.org/index.php?title=MediaWiki:Test.less/acesyntax.less&diff=34827&oldid=prev 2024-10-16T23:11:20Z

<p>Created page with &quot;<span dir="auto"><span class="autocomment">======================================= syntax highlight in ace editor =======================================: </span> // This is taken from https://ace.c9.io/tool/mode_creator.html //----- Theme monokai -----// // define the following commented vars in the file that is importing /acesyntax.less //@code-bg: ; //@gutter-bg: ; @gutter-active-line-bg: lighten(@gutter-bg, 10%); //@gutter-text: ; @active-line-bg: lighten(@c...&quot;</span></p> <p><b>New page</b></p><div>/* =======================================<br /> syntax highlight in ace editor<br /> ======================================= */<br /> <br /> // This is taken from https://ace.c9.io/tool/mode_creator.html<br /> //----- Theme monokai -----//<br /> <br /> // define the following commented vars in the file that is importing /acesyntax.less<br /> //@code-bg: ;<br /> //@gutter-bg: ;<br /> @gutter-active-line-bg: lighten(@gutter-bg, 10%);<br /> //@gutter-text: ;<br /> @active-line-bg: lighten(@code-bg, 5%);<br /> @selection-bg: lighten(@code-bg, 10%);<br /> @indent-guide: lighten(@code-bg, 10%);<br /> <br /> // adding this class for specificity<br /> .wikiEditor-ui,<br /> .ve-ui-mwAceEditorWidget {<br /> <br /> .ace-tm .ace_print-margin {<br /> width: 1px;<br /> background: #555651;<br /> }<br /> <br /> .ace-tm {<br /> color: #F8F8F2;<br /> }<br /> <br /> .ace-tm .ace_cursor {<br /> color: #F8F8F0;<br /> }<br /> <br /> .ace-tm .ace_marker-layer .ace_selection {<br /> background: @selection-bg;<br /> }<br /> <br /> .ace-tm.ace_multiselect .ace_selection.ace_start {<br /> box-shadow: 0 0 3px 0px @selection-bg;<br /> }<br /> <br /> .ace-tm .ace_marker-layer .ace_step {<br /> background: rgb(102, 82, 0);<br /> }<br /> <br /> .ace-tm .ace_marker-layer .ace_bracket {<br /> margin: -1px 0 0 -1px;<br /> border: 1px solid #49483E;<br /> }<br /> <br /> .ace-tm .ace_marker-layer .ace_active-line {<br /> background: @active-line-bg;<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: @gutter-active-line-bg;<br /> }<br /> <br /> .ace-tm .ace_marker-layer .ace_selected-word {<br /> border: 1px solid #49483E;<br /> background: #49483E;<br /> }<br /> <br /> .ace-tm .ace_invisible {<br /> color: #52524d;<br /> }<br /> <br /> .ace-tm .ace_entity.ace_name.ace_tag,<br /> .ace-tm .ace_keyword,<br /> .ace-tm .ace_meta.ace_tag,<br /> .ace-tm .ace_storage {<br /> color: #F92672;<br /> }<br /> <br /> .ace-tm .ace_punctuation,<br /> .ace-tm .ace_punctuation.ace_tag {<br /> color: #fff;<br /> }<br /> <br /> .ace-tm .ace_constant.ace_character,<br /> .ace-tm .ace_constant.ace_language,<br /> .ace-tm .ace_constant.ace_numeric,<br /> .ace-tm .ace_constant.ace_other {<br /> color: #AE81FF;<br /> }<br /> <br /> .ace-tm .ace_invalid {<br /> color: #F8F8F0;<br /> background-color: #F92672;<br /> }<br /> <br /> .ace-tm .ace_invalid.ace_deprecated {<br /> color: #F8F8F0;<br /> background-color: #AE81FF;<br /> }<br /> <br /> .ace-tm .ace_support.ace_constant,<br /> .ace-tm .ace_support.ace_function {<br /> color: #66D9EF;<br /> }<br /> <br /> .ace-tm .ace_fold {<br /> background-color: #A6E22E;<br /> border-color: #F8F8F2;<br /> }<br /> <br /> .ace-tm .ace_storage.ace_type,<br /> .ace-tm .ace_support.ace_class,<br /> .ace-tm .ace_support.ace_type {<br /> color: #66D9EF;<br /> }<br /> <br /> .ace-tm .ace_entity.ace_name.ace_function,<br /> .ace-tm .ace_entity.ace_other,<br /> .ace-tm .ace_entity.ace_other.ace_attribute-name,<br /> .ace-tm .ace_variable {<br /> color: #A6E22E;<br /> }<br /> <br /> .ace-tm .ace_variable.ace_parameter {<br /> color: #FD971F;<br /> }<br /> <br /> .ace-tm .ace_string {<br /> color: #E6DB74;<br /> }<br /> <br /> .ace-tm .ace_keyword.ace_operator {<br /> color: #949eaa;<br /> }<br /> <br /> .ace-tm .ace_comment {<br /> color: #949eaa;<br /> }<br /> <br /> .ace-tm .ace_indent-guide {<br /> background: none;<br /> border-right: solid 1px @indent-guide;<br /> margin-left: -1px;<br /> }<br /> <br /> }</div>

Alex