MediaWiki:Test.css

From Old School Near-Reality Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
  1 /* <pre> */
  2 :root {
  3     --body-background-image: url('images/Background_darkmode.jpg');
  4     --body-background-color: #071022;
  5     --body-main: #172136;
  6     --body-light: #313e59;
  7     --body-mid: #222e45;
  8     --body-dark: #222e45;
  9     --body-border: #596e96;
 10     --ooui-interface: #222e45;
 11     --ooui-interface-border: #2f4060;
 12     --ooui-window-background: rgba(25, 25, 25, 0.6);
 13     --ooui-input: #384766;
 14     --ooui-input-border: #475980;
 15     --ooui-input-border--hover: #556c9b;
 16     --ooui-normal: #313e59;
 17     --ooui-normal--hover: #384766;
 18     --ooui-normal-border: #3f5073;
 19     --link-color: #8cabe6;
 20     --background-link-color: var(--link-color);
 21     --redlink-color: #f26d60;
 22     --text-color: #cbd9f4;
 23     --byline-color: #9aa4b7;
 24     --admin-blue: #0087ff;
 25     --bearcat-green: #00ff55;
 26     --awb-purple: #f319ff;
 27     --thumb-image-background: var(--body-mid);
 28     --thumb-caption-background: var(--body-light);
 29     --wikitable-header-bg: #222e45;
 30     --wikitable-border: #172136;
 31     --wikitable-bg: #313e59;
 32     --wikitable-bg-lighter: #3a4a69;
 33     --wikitable-color: #cbd9f4;
 34     --wikitable-alternating-bg: #2a3651;
 35     --table-na-background: #2c374f;
 36     --table-na-color: #596e96;
 37     --table-yes-color: #9f9;
 38     --droptable-text-color: #fff;
 39     --droptable-always-background: #0b5884;
 40     --droptable-common-background: #3c780a;
 41     --droptable-uncommon-background: #a48900;
 42     --droptable-rare-background: #b55e0c;
 43     --droptable-veryrare-background: #9f261e;
 44     --droptable-random-background: #984c89;
 45     --infobox-bg: #313e59;
 46     --infobox-border: #596e96;
 47     --infobox-header: #172136;
 48     --infobox-subheader: #222e45;
 49     --sidebar: #596e96;
 50     --background-text-color: var(--text-color);
 51     --search-box: #313e59;
 52     --personal-links-bg: rgba(7, 16, 34, 0.5);
 53     --toc-subheader-left-border-color: var(--body-dark);
 54     --button-background: #617EBC;
 55     --button-dark: #617EBC;
 56     --button-border: #617EBC;
 57     --button-light: #617EBC;
 58     --gemw-name-color: #444e5a;
 59     --gemw-light-text: #555555;
 60     --gemw-time-color: var(--base-text-color);
 61     --gemw-property-border-color: #e4eaee;
 62     --gemw-historical-border-color: var(--body-border);
 63     --gecharts-overlay-bg-color: var(--body-border);
 64     --gecharts-popup-border-color: var(--body-border);
 65     --gecharts-popup-color: var(--text-color);
 66     --mw-code-background-color: #222e45;
 67     --tabber-inactive-tab-bg: #222e45;
 68     --tabber-active-tab-color: var(--text-color);
 69     --inventorytable-background-image: url('images/Inventory_tab_(dark_mode).png');
 70     --lootingbagtable-background-image: url('images/Looting_bag_tab_(dark_mode).png');
 71     --runepouchtable-background-image: url('images/Rune_pouch_background_(dark_mode).png');
 72     --menagerietable-background-image: url('images/Menagerie_interface.png');
 73     --equipment-border-image-source: url("images/Interface_border_(dark_mode).png");
 74     --equipment-background-color: #242f43;
 75     --equipment-div-background-image: url('images/Worn_equipment_tab_(no_buttons)_(dark_mode).png');
 76     --equipment-div-buttons-background-image: url('images/Worn_equipment_tab_(dark_mode).png');
 77     --equipment-blank-background-image: url('images/Blank_slot_(dark_mode).png');
 78     --coins-color: #6bc71f;
 79     --coins-pos-color: #3ea6e6;
 80     --coins-neg-color: #ee4231;
 81     --questdetails-header-background: #222e45;
 82     --questdetails-header-background-alt: #222e45;
 83     --transcript-border-color: #596e96;
 84     --transcript-border-hover-color: #8596b7;
 85     --lighttable-bg-hover: #3c780a;
 86     --lighttable-bg-active: #2e5e05;
 87     --lighttable-border: var(--wikitable-border);
 88     --fact-text-color: #3ea6e6;
 89     --production-selected-background: #3c780a;
 90     --production-selected-color: #fff;
 91     --updateline-image: url('images/Dark_Horizontal_Line.png');
 92     --wikipedia-border: #313e59;
 93     --wikipedia-background: var(--body-border);
 94     --keypress-background: #313e59;
 95     --keypress-border: var(--body-border);
 96     --keypress-text-shadow: transparent;
 97     --keypress-color: var(--text-color);
 98     --tile-border-color: #596e96;
 99     --tile-background-color: #313e59;
100     --tile-link-button-color: #222e45;
101     --tile-link-button-highlight-color: #2a3956;
102     --tile-dark-color: #fff;
103     --tile-dark-bg: #5d6773;
104     --tile-dark-link-color: #ccc;
105     --tile-dark-byline-color: rgba(255, 255, 255, 0.7);
106     --tile-dark-header-color: #fff;
107     --documentation-background: #313e59;
108     --documentation-border: #222e45;
109     --documentation-link-color: #8cabe6;
110     --documentation-header-background: #222e45;
111     --documentation-subheader-background: #1f293e;
112     --mw-templatedata-doc-muted-color: #888;
113     --base-text-color: var(--text-color);
114     --base-heading-color: var(--text-color);
115     --base-heading-border: var(--sidebar);
116     --mainpage-recent-updates-description-color: var(--text-color);
117     --ajaxpoll-answerbar-background: var(--body-mid);
118     --rc-negative-color: #ee4231;
119     --rc-positive-color: #6bc71f;
120     --diff-addedline-background: #438ab5;
121     --diff-addedline-color: #fff;
122     --diff-deletedline-background: #9f261e;
123     --diff-deletedline-color: #fff;
124     --diff-context-border-color: var(--body-mid);
125     --diff-context-background: var(--body-mid);
126     --blockquote-color: var(--text-color);
127     --errorbox-bg: #801c13;
128     --errorbox-border: #9f261e;
129     --warningbox-bg: var(--errorbox-bg);
130     --warningbox-border: var(--errorbox-bg);
131     --successbox-bg: #2e5e05;
132     --successbox-border: #3c780a;
133     --sourceeditor-bg: var(--body-mid);
134     --messagebox-action-background: #45697d;
135     --messagebox-action-border: #2d5266;
136     --messagebox-action-link-color: #b8d5e5;
137     --messagebox-obsolete-background: #464646;
138     --messagebox-obsolete-border: #333;
139     --messagebox-obsolete-link-color: #bbb;
140     --messagebox-info-background: var(--messagebox-obsolete-background);
141     --messagebox-info-border: var(--messagebox-obsolete-border);
142     --messagebox-info-link-color: var(--messagebox-obsolete-link-color);
143     --messagebox-warn-background: #95271b;
144     --messagebox-warn-border: #6b130a;
145     --messagebox-warn-color: #f8ebe9;
146     --messagebox-warn-link-color: #e8b8b3;
147     --messagebox-safe-background: #1b8408;
148     --messagebox-safe-border: #126802;
149     --messagebox-safe-color: #e9f6e7;
150     --messagebox-safe-link-color: #c1e0bb;
151     --messagebox-disambig-background: var(--messagebox-obsolete-background);
152     --messagebox-disambig-border: var(--messagebox-obsolete-border);
153     --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);
154     --messagebox-discord-background: #5865f2;
155     --messagebox-discord-border: #525ee0;
156     --messagebox-discord-color: #fff;
157     --scribuntoconsole-input: #3ea6e6;
158     --scibuntoconsole-print: #f9d000;
159     --scribuntoconsole-error: #ee4231;
160     --scribuntoconsole-message: #6bc71f;
161     --scribuntoconsole-tabcomplete: #855cd8;
162     --scribuntoconsole-clear: #ee4231;
163     --echo-icon-moon-bg-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%23ccd9f4' fill-rule='evenodd'/%3E%3C/svg%3E");
164     --echo-icon-person-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13.836' viewBox='0 0 12 13.836'%3E%3Cpath fill='%23ccd9f4' d='M1.938,6.656c-1.32,1.485-1.47,3.15-0.97,4.25c0.323,0.707,0.78,1.127,1.313,1.375 c0.496,0.229,1.074,0.273,1.658,0.282c0.023,0,0.04,0.03,0.062,0.03h4.187c0.61,0,1.225-0.125,1.75-0.405 c0.527-0.28,0.961-0.718,1.188-1.376c0.335-0.964,0.175-2.529-1.094-4.03C9.094,7.954,7.68,8.719,6.065,8.719 c-1.677,0-3.182-0.812-4.125-2.063H1.938z'/%3E%3Cpath fill='%23ccd9f4' d='M6.063,0c-1.89,0-3.595,1.674-3.594,3.563C2.467,5.45,4.173,7.155,6.06,7.155 c1.89,0,3.564-1.705,3.563-3.593C9.625,1.673,7.95,0,6.063,0L6.063,0z'/%3E%3C/svg%3E");
165     --echo-icon-bell-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E bell %3C/title%3E%3Cpath fill='%23ccd9f4' d='M16 7a5.38 5.38 0 0 0-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 0 0 4 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 0 0 3-3H7a3 3 0 0 0 3 3z'/%3E%3C/svg%3E");
166     --echo-icon-tray-bg-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E tray %3C/title%3E%3Cpath fill='%23ccd9f4' d='M17 1H3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 12h-4l-1 2H8l-1-2H3V3h14z'/%3E%3C/svg%3E");
167     --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%23cbd9f4'/%3E %3C/svg%3E");
168     --searchbutton-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E");
169     --arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%238cabe6'/%3E%3C/svg%3E");
170     --watch-icon: linear-gradient(transparent, transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A");
171     --unwatch-icon: linear-gradient(transparent, transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A");
172     --external-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E");
173 }
174 
175 .oo-ui-iconElement-icon:not(.oo-ui-image-destructive):not(.oo-ui-image-warning):not(.oo-ui-image-progressive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-icon-page-existing),
176 .oo-ui-indicatorElement-indicator,
177 .mwe-math-element,
178 .mw-ui-icon::before {
179     filter: invert(1);
180 }
181 
182 .mw-parser-output a.external {
183     background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%2336c' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%2336c' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A");
184 }
185 
186 .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable),
187 .jquery-tablesorter th.headerSort {
188     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='9' viewBox='0 0 21 9'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M14.5 5l-4 4-4-4zM14.5 4l-4-4-4 4z'/%3E%3C/g%3E%3C/svg%3E");
189 }
190 
191 .jquery-tablesorter th.headerSortUp {
192     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M6.5 4l4-4 4 4z'/%3E%3C/g%3E%3C/svg%3E");
193 }
194 
195 .jquery-tablesorter th.headerSortDown {
196     background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='4' viewBox='0 0 21 4'%3E%3Cg fill='%23cbd9f4'%3E%3Cpath d='M14.5 0l-4 4-4-4z'/%3E%3C/g%3E%3C/svg%3E");
197 }
198 
199 .CodeMirror {
200     background: #222e45;
201     caret-color: #61afef;
202 }
203 
204 .CodeMirror pre {
205     color: #cbd9f4;
206 }
207 
208 .CodeMirror-cursor {
209     border-left-color: #61afef;
210 }
211 
212 pre.cm-mw-section-1,
213 pre.cm-mw-section-2,
214 pre.cm-mw-section-3,
215 pre.cm-mw-section-4,
216 pre.cm-mw-section-5,
217 pre.cm-mw-section-6 {
218     color: #fff;
219 }
220 
221 pre.cm-mw-section-1 {
222     font-size: 1.7em;
223 }
224 
225 pre.cm-mw-section-2 {
226     font-size: 1.35em;
227 }
228 
229 pre.cm-mw-section-3 {
230     font-size: 1.1em;
231 }
232 
233 .cm-mw-section-header {
234     color: #84be5b;
235 }
236 
237 .cm-mw-apostrophes-bold,
238 .cm-mw-apostrophes-italic,
239 .cm-mw-doubleUnderscore,
240 .cm-mw-indenting,
241 .cm-mw-signature,
242 .cm-mw-hr,
243 .cm-mw-list {
244     color: #3b9ff1;
245 }
246 
247 .cm-mw-doubleUnderscore,
248 .cm-mw-indenting,
249 .cm-mw-signature,
250 .cm-mw-hr,
251 .cm-mw-list {
252     background: rgba(97, 175, 239, 0.1);
253 }
254 
255 .cm-mw-skipformatting {
256     background: rgba(97, 175, 239, 0.5);
257 }
258 
259 .cm-mw-mnemonic {
260     color: #98c379;
261 }
262 
263 .cm-mw-comment {
264     color: #cbd9f4;
265     opacity: 0.7;
266 }
267 
268 .cm-mw-link-pagename,
269 .cm-mw-link,
270 .cm-mw-extlink,
271 .cm-mw-free-extlink {
272     color: #61afef;
273 }
274 
275 .cm-mw-link-tosection,
276 .cm-mw-extlink-protocol,
277 .cm-mw-free-extlink-protocol {
278     color: #85bfef;
279 }
280 
281 .cm-mw-link-bracket,
282 .cm-mw-link-delimiter,
283 .cm-mw-extlink-bracket {
284     color: #3b9ff1;
285 }
286 
287 .cm-mw-template-bracket,
288 .cm-mw-template-delimiter {
289     color: #c78343;
290 }
291 
292 .cm-mw-template-name,
293 .cm-mw-template-argument-name {
294     color: #ca9564;
295 }
296 
297 .cm-mw-template {
298     color: #cfa783;
299 }
300 
301 .cm-mw-table-bracket,
302 .cm-mw-table-delimiter {
303     color: #3bacba;
304 }
305 
306 .cm-mw-table-definition {
307     color: #56b6c2;
308 }
309 
310 .cm-mw-templatevariable-bracket,
311 .cm-mw-templatevariable-delimiter {
312     color: #bd56db;
313 }
314 
315 .cm-mw-templatevariable-name,
316 .cm-mw-templatevariable {
317     color: #c678dd;
318 }
319 
320 .cm-mw-parserfunction-bracket {
321     color: #de4955;
322 }
323 
324 .cm-mw-parserfunction-name,
325 .cm-mw-parserfunction-delimiter {
326     color: #df6c75;
327 }
328 
329 .CodeMirror-selected {
330     background-color: rgba(140, 171, 230, 0.1);
331 }
332 
333 .CodeMirror-focused .CodeMirror-selected {
334     background-color: rgba(140, 171, 230, 0.2);
335 }
336 
337 .CodeMirror-line::selection,
338 .CodeMirror-line > span::selection,
339 .CodeMirror-line > span > span::selection {
340     background: rgba(140, 171, 230, 0.2);
341 }
342 
343 .CodeMirror-line::-moz-selection,
344 .CodeMirror-line > span::-moz-selection,
345 .CodeMirror-line > span > span::-moz-selection {
346     background: rgba(140, 171, 230, 0.2);
347 }
348 
349 .cm-mw-htmltag-bracket,
350 .cm-mw-exttag-bracket {
351     color: #84be5b;
352 }
353 
354 .cm-mw-htmltag-name,
355 .cm-mw-htmltag-attribute,
356 .cm-mw-exttag-name,
357 .cm-mw-exttag-attribute {
358     color: #98c379;
359 }
360 
361 pre.cm-mw-exttag {
362     background: rgba(255, 255, 255, 0.05);
363 }
364 
365 .cm-mw-matchingbracket {
366     background-color: #313e59;
367     box-shadow: inset 0 0 1px 1px #61afef;
368 }
369 
370 .wikiEditor-ui .ace-tm .ace_print-margin,
371 .ve-ui-mwAceEditorWidget .ace-tm .ace_print-margin {
372     width: 1px;
373     background: #555651;
374 }
375 
376 .wikiEditor-ui .ace-tm,
377 .ve-ui-mwAceEditorWidget .ace-tm {
378     color: #F8F8F2;
379 }
380 
381 .wikiEditor-ui .ace-tm .ace_cursor,
382 .ve-ui-mwAceEditorWidget .ace-tm .ace_cursor {
383     color: #F8F8F0;
384 }
385 
386 .wikiEditor-ui .ace-tm .ace_marker-layer .ace_selection,
387 .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_selection {
388     background: #334567;
389 }
390 
391 .wikiEditor-ui .ace-tm.ace_multiselect .ace_selection.ace_start,
392 .ve-ui-mwAceEditorWidget .ace-tm.ace_multiselect .ace_selection.ace_start {
393     box-shadow: 0 0 3px 0px #334567;
394 }
395 
396 .wikiEditor-ui .ace-tm .ace_marker-layer .ace_step,
397 .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_step {
398     background: #665200;
399 }
400 
401 .wikiEditor-ui .ace-tm .ace_marker-layer .ace_bracket,
402 .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_bracket {
403     margin: -1px 0 0 -1px;
404     border: 1px solid #49483E;
405 }
406 
407 .wikiEditor-ui .ace-tm .ace_marker-layer .ace_active-line,
408 .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_active-line {
409     background: #2a3956;
410 }
411 
412 .wikiEditor-ui .ace-tm .ace_gutter-active-line,
413 .ve-ui-mwAceEditorWidget .ace-tm .ace_gutter-active-line {
414     background-color: #43557a;
415 }
416 
417 .wikiEditor-ui .ace-tm .ace_marker-layer .ace_selected-word,
418 .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_selected-word {
419     border: 1px solid #49483E;
420     background: #49483E;
421 }
422 
423 .wikiEditor-ui .ace-tm .ace_invisible,
424 .ve-ui-mwAceEditorWidget .ace-tm .ace_invisible {
425     color: #52524d;
426 }
427 
428 .wikiEditor-ui .ace-tm .ace_entity.ace_name.ace_tag,
429 .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_name.ace_tag,
430 .wikiEditor-ui .ace-tm .ace_keyword,
431 .ve-ui-mwAceEditorWidget .ace-tm .ace_keyword,
432 .wikiEditor-ui .ace-tm .ace_meta.ace_tag,
433 .ve-ui-mwAceEditorWidget .ace-tm .ace_meta.ace_tag,
434 .wikiEditor-ui .ace-tm .ace_storage,
435 .ve-ui-mwAceEditorWidget .ace-tm .ace_storage {
436     color: #F92672;
437 }
438 
439 .wikiEditor-ui .ace-tm .ace_punctuation,
440 .ve-ui-mwAceEditorWidget .ace-tm .ace_punctuation,
441 .wikiEditor-ui .ace-tm .ace_punctuation.ace_tag,
442 .ve-ui-mwAceEditorWidget .ace-tm .ace_punctuation.ace_tag {
443     color: #fff;
444 }
445 
446 .wikiEditor-ui .ace-tm .ace_constant.ace_character,
447 .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_character,
448 .wikiEditor-ui .ace-tm .ace_constant.ace_language,
449 .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_language,
450 .wikiEditor-ui .ace-tm .ace_constant.ace_numeric,
451 .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_numeric,
452 .wikiEditor-ui .ace-tm .ace_constant.ace_other,
453 .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_other {
454     color: #AE81FF;
455 }
456 
457 .wikiEditor-ui .ace-tm .ace_invalid,
458 .ve-ui-mwAceEditorWidget .ace-tm .ace_invalid {
459     color: #F8F8F0;
460     background-color: #F92672;
461 }
462 
463 .wikiEditor-ui .ace-tm .ace_invalid.ace_deprecated,
464 .ve-ui-mwAceEditorWidget .ace-tm .ace_invalid.ace_deprecated {
465     color: #F8F8F0;
466     background-color: #AE81FF;
467 }
468 
469 .wikiEditor-ui .ace-tm .ace_support.ace_constant,
470 .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_constant,
471 .wikiEditor-ui .ace-tm .ace_support.ace_function,
472 .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_function {
473     color: #66D9EF;
474 }
475 
476 .wikiEditor-ui .ace-tm .ace_fold,
477 .ve-ui-mwAceEditorWidget .ace-tm .ace_fold {
478     background-color: #A6E22E;
479     border-color: #F8F8F2;
480 }
481 
482 .wikiEditor-ui .ace-tm .ace_storage.ace_type,
483 .ve-ui-mwAceEditorWidget .ace-tm .ace_storage.ace_type,
484 .wikiEditor-ui .ace-tm .ace_support.ace_class,
485 .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_class,
486 .wikiEditor-ui .ace-tm .ace_support.ace_type,
487 .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_type {
488     color: #66D9EF;
489 }
490 
491 .wikiEditor-ui .ace-tm .ace_entity.ace_name.ace_function,
492 .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_name.ace_function,
493 .wikiEditor-ui .ace-tm .ace_entity.ace_other,
494 .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_other,
495 .wikiEditor-ui .ace-tm .ace_entity.ace_other.ace_attribute-name,
496 .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_other.ace_attribute-name,
497 .wikiEditor-ui .ace-tm .ace_variable,
498 .ve-ui-mwAceEditorWidget .ace-tm .ace_variable {
499     color: #A6E22E;
500 }
501 
502 .wikiEditor-ui .ace-tm .ace_variable.ace_parameter,
503 .ve-ui-mwAceEditorWidget .ace-tm .ace_variable.ace_parameter {
504     color: #FD971F;
505 }
506 
507 .wikiEditor-ui .ace-tm .ace_string,
508 .ve-ui-mwAceEditorWidget .ace-tm .ace_string {
509     color: #E6DB74;
510 }
511 
512 .wikiEditor-ui .ace-tm .ace_keyword.ace_operator,
513 .ve-ui-mwAceEditorWidget .ace-tm .ace_keyword.ace_operator {
514     color: #949eaa;
515 }
516 
517 .wikiEditor-ui .ace-tm .ace_comment,
518 .ve-ui-mwAceEditorWidget .ace-tm .ace_comment {
519     color: #949eaa;
520 }
521 
522 .wikiEditor-ui .ace-tm .ace_indent-guide,
523 .ve-ui-mwAceEditorWidget .ace-tm .ace_indent-guide {
524     background: none;
525     border-right: solid 1px #334567;
526     margin-left: -1px;
527 }