User:Thundercraft5/global.css/AceEditor.css

/** User:Thundercraft5/global.css/AceEditor.css * * This stylesheet contains all CSS for the ACE code editor. * It makes the editor look like the old retro version FANDOM used to use. * * You are free to copy any code from this page * As long as you attribute it. * * @author Thundercraft5 (https://ucp.fandom.com/wiki/User:Thundercraft5) * @use Modifies the ACE code editor to make it look like the retro version * @version 0.3 * @file User:Thundercraft5/global.css/AceEditor.css * * =====CONTENTS===== * *Main Code editor * *Syntax highlighting */ /* //#============================================================================# // MAIN CODE EDITOR //#============================================================================# .mw-scribunto-console-fieldset { font-family: monospace !important; }

.ace_print-margin { display: none !important; }

.ace_editor { line-height: 16px; } .ace_marker-layer .ace_selected-word { border: 1px solid rgb(96 161 197 / 49%) !important; } .ace-solarized-light .ace_marker-layer .ace_selection { background: rgba(157, 176, 199, 0.18) !important; }

.ace_selection { background: rgba(255, 255, 255, 9%) !important; }

.ace-tm .ace_marker-layer .ace_bracket { border: 1px solid rgb(66, 60, 60); background-color:#074252ba !important }

.ace-tm .ace_marker-layer .ace_selected-word { border: 1px solid rgba(98, 88, 88, 0.64); border-radius: 4px; background-color:#07425269 !important }

.ace_print-margin { display: none !important; }

.ace_gutter { background: #003e4d !important; color: darkgray !important; }

.ace_marker-layer .ace_active-line { background: #1a4049 !important; }

.ace_gutter-active-line { background: #255b68 !important; } .ace_cursor { color: #ff1a1a !important; }

.ace_indent-guide { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAEklEQVQImWNg0Db1ZVCxc/sPAAd4AlUHlLenAAAAAElFTkSuQmCC) right repeat-y !important; }

.ace_content { background-color: #002b36 !important; }

.editor.ace_editor.ace-tm { font-size: 14px; }

span.ace_identifier:not(.ace_declaration), div.ace_scroller { color: #93a1a1; }

.editor.ace_editor.ace-tm { line-height: 18px !important; }

.ace_scrollbar.ace_scrollbar-h { display: normal !important; }

div#mw-scribunto-console { background: #1c1c1c !important }

div#mw-scribunto-console > fieldset { margin: 0; border: 0; } div#mw-scribunto-console > fieldset > legend { padding: 3px 0 8px 0 !important; }

.ace_lineWidgetContainer { background: #508fa0 !important; }

/* //#============================================================================# // SYNTAX HIGHLIGHTING //#============================================================================# .ace_paren { color: #66cc66 !important; } .ace_operator { color: #269900 !important; } .ace_constant.ace_language { font-weight: bold !important; } .ace_storage { color: #7a6bce !important; font-weight: bold !important; font-style: inherit !important; } .ace_paren { color: #66cc66 !important; } .ace_operator { color: #269900 !important; }

.ace_keyword:not(.ace_operator), .ace_meta, .ace_support.ace_class, .ace_support.ace_type { font-weight: bold !important; } span.ace_support.ace_function { color: #6e2091 !important; }

span.ace_string { color: #2AA198 !important; }

span.ace_string.ace_regexp { color: #BB6688 !important; }

span.ace_keyword:not(.ace_regexp):not(.ace_operator) { color: #859900 !important; }

span.ace_boolean, span.ace_constant:not(.ace_numeric) { color: #B58900 !important; }

.ace_function, .ace_name { color: #4eceef !important; }

.ace_editor { line-height: 20px !important; } span.ace_numeric { color: #D33682 !important; }

.ace_storage { color: #7a6bce !important; font-weight: bold !important; }

.ace_variable.ace_language { color: #a84a4a !important; font-weight: bold !important; }

.ace_declaration { color: purple !important; }

.ace_operator { color: #269900 !important; }

span.ace_constant.ace_language.ace_escape { color: #a1bff5 !important; font-weight: bold !important; }

.ace_method, .ace_variable:not(.ace_language) { color: #268bd2 !important; } span.ace_constant.ace_language.ace_escape { color: #a1bff5 !important; font-weight: bold !important; } .ace_support.ace_type { color: #8b4fce !important; font-weight: bold !important; } .ace_comment { color: #646464 !important; } span.ace_constant:not(.ace_numeric):not(.ace_support):not(.ace_language) { color: #a22e2e !important; font-weight: bold !important; }

.ace_variable.ace_language { color: #a84a4a !important; font-weight: bold !important; } span.ace_support.ace_function { color: #268BD2 !important; }

span.ace_support.ace_constant.ace_color, span.ace_support.ace_constant { color: #B58900 !important; font-weight: bold !important; } .ace_string.ace_regexp { font-style: italic; } .ace_comment { font-style: italic !important; }

span.ace_string.ace_quasi, span.ace_string.ace_quasi { color: #BA2121 !important; }

.ace_quasi.ace_start, .ace_quasi.ace_end { font-weight: bold !important; color: #BB6688 !important; }

.ace_comment.ace_doc.ace_tag { color: rgb(78, 180, 130) !important; }

.ace_comment.ace_doc { color: #377223 !important; }

.ace_bracket { background: #194752 !important; border: 1px solid rgb(182 182 189 / 50%); }

.ace_selected-word { border: 1px solid rgb(214 214 214 / 50%); background: rgba(194, 193, 208, 0.09) !important; border-radius: 4px; }

.ace_constructor { /* color: #15d076 !important */ }

.ace_invocation, .ace_function_declaration, .ace_constructor { color: #6ccbd3 !important; }